:root{--ink:#2b3a55;--ink2:#5b6b85;--paper:#fffdf6;--paper2:#f4efe1;--line:#d9d1bb;--red:#e2453c;--blue:#3d7be0;--gold:#e3a90d;--green:#3aa55a;--shadow:0 6px 24px #141e3c2e;--font:"Pretendard", "Apple SD Gothic Neo", "Malgun Gothic", "Segoe UI", system-ui, sans-serif}*{box-sizing:border-box}html,body{height:100%;font-family:var(--font);color:var(--ink);-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;background:#7ec4f2;margin:0;overflow:hidden}#app{position:fixed;inset:0}canvas#cv{touch-action:none;cursor:crosshair;width:100%;height:100%;display:block;position:absolute;inset:0}[hidden]{display:none!important}.btn{font:inherit;color:var(--ink);background:var(--paper);border:2px solid var(--ink);cursor:pointer;box-shadow:0 3px 0 var(--ink);white-space:nowrap;border-radius:12px;padding:7px 12px;font-size:14px;font-weight:700;transition:transform 60ms,box-shadow 60ms;position:relative}.btn:active{box-shadow:0 1px 0 var(--ink);transform:translateY(2px)}.btn:disabled{opacity:.45;cursor:default}.btn.icon{padding:7px 9px}.btn.primary{background:var(--red);color:#fff}.btn.blue{background:var(--blue);color:#fff}.btn.ghost{color:#fff;box-shadow:none;background:#ffffff1f;border-color:#fff9}.btn .dot{background:var(--red);border:2px solid var(--paper);border-radius:50%;width:12px;height:12px;position:absolute;top:-5px;right:-5px}#hud{padding:calc(10px + env(safe-area-inset-top)) 12px 10px;pointer-events:none;flex-wrap:wrap;align-items:center;gap:8px;display:flex;position:absolute;top:0;left:0;right:0}#hud>*{pointer-events:auto}#hud .sp{flex:1}.chip{border:2px solid var(--ink);white-space:nowrap;background:#fffdf6eb;border-radius:12px;padding:5px 10px;font-size:14px;font-weight:800}.chip.era{background:var(--ink);color:var(--paper)}.chip.fold{background:#fff3d6;font-size:12px}.goal{border:2px solid var(--ink);background:#fffdf6eb;border-radius:12px;min-width:150px;padding:4px 10px}.goal .gl{color:var(--ink2);font-size:11px;font-weight:800}.bar{background:var(--paper2);border:1px solid var(--line);border-radius:6px;height:7px;overflow:hidden}.bar i{background:var(--blue);border-radius:6px;width:0;height:100%;transition:width .3s;display:block}.goal .bar i{background:linear-gradient(90deg, var(--blue), var(--red))}#fly{top:calc(64px + env(safe-area-inset-top));text-align:center;pointer-events:none;position:absolute;left:50%;transform:translate(-50%)}#fly .big{color:#fff;text-shadow:0 2px 0 var(--ink), 0 0 12px #00000059;letter-spacing:.5px;font-size:40px;font-weight:900}#fly .sub{color:#fff;text-shadow:0 1px 2px #0009;font-size:13px;font-weight:700}#fly .bars{justify-content:center;gap:10px;margin-top:6px;display:flex}.mbar{color:#fff;text-shadow:0 1px 2px #0009;align-items:center;gap:5px;font-size:11px;font-weight:800;display:flex}.mbar .bar{width:90px}.mbar .bar i{background:#ffb02e;transition:none}.mbar .bar.hull i{background:var(--green)}#fly .barrier{color:#fff;text-shadow:0 0 8px #7cf,0 1px 2px #000;margin-top:8px;font-size:13px;font-weight:800;animation:1s infinite pulse}@keyframes pulse{50%{opacity:.4}}.btn.speed{right:14px;bottom:calc(14px + env(safe-area-inset-bottom));position:absolute}#hint{left:50%;bottom:calc(26px + env(safe-area-inset-bottom));color:#fff;pointer-events:none;text-align:center;background:#2b3a55e0;border-radius:999px;max-width:calc(100% - 32px);padding:9px 16px;font-size:14px;font-weight:700;position:absolute;transform:translate(-50%)}#keyBanner{left:50%;top:calc(64px + env(safe-area-inset-top));color:#fff;border:2px solid var(--ink);box-shadow:var(--shadow);pointer-events:none;text-align:center;background:linear-gradient(90deg,#ffb347,#ff5f6d);border-radius:12px;max-width:calc(100% - 32px);padding:8px 16px;font-size:14px;font-weight:800;animation:1.6s infinite glowb;position:absolute;transform:translate(-50%)}@keyframes glowb{50%{box-shadow:0 0 22px #ff8c3ce6}}#toasts{top:calc(110px + env(safe-area-inset-top));pointer-events:none;z-index:30;flex-direction:column;align-items:center;gap:8px;width:max-content;max-width:calc(100% - 32px);display:flex;position:absolute;left:50%;transform:translate(-50%)}.toast{background:var(--paper);border:2px solid var(--ink);box-shadow:var(--shadow);animation:.35s ease-out tin,.4s ease-in forwards tout;animation-delay:0s, var(--d,3s);text-align:center;border-radius:12px;padding:8px 14px;font-weight:800}.toast.key{background:linear-gradient(90deg,#fff1c1,#ffd3a8);font-size:16px}.toast small{color:var(--ink2);font-size:12px;font-weight:600;display:block}@keyframes tin{0%{opacity:0;transform:translateY(-14px)scale(.9)}}@keyframes tout{to{opacity:0;transform:translateY(-10px)}}#title{pointer-events:none;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}#title .tbox{text-align:center;pointer-events:auto;padding:16px;transform:translateY(-8%)}#title h1{letter-spacing:2px;color:#fff;text-shadow:0 4px 0 var(--ink), 0 0 30px #2b3a5559;margin:0;font-size:clamp(40px,9vw,88px);font-weight:900;line-height:1}#title .subt,.fin .subt{letter-spacing:6px;color:var(--ink);margin-top:10px;font-size:clamp(13px,2.4vw,18px);font-weight:800}.tbtns{flex-direction:column;align-items:center;gap:10px;margin-top:28px;display:flex}.tbtns .btn{min-width:200px;padding:11px 20px;font-size:18px}.tlang{color:var(--ink);margin-top:18px;font-weight:700}.lk{font:inherit;color:var(--ink);cursor:pointer;background:0 0;border:0;font-weight:800;text-decoration:underline}.ver{color:var(--ink2);font-size:11px;position:absolute;bottom:10px;right:12px}#shop{background:var(--paper);border-left:3px solid var(--ink);z-index:20;flex-direction:column;width:min(420px,100%);animation:.2s ease-out sin;display:flex;position:absolute;top:0;bottom:0;right:0;box-shadow:-8px 0 30px #0003}@keyframes sin{0%{opacity:0;transform:translate(40px)}}.shead{padding:calc(12px + env(safe-area-inset-top)) 14px 10px;border-bottom:2px dashed var(--line);justify-content:space-between;align-items:center;display:flex}.stitle{font-size:18px;font-weight:900}.stitle b{color:var(--gold);margin-left:8px}.sfold{color:var(--ink2);background:#fff3d6;border-radius:10px;margin:8px 14px 0;padding:6px 10px;font-size:12px;font-weight:700}.tabs{gap:6px;padding:10px 14px 6px;display:flex}.tab{font:inherit;border:2px solid var(--ink);background:var(--paper2);cursor:pointer;color:var(--ink);border-radius:10px;flex:1;padding:7px 4px;font-size:13px;font-weight:800;position:relative}.tab.on{background:var(--ink);color:var(--paper)}.tab .dot{background:var(--red);border-radius:50%;width:10px;height:10px;position:absolute;top:-4px;right:-4px}.slist{padding:8px 14px calc(16px + env(safe-area-inset-bottom));flex-direction:column;flex:1;gap:10px;display:flex;overflow-y:auto}.up{border:2px solid var(--ink);box-shadow:0 3px 0 var(--line);background:#fff;border-radius:14px;grid-template-columns:44px 1fr auto;align-items:center;gap:10px;padding:10px;display:grid}.up .ic{text-align:center;font-size:28px}.up .nm{font-size:15px;font-weight:900}.up .nm small{color:var(--ink2);margin-left:4px;font-size:12px;font-weight:700}.up .ds{color:var(--ink2);margin-top:2px;font-size:12px;line-height:1.35}.up .ef{color:var(--blue);margin-top:3px;font-size:12px;font-weight:800}.up .pips{flex-wrap:wrap;gap:2px;margin-top:5px;display:flex}.up .pips i{background:var(--paper2);border:1px solid var(--line);border-radius:3px;width:10px;height:5px}.up .pips i.on{background:var(--blue);border-color:var(--blue)}.up .buy{text-align:center;min-width:76px}.up .buy small{opacity:.85;font-size:11px;display:block}.up.new{animation:1.2s ease-out newup}@keyframes newup{0%{background:#fff1b8;transform:scale(1.03)}}.up.key{background:linear-gradient(135deg,#fff6d8,#ffe0c8);border-color:#c2410c;box-shadow:0 0 0 3px #ff963c59,0 3px #c2410c}.up.key .nm{color:#b0350b}.up.done{opacity:.75}.empty{text-align:center;color:var(--ink2);padding:20px 0;font-weight:700}#modal{z-index:40;background:#141c2d59;justify-content:center;align-items:center;padding:16px;display:flex;position:absolute;inset:0}.card{background:var(--paper);border:3px solid var(--ink);box-shadow:var(--shadow);border-radius:18px;width:min(420px,100%);max-height:calc(100% - 20px);padding:20px;animation:.22s ease-out pop;overflow-y:auto}@keyframes pop{0%{opacity:0;transform:scale(.92)}}.card h2{margin:0 0 10px;font-size:20px;font-weight:900}.card .reason{color:var(--ink2);font-size:14px;font-weight:800}.card .dist{margin:4px 0;font-size:44px;font-weight:900}.card .rec{background:var(--red);color:#fff;border-radius:999px;padding:3px 10px;font-size:13px;font-weight:900;display:inline-block;transform:rotate(-3deg)}.card .earn{margin:10px 0;font-size:18px;font-weight:800}.card .rows{color:var(--ink2);flex-direction:column;gap:4px;margin-top:6px;font-size:13px;font-weight:700;display:flex}.card .acts{gap:10px;margin-top:16px;display:flex}.card .acts .btn{flex:1;padding:10px;font-size:16px}.card .res{text-align:center}.rec-list{flex-direction:column;gap:6px;margin-bottom:14px;display:flex}.rec-row{border:1.5px solid var(--line);background:#fff;border-radius:10px;justify-content:space-between;gap:8px;padding:6px 10px;font-size:14px;font-weight:700;display:flex}.rec-row.lock{color:#aaa}.set-row{border-bottom:1px dashed var(--line);justify-content:space-between;align-items:center;gap:10px;padding:10px 0;font-weight:800;display:flex}.set-row:last-child{border-bottom:0}.seg{gap:6px;display:flex}.seg .btn{padding:5px 10px;font-size:13px}.seg .btn.on{background:var(--ink);color:var(--paper)}#cine{z-index:50;position:absolute;inset:0}#cine .cap{color:#fff;text-align:center;text-shadow:0 2px 8px #000c;width:min(900px,100% - 32px);font-size:clamp(16px,3vw,26px);font-weight:800;line-height:1.4;transition:opacity .6s;position:absolute;bottom:13%;left:50%;transform:translate(-50%)}#cine .skip{right:14px;top:calc(14px + env(safe-area-inset-top));position:absolute}.cend{color:#fff;text-align:center;background:#0000008c;flex-direction:column;justify-content:center;align-items:center;padding:16px;animation:1.2s ease-out fadein;display:flex;position:absolute;inset:0}@keyframes fadein{0%{opacity:0}}.cend .num{letter-spacing:8px;opacity:.8;font-size:14px;font-weight:800}.cend .ttl{text-shadow:0 0 24px #fff6;margin:6px 0 18px;font-size:clamp(34px,7vw,64px);font-weight:900}.cend .nov{opacity:0;margin-bottom:26px;font-size:clamp(14px,2.4vw,18px);animation:1.5s ease-out 1.6s forwards fadein}.cend .btn{opacity:0;font-size:17px;animation:1s ease-out 2.6s forwards fadein}.fin{background:#0b1030!important}.fin h1{color:#fff;letter-spacing:2px;opacity:0;margin:0;font-size:clamp(36px,8vw,80px);font-weight:900;animation:2s ease-out .5s forwards fadein}.fin .subt{opacity:0;animation:2s ease-out 1.6s forwards fadein;color:#cfe0ff!important}.fin .flyT{color:#ffe9a8;animation:2.4s cubic-bezier(.2,.7,.3,1) 4s both flyt;display:inline-block}@keyframes flyt{0%{opacity:0;transform:translate(40vw,-40vh)rotate(-540deg)scale(3)}70%{opacity:1}to{opacity:1;transform:none}}.fin .end{letter-spacing:10px;opacity:0;margin-top:36px;font-size:22px;font-weight:900;animation:2s ease-out 7.4s forwards fadein}.fin .thx{opacity:0;margin-top:10px;animation:2s ease-out 8.4s forwards fadein}.fin .btn{margin-top:26px;animation-delay:9.6s}#chapter{z-index:45;color:#fff;text-align:center;cursor:pointer;background:#0a0e1ed9;flex-direction:column;justify-content:center;align-items:center;padding:16px;animation:.8s ease-out fadein;display:flex;position:absolute;inset:0}#chapter .cn{letter-spacing:8px;opacity:.75;font-size:14px;font-weight:800}#chapter .ct{margin:6px 0 14px;font-size:clamp(36px,7vw,60px);font-weight:900}#chapter .cl{opacity:.9;max-width:560px;font-size:clamp(14px,2.4vw,18px);line-height:1.5}#chapter .btn{margin-top:28px}@media (max-width:640px){#hud{padding:calc(8px + env(safe-area-inset-top)) 8px 6px;gap:5px}.chip{padding:4px 7px;font-size:12px}.goal{flex-basis:100%;order:9;min-width:110px}#hud .lbl{display:none}#fly{top:calc(96px + env(safe-area-inset-top))}#fly .big{font-size:30px}#keyBanner{top:calc(100px + env(safe-area-inset-top));font-size:12px}#toasts{top:calc(140px + env(safe-area-inset-top))}.mbar .bar{width:60px}}