:root{--ink:#191f28;--sub:#4e5968;--muted:#8b95a1;--bg:#f2f4f6;--accent:#3182f6;--accent-ink:#fff;--hud-top:0px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;font-family:-apple-system,BlinkMacSystemFont,Apple SD Gothic Neo,Noto Sans KR,sans-serif}*{box-sizing:border-box}html,body{background:var(--bg);height:100%;color:var(--ink);touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;overscroll-behavior:none;word-break:keep-all;margin:0;overflow:hidden}#app{position:fixed;top:0;bottom:0;left:0;right:0}canvas.game{touch-action:none;width:100%;height:100%;display:block;position:absolute;top:0;bottom:0;left:0;right:0}.safe-probe{visibility:hidden;padding-top:env(safe-area-inset-top);position:absolute}button{font:inherit}.btn{cursor:pointer;border:0;border-radius:16px;width:100%;padding:15px 16px;font-size:16px;font-weight:700;transition:transform 80ms;display:block}.btn:active{transform:scale(.97)}.btn.big{padding:18px 16px;font-size:18px}.btn.primary{background:var(--accent);color:var(--accent-ink)}.btn.weak{color:#333d4b;background:#f2f4f6}.btn.text{color:var(--sub);background:0 0;padding:10px;font-weight:600}.btn:disabled{opacity:.45}.chip{color:var(--ink);cursor:pointer;background:#ffffffe6;border:0;border-radius:999px;padding:8px 14px;font-size:14px;font-weight:700;box-shadow:0 0 0 1.5px #00000014}.chip.off{color:var(--muted)}.icon-btn{top:calc(var(--hud-top) + 10px);width:40px;height:40px;color:var(--ink);cursor:pointer;z-index:5;background:#ffffffe0;border:0;border-radius:999px;justify-content:center;align-items:center;font-size:15px;font-weight:900;display:none;position:absolute;right:14px;box-shadow:0 0 0 1.5px #00000014}.icon-btn.show{display:flex}.gk-overlay{z-index:20;background:#00000061;justify-content:center;align-items:center;padding:20px;display:none;position:fixed;top:0;bottom:0;left:0;right:0}.gk-overlay.open{animation:.18s ease-out gk-fade;display:flex}.gk-overlay.exit{z-index:30}.gk-sheet{text-align:center;background:#fff;border-radius:24px;flex-direction:column;gap:8px;width:min(340px,100%);max-height:100%;padding:24px 20px 14px;animation:.28s cubic-bezier(.34,1.56,.64,1) gk-pop;display:flex;overflow:auto}.gk-sheet h2{margin:0;font-size:21px;font-weight:800}.gk-sheet p{color:var(--sub);margin:0;font-size:15px;line-height:1.5}.gk-sheet .sub{margin-bottom:8px}.gk-sheet .row{gap:8px;display:flex}.gk-sheet .row .btn{flex:1;padding:13px 8px;font-size:15px}.gk-sheet .chip{align-self:center;margin:2px 0 6px}@keyframes gk-fade{0%{opacity:0}}@keyframes gk-pop{0%{opacity:0;transform:scale(.88)}}.toast{left:50%;bottom:calc(28px + env(safe-area-inset-bottom));color:#fff;opacity:0;pointer-events:none;z-index:40;white-space:nowrap;background:#191f28eb;border-radius:14px;padding:11px 16px;font-size:14px;font-weight:600;transition:all .2s;position:fixed;transform:translate(-50%,20px)}.toast.show{opacity:1;transform:translate(-50%)}.rating{top:calc(var(--hud-top) + 10px);color:var(--sub);background:#ffffffd9;border-radius:8px;padding:4px 8px;font-size:12px;font-weight:700;position:absolute;left:14px}:root{--bg:#f3f5f8;--ink:#2b2d42;--accent:#e63946;--accent-ink:#fff}.title-screen{padding:calc(var(--hud-top) + 24px) 24px calc(28px + env(safe-area-inset-bottom));z-index:4;text-align:center;background:linear-gradient(#f3f5f800 0%,#f3f5f88c 36%,#f3f5f8f2 60%);flex-direction:column;justify-content:flex-end;align-items:center;display:none;position:absolute;top:0;bottom:0;left:0;right:0}.title-screen.show{animation:.3s ease-out gk-fade;display:flex}.logo{letter-spacing:-.03em;color:var(--ink);text-shadow:3px 3px #fff,-2px -2px #fff,2px -2px #fff,-2px 2px #fff;margin:0;font-size:46px;font-weight:900}.tagline{color:var(--accent);margin:6px 0 4px;font-size:17px;font-weight:700}.title-best{color:var(--ink);margin:6px 0 16px;font-size:15px;font-weight:700}.title-screen .btn.primary{max-width:340px;box-shadow:0 4px #b52a35}.how{color:#4e5968;margin:16px 0 12px;padding:0;font-size:13.5px;line-height:1.75;list-style:none}.how li:before{content:"·";color:var(--accent);margin-right:6px;font-weight:900}.lvl-overlay{padding:calc(var(--hud-top) + 16px) 18px calc(20px + env(safe-area-inset-bottom));-webkit-backdrop-filter:blur(2px);z-index:15;background:#f3f5f8d1;flex-direction:column;justify-content:center;gap:14px;display:none;position:fixed;top:0;bottom:0;left:0;right:0}.lvl-overlay.open{animation:.15s ease-out gk-fade;display:flex}.lvl-head{text-align:center}.lvl-head h2{color:#3a86ff;letter-spacing:-.02em;margin:0;font-size:26px;font-weight:900}.lvl-head p{color:#4e5968;margin:4px 0 0;font-size:14px}.cards{flex-direction:column;gap:10px;display:flex}.card{text-align:left;border:2.5px solid var(--ink);width:100%;box-shadow:0 4px 0 var(--ink);cursor:pointer;color:var(--ink);background:#fff;border-radius:18px;align-items:center;gap:14px;padding:14px;transition:transform 80ms;animation:.28s cubic-bezier(.34,1.56,.64,1) both card-in;display:flex}.card:nth-child(2){animation-delay:50ms}.card:nth-child(3){animation-delay:.1s}.card:active{box-shadow:0 1px 0 var(--ink);transform:translateY(3px)}.card:disabled{opacity:1;cursor:default}.card.fusion{background:linear-gradient(135deg,#fff7d6,#ffe8a3);border-color:#b8860b;box-shadow:0 4px #b8860b}.glyph{color:#fff;border:2.5px solid var(--ink);border-radius:14px;flex:none;place-items:center;width:48px;height:48px;font-size:20px;font-weight:900;display:grid}.card-body{flex-direction:column;gap:2px;min-width:0;display:flex}.card-body b{font-size:17px;font-weight:800}.card-body .lv{color:#3a86ff;font-size:12.5px;font-weight:700}.card-body .desc{color:#4e5968;font-size:14px;line-height:1.4}@keyframes card-in{0%{opacity:0;transform:translateY(18px)scale(.96)}}.result-head{color:var(--ink)}.result-head.won{color:#2a9d8f}.result-score{letter-spacing:-.03em;color:var(--ink);font-size:54px;font-weight:900;line-height:1.1}.gk-sheet .sub.best{color:var(--accent);font-weight:800}.gk-sheet .why{color:#6b7684;margin-bottom:6px;font-size:14px}.stats{grid-template-columns:repeat(4,1fr);gap:6px;margin:4px 0 6px;display:grid}.stat{background:#f1f3f6;border-radius:12px;flex-direction:column;gap:2px;padding:9px 2px;display:flex}.stat b{color:var(--ink);white-space:nowrap;font-size:14px;font-weight:800}.stat span{color:#8b95a1;font-size:11.5px;font-weight:600}.build{flex-wrap:wrap;justify-content:center;gap:5px;margin:2px 0 8px;display:flex}.bchip{color:var(--ink);background:#fff;border:2px solid;border-radius:999px;padding:3px 8px;font-size:12px;font-weight:700}.build .none{color:#8b95a1;font-size:13px}.btn.revive{color:#fff;background:#2ec4b6;box-shadow:0 4px #1f8f85}.gk-sheet .revive-note{color:#6b7684;margin:-2px 0 4px;font-size:12.5px}.lvl-overlay .btn.reroll{width:auto;color:var(--ink);background:#fff;border:2px dashed #8b95a1;border-radius:14px;align-self:center;padding:10px 16px;font-size:14px}