: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:#fbf6ec;--ink:#2b2d42;--accent:#ff7a59;--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(#fbf6ec00 0%,#fbf6ec8c 38%,#fbf6ecf0 62%);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 #d9573a}.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}.result-head{color:var(--accent)}.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 10px;display:grid}.stat{background:#f7f3ea;border-radius:12px;flex-direction:column;gap:2px;padding:9px 2px;display:flex}.stat b{color:var(--ink);white-space:nowrap;text-overflow:ellipsis;font-size:14px;font-weight:800;overflow:hidden}.stat span{color:#8b95a1;font-size:11.5px;font-weight:600}.title-screen .btn.daily{max-width:340px;color:var(--ink);background:#fff;flex-direction:column;align-items:center;gap:1px;margin-top:10px;padding:11px 16px;display:flex;box-shadow:inset 0 0 0 2px #7048e8,0 3px #7048e8}.btn.daily b{color:#7048e8;font-size:16px;font-weight:800}.btn.daily small{color:#6b7684;font-size:12.5px;font-weight:600}.gk-sheet .daily-tag{color:#7048e8;margin:-6px 0 -2px;font-size:13px;font-weight:800}.gk-sheet .tap-hint{color:#8b95a1;margin:-2px 0 2px;font-size:12.5px;animation:1.6s ease-in-out infinite tap-hint}.gk-overlay.tap-restart{cursor:pointer;background:#00000042}@keyframes tap-hint{50%{opacity:.45}}
