:root{--ink-950:#0c0a14;--ink-900:#17131f;--ink-850:#1d1828;--line:#2a2438;--text:#f4f1ea;--text-dim:#9891ab;--brand:#ff5f31;--brand-dim:#7a3018;--score:#c6ff3d;--score-dim:#5a6b1a;--rank:#ff3da6;--rank-dim:#6b1a4a;--font-display:"Orbitron", sans-serif;--font-ui:"Noto Sans KR", -apple-system, BlinkMacSystemFont, "Apple SD Gothic Neo", sans-serif;--spring:cubic-bezier(.34, 1.56, .64, 1);--ease:cubic-bezier(.16, 1, .3, 1);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-family:var(--font-ui);color:var(--text);background:var(--ink-950);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}*{box-sizing:border-box}body{background:var(--ink-950);height:100svh;margin:0;overflow:hidden}#root{flex-direction:column;max-width:480px;height:100svh;margin:0 auto;display:flex;overflow:hidden}button{cursor:pointer;font-family:inherit}.display{font-family:var(--font-display)}.cut-corner{clip-path:polygon(12px 0,100% 0,100% calc(100% - 12px),calc(100% - 12px) 100%,0 100%,0 12px)}.demo-controls{z-index:50;flex-direction:column;align-items:flex-start;gap:6px;display:flex;position:fixed;bottom:16px;left:16px}.demo-btn{border:1px solid var(--brand-dim);color:var(--brand);background:repeating-linear-gradient(135deg,#3a1a0a,#3a1a0a 6px,#241008 6px 12px);border-radius:999px;padding:10px 16px;font-size:12.5px;font-weight:700;box-shadow:0 8px 20px -8px #0009}.demo-btn:disabled{opacity:.6}.demo-btn.ghost{background:var(--ink-900);color:var(--text-dim);border-color:var(--line)}.hud{padding:max(14px, env(safe-area-inset-top)) 16px 12px;border-bottom:1px solid var(--line);background:var(--ink-950);flex-shrink:0;justify-content:space-between;align-items:center;display:flex}.hud-close{border:1px solid var(--line);width:32px;height:32px;color:var(--text-dim);background:0 0;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:15px;display:flex}.hud-close:hover{color:var(--text);border-color:var(--text-dim)}.hud-titles{text-align:center}.hud-title{color:var(--text);font-size:15px;font-weight:700}.hud-meta{color:var(--text-dim);margin-top:2px;font-size:12px}.hud-spacer{flex-shrink:0;width:32px}.stage{flex-direction:column;flex:1;min-height:0;display:flex}.center-screen{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:6px;padding:28px 22px;display:flex}.center-screen .display{color:var(--text-dim);font-size:16px}.entry-screen{min-height:0;padding:max(40px, calc(env(safe-area-inset-top) + 12px)) 22px max(28px, calc(env(safe-area-inset-bottom) + 12px));text-align:center;flex-direction:column;flex:1;justify-content:safe center;align-items:center;display:flex;overflow-y:auto}.entry-tag{letter-spacing:.1em;text-transform:uppercase;color:var(--brand);border:1px solid var(--brand-dim);background:#ff5f311f;border-radius:999px;margin-bottom:20px;padding:5px 12px;font-size:12px;font-weight:800}.entry-icon{border:2px solid var(--brand);background:linear-gradient(160deg,#ff5f3129,#0000);justify-content:center;align-items:center;width:112px;height:112px;margin-bottom:22px;font-size:44px;display:flex}.entry-name{text-wrap:balance;margin:0 0 10px;font-size:26px;font-weight:800}.entry-rule{color:var(--text-dim);max-width:280px;margin:0 0 30px;font-size:15px;line-height:1.7}.nickname-input{background:var(--ink-900);border:1px solid var(--line);width:100%;max-width:320px;color:var(--text);text-align:center;margin-bottom:16px;padding:14px 16px;font-family:inherit;font-size:16px}.nickname-input:focus{border-color:var(--brand);outline:none}.entry-cta{background:var(--brand);color:#1a0800;width:100%;max-width:320px;transition:transform .3s var(--spring);border:none;padding:16px;font-size:17px;font-weight:800}.entry-cta:hover{transform:translateY(-2px)}.entry-cta:disabled{opacity:.5;cursor:default;transform:none}.entry-attempts{color:var(--text-dim);margin-top:14px;font-size:13px}.streak-banner{border:1px dashed var(--line);border-radius:999px;margin-top:14px;padding:9px 14px;font-size:13px;font-weight:700}.streak-banner.increased{color:var(--brand);border-color:var(--brand-dim)}.streak-banner.reset{color:var(--text-dim)}.entry-players{color:var(--text-dim);margin-top:6px;font-size:13px}.entry-players b{color:var(--text);font-variant-numeric:tabular-nums}.game-stage{flex:1;justify-content:center;align-items:flex-start;padding:22px;display:flex}.game-surface{width:100%;max-width:400px;height:100%;max-height:400px;color:var(--text);background:var(--ink-850);border:none;border:1px solid var(--line);flex-direction:column;justify-content:center;align-items:center;gap:10px;padding:20px;font-size:16.5px;font-weight:600;transition:filter .2s;display:flex}.game-big-number{font-family:var(--font-display);color:var(--score);font-variant-numeric:tabular-nums;font-size:56px;font-weight:700}.game-cta{background:var(--brand);color:#1a0800;border:none;padding:14px 26px;font-size:16px;font-weight:800}.simon-wrap{flex-direction:column;align-self:stretch;align-items:center;width:100%;display:flex}.simon-round{text-align:center;flex:none;margin-top:8px}.simon-round-value{color:var(--score);text-shadow:0 0 18px #c6ff3d66;font-variant-numeric:tabular-nums;font-size:44px;font-weight:700}.simon-round-caption{color:var(--text-dim);margin-top:6px;font-size:13px}.simon-surface-wrap{flex:1;justify-content:center;align-items:flex-start;width:100%;min-height:0;margin-top:16px;display:flex}.simon-grid{grid-template-columns:1fr 1fr;gap:10px;width:240px;height:240px;display:grid}.simon-cell{border:none}.simon-cell:disabled{cursor:default}.number-grid{grid-template-columns:repeat(5,1fr);gap:8px;width:min(100%,340px);display:grid}.number-cell{aspect-ratio:1;border:1px solid var(--line);background:var(--ink-850);color:var(--text);font-variant-numeric:tabular-nums;font-size:16px;font-weight:700}.timing-track{background:#f4f1ea1a;border-radius:999px;width:90%;height:24px;position:relative}.timing-center-zone{background:#c6ff3d66;border-radius:999px;width:8%;height:100%;position:absolute;left:46%}.timing-marker{background:var(--score);border-radius:2px;width:4px;height:36px;position:absolute;top:-6px;transform:translate(-50%)}.number-memory-wrap{flex-direction:column;justify-content:flex-start;align-self:stretch;align-items:center;gap:6px;width:100%;height:100%;padding-top:8px;display:flex}.number-memory-display{font-family:var(--font-display);color:var(--score);font-variant-numeric:tabular-nums;min-height:64px;font-size:56px;font-weight:700}.number-memory-caption{color:var(--text-dim);margin-bottom:10px;font-size:13px}.number-memory-keypad{grid-template-columns:repeat(3,1fr);gap:8px;width:min(100%,280px);display:grid}.number-memory-key{aspect-ratio:1;border:1px solid var(--line);background:var(--ink-850);color:var(--text);font-variant-numeric:tabular-nums;font-size:20px;font-weight:700}.number-memory-key:disabled{opacity:.5}.aim-field{background:var(--ink-850);border:1px solid var(--line);width:100%;max-width:400px;height:100%;max-height:400px;position:relative;overflow:hidden}.aim-progress{text-align:center;color:var(--text-dim);font-variant-numeric:tabular-nums;font-size:13px;position:absolute;top:10px;left:0;right:0}.aim-target{aspect-ratio:1;background:var(--brand);border:none;border-radius:50%;width:16%;position:absolute;transform:translate(-50%,-50%);box-shadow:0 0 20px #ff5f318c}.gonogo-surface{border:1px solid var(--line);background:var(--ink-850);flex-direction:column;justify-content:center;align-items:center;gap:20px;width:100%;max-width:400px;height:100%;max-height:400px;padding:20px;display:flex}.gonogo-caption{color:var(--text-dim);font-variant-numeric:tabular-nums;font-size:13px}.gonogo-shape{border-radius:24px;width:120px;height:120px;transition:background 50ms linear}.card-grid{grid-template-columns:repeat(4,1fr);gap:8px;width:min(100%,340px);display:grid}.card-cell{aspect-ratio:3/4;border:1px solid var(--line);background:var(--ink-850);justify-content:center;align-items:center;font-size:26px;display:flex}.card-cell.revealed{background:var(--ink-900);border-color:var(--brand-dim)}.card-cell.matched{border-color:var(--score-dim);opacity:.6}.rhythm-surface{border:1px solid var(--line);background:var(--ink-850);flex-direction:column;justify-content:center;align-items:center;gap:26px;width:100%;max-width:400px;height:100%;max-height:400px;display:flex}.rhythm-caption{color:var(--text-dim);font-variant-numeric:tabular-nums;font-size:13px}.rhythm-circle{background:var(--score-dim);width:90px;height:90px;transition:transform .12s var(--spring), background .12s linear;border-radius:50%}.rhythm-circle.pulse{background:var(--score);transform:scale(1.35)}.scroll-hint{left:50%;bottom:max(14px, calc(env(safe-area-inset-bottom) + 8px));pointer-events:none;border:1px solid var(--line);color:var(--text-dim);background:#17131feb;border-radius:999px;padding:7px 14px;font-size:11.5px;animation:1.4s ease-in-out infinite scroll-hint-bounce;position:fixed;transform:translate(-50%);box-shadow:0 8px 20px -8px #0009}@keyframes scroll-hint-bounce{0%,to{transform:translate(-50%)translateY(0)}50%{transform:translate(-50%)translateY(3px)}}.result-screen{min-height:0;padding:20px 22px max(28px, calc(env(safe-area-inset-bottom) + 12px));text-align:center;flex-direction:column;flex:1;justify-content:flex-start;align-items:center;display:flex;overflow-y:auto}.result-label{letter-spacing:.1em;text-transform:uppercase;color:var(--text-dim);margin-bottom:10px;font-size:12.5px}.score-panel{border:1px solid var(--score-dim);background:#050308;width:100%;max-width:320px;margin-bottom:22px;padding:22px 16px;position:relative}.score-panel:before{content:"";pointer-events:none;background:repeating-linear-gradient(#c6ff3d0a 0 2px,#0000 2px 4px);position:absolute;inset:0}.score-value{color:var(--score);text-shadow:0 0 18px #c6ff3d80;font-variant-numeric:tabular-nums;font-size:42px;font-weight:700}.score-game{color:var(--text-dim);margin-top:4px;font-size:12.5px}.run-note{color:var(--text-dim);margin-bottom:18px;font-size:13.5px}.rank-row{gap:10px;width:100%;max-width:320px;margin-bottom:18px;display:flex}.rank-chip{background:var(--ink-900);border:1px solid var(--line);flex:1;padding:12px 8px}.rank-chip .v{color:var(--rank);font-variant-numeric:tabular-nums;font-size:21px;font-weight:700}.rank-chip .k{color:var(--text-dim);margin-top:4px;font-size:11.5px}.pb-badge{color:var(--text-dim);border:1px dashed var(--line);border-radius:999px;align-items:center;gap:8px;max-width:320px;margin-bottom:22px;padding:9px 14px;font-size:13px;display:flex}.pb-badge b{color:var(--text)}.leaderboard{border:1px solid var(--line);background:var(--ink-900);width:100%;max-width:320px;margin-bottom:22px}.leaderboard-title{letter-spacing:.08em;color:var(--text-dim);border-bottom:1px solid var(--line);text-align:left;padding:10px 14px;font-size:12px;font-weight:800}.leaderboard-list{margin:0;padding:0;list-style:none}.leaderboard-list li{border-bottom:1px solid var(--line);align-items:center;gap:10px;padding:8px 14px;font-size:14px;display:flex}.leaderboard-list li:last-child{border-bottom:none}.leaderboard-list li.me{background:#ff5f311a}.lb-rank{width:20px;font-family:var(--font-display);color:var(--rank);font-variant-numeric:tabular-nums;flex-shrink:0}.lb-name{text-align:left;color:var(--text);text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.lb-score{font-variant-numeric:tabular-nums;color:var(--score)}.share-cta{border:1px solid var(--brand);width:100%;max-width:320px;color:var(--brand);background:0 0;margin-top:12px;padding:15px;font-size:15.5px;font-weight:700}.result-next{color:var(--text-dim);margin-top:18px;font-size:13px}.empty-icon{opacity:.6;margin-bottom:4px;font-size:38px}.empty-title{margin:0;font-size:17px;font-weight:700}.empty-desc{color:var(--text-dim);margin:0;font-size:14px;line-height:1.7}.error{color:var(--rank);margin-top:14px;font-size:14px}