@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/JetBrainsMono-Regular.woff2) format("woff2")}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/JetBrainsMono-Bold.woff2) format("woff2")}:root{--color-void: #0A0A0A;--color-bone: #E8E4D9;--color-signal: #FF3F3F;--color-ghost: #4A4A4A;--color-correct: #2ECC40;--color-warning: #FFDC00;--color-overclock: #FF851B;--color-cold: #0074D9;--color-rank-gold: #FFD700;--color-rank-silver: #C0C0C0;--color-rank-bronze: #CD7F32;--font-mono: "JetBrains Mono", "Fira Code", "SF Mono", "Consolas", monospace;--text-prompt: 120px;--text-score: 32px;--text-label: 14px;--text-body: 16px;--text-small: 12px;--space-xs: 4px;--space-s: 8px;--space-m: 16px;--space-l: 32px;--space-xl: 64px;--space-xxl: 128px;--transition-instant: 0ms;--transition-fast: 50ms;--transition-feedback: .15s;--transition-ui: .2s}*{margin:0;padding:0;box-sizing:border-box}html,body{height:100%;background:var(--color-void);color:var(--color-bone);font-family:var(--font-mono);font-size:var(--text-body);line-height:1.4;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.screen{display:none;width:100%;height:100%;position:absolute;top:0;left:0}.screen.active{display:flex}#start-screen{flex-direction:column;align-items:center;justify-content:center}.title-container{text-align:center;margin-bottom:var(--space-xl)}.title-main{font-size:64px;font-weight:700;color:var(--color-bone);letter-spacing:-.02em;line-height:1}.title-sub{font-size:32px;font-weight:400;color:var(--color-signal);letter-spacing:.1em;line-height:1;margin-top:var(--space-s)}.game-selector{display:flex;gap:var(--space-m);margin-bottom:var(--space-xl)}.game-select-btn{background:transparent;border:2px solid var(--color-ghost);color:var(--color-ghost);font-family:var(--font-mono);padding:var(--space-m) var(--space-l);cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:var(--space-xs);transition:all var(--transition-ui) ease-out;width:200px}.game-select-btn:hover{border-color:var(--color-bone);color:var(--color-bone)}.game-select-btn.selected{border-color:var(--color-signal);color:var(--color-signal)}.game-name{font-size:var(--text-body);font-weight:700;letter-spacing:.05em}.game-desc{font-size:var(--text-small);opacity:.7}.game-card{display:flex;flex-direction:column;align-items:center}.game-leader{display:flex;align-items:center;gap:var(--space-xs);margin-top:var(--space-xs);font-size:var(--text-small);cursor:pointer;padding:var(--space-xs) var(--space-s);transition:color var(--transition-ui)}.game-leader:hover{color:var(--color-bone)}.leader-label{color:var(--color-rank-gold);font-weight:700}.leader-name{color:var(--color-ghost);max-width:100px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.leader-score{color:var(--color-ghost);font-variant-numeric:tabular-nums}.leaderboard-sheet{position:fixed;top:0;right:0;bottom:0;left:0;background:#0a0a0acc;z-index:200;display:flex;flex-direction:column;justify-content:flex-end;opacity:1;transition:opacity .2s ease-out}.leaderboard-sheet.hidden{opacity:0;pointer-events:none}.leaderboard-sheet .sheet-panel{background:var(--color-void);border-top:2px solid var(--color-ghost);max-height:60vh;display:flex;flex-direction:column;transform:translateY(0);transition:transform .3s ease-out}.leaderboard-sheet.hidden .sheet-panel{transform:translateY(100%)}.sheet-panel .sheet-header{display:flex;justify-content:space-between;align-items:center;padding:var(--space-m) var(--space-l);border-bottom:1px solid var(--color-ghost)}.sheet-title{font-size:var(--text-body);font-weight:700;color:var(--color-signal);letter-spacing:.05em}.sheet-close{background:none;border:none;color:var(--color-ghost);font-size:24px;cursor:pointer;padding:0;line-height:1}.sheet-close:hover{color:var(--color-bone)}.sheet-panel .sheet-content{flex:1;overflow-y:auto;padding:var(--space-m) var(--space-l)}.leaderboard-list{display:flex;flex-direction:column;gap:var(--space-s)}.leaderboard-entry{display:flex;align-items:center;gap:var(--space-m);padding:var(--space-s) var(--space-m);background:#4a4a4a1a;border-left:3px solid transparent}.leaderboard-entry.top-1{border-left-color:var(--color-rank-gold);background:#ffd7000d}.leaderboard-entry.top-2{border-left-color:var(--color-rank-silver)}.leaderboard-entry.top-3{border-left-color:var(--color-rank-bronze)}.leaderboard-rank{width:28px;font-size:var(--text-body);font-weight:700;color:var(--color-ghost);font-variant-numeric:tabular-nums}.leaderboard-entry.top-1 .leaderboard-rank{color:var(--color-rank-gold)}.leaderboard-entry.top-2 .leaderboard-rank{color:var(--color-rank-silver)}.leaderboard-entry.top-3 .leaderboard-rank{color:var(--color-rank-bronze)}.leaderboard-main{flex:1;min-width:0}.leaderboard-name{color:var(--color-bone);font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.leaderboard-name.anonymous{color:var(--color-ghost);font-style:italic;font-weight:400}.leaderboard-score{color:var(--color-signal);font-size:var(--text-body);font-weight:700;font-variant-numeric:tabular-nums}.leaderboard-stats{display:flex;gap:var(--space-l);font-size:var(--text-small);color:var(--color-ghost)}.leaderboard-stat{display:flex;flex-direction:column;align-items:center;min-width:60px}.leaderboard-stat-value{color:var(--color-bone);font-variant-numeric:tabular-nums}.leaderboard-stat-label{font-size:10px;text-transform:uppercase;letter-spacing:.05em}.leaderboard-empty{color:var(--color-ghost);font-size:var(--text-small);padding:var(--space-l) 0;text-align:center}.leaderboard-play{background:transparent;border:1px solid var(--color-ghost);color:var(--color-ghost);width:28px;height:28px;font-size:10px;cursor:pointer;transition:all var(--transition-ui) ease-out;display:flex;align-items:center;justify-content:center;flex-shrink:0}.leaderboard-play:hover{border-color:var(--color-bone);color:var(--color-bone);background:#e8e4d91a}.leaderboard-play:active{background:var(--color-ghost)}.start-prompt{font-size:var(--text-body);color:var(--color-ghost);animation:start-blink 1s step-end infinite;margin-bottom:var(--space-xxl)}.tagline{position:absolute;bottom:var(--space-xl);text-align:center;font-size:var(--text-small);color:var(--color-ghost);opacity:.6;line-height:1.6}.season-countdown{position:absolute;bottom:calc(var(--space-xl) + 55px);left:0;right:0;text-align:center;font-size:11px;color:var(--color-bone);opacity:.5;letter-spacing:.1em;text-transform:uppercase}@keyframes start-blink{0%,to{opacity:1}50%{opacity:0}}.imprint-link{position:absolute;bottom:var(--space-s);right:var(--space-m);font-size:var(--text-small);color:var(--color-ghost);text-decoration:none;opacity:.5;transition:opacity var(--transition-ui)}.imprint-link:hover{opacity:1}.shame-link{font-size:var(--text-small);color:var(--color-signal);text-decoration:none;letter-spacing:.1em;opacity:.7;transition:opacity var(--transition-ui);margin-bottom:var(--space-l)}.shame-link:hover{opacity:1}.shame-title{color:var(--color-signal)!important}.shame-list{display:flex;flex-direction:column;gap:var(--space-s)}.shame-empty{color:var(--color-ghost);font-size:var(--text-small);padding:var(--space-l) 0;text-align:center}.shame-entry{background:#ff3f3f0d;border-left:3px solid var(--color-signal);padding:var(--space-m)}.shame-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-s)}.shame-name{font-weight:700;color:var(--color-signal)}.shame-game{font-size:var(--text-small);color:var(--color-ghost)}.shame-score{color:var(--color-bone)}.shame-type{font-size:var(--text-small);color:var(--color-signal);text-transform:uppercase;letter-spacing:.1em;margin-bottom:var(--space-xs)}.shame-evidence{font-size:var(--text-small);color:var(--color-ghost)}.shame-evidence li{margin-left:var(--space-m);margin-bottom:var(--space-xs)}.mute-btn{position:absolute;top:var(--space-m);right:var(--space-m);background:transparent;border:1px solid var(--color-ghost);color:var(--color-ghost);font-family:var(--font-mono);font-size:var(--text-small);padding:var(--space-xs) var(--space-s);cursor:pointer;opacity:.5;transition:all var(--transition-ui)}.mute-btn:hover{opacity:1;border-color:var(--color-bone);color:var(--color-bone)}.mute-btn.muted{color:var(--color-signal);border-color:var(--color-signal);opacity:.7}.mute-btn.muted:hover{opacity:1}.game-screen,#keystorm-screen,#aimstorm-screen{flex-direction:column;position:relative}.game-hud{display:flex;justify-content:space-between;padding:var(--space-l);position:absolute;top:0;left:0;right:0}.hud-item{display:flex;flex-direction:column}.hud-label{font-size:var(--text-label);color:var(--color-ghost);letter-spacing:.05em;text-transform:uppercase}.hud-value{font-size:var(--text-score);color:var(--color-bone);font-variant-numeric:tabular-nums;min-width:6ch}.hud-item:first-child .hud-value{text-align:left}.hud-item:last-child .hud-value{text-align:right}.prompt-container{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding-bottom:var(--space-xxl)}.prompt,#keystorm-prompt{font-size:clamp(64px,10vw,120px);font-weight:700;color:var(--color-signal);text-shadow:0 0 30px rgba(255,63,63,.4);animation:prompt-pulse 1.5s ease-in-out infinite;line-height:1}@keyframes prompt-pulse{0%,to{opacity:1}50%{opacity:.85}}.prompt .key-pending,#keystorm-prompt .key-pending{color:var(--color-signal)}.prompt .key-done,#keystorm-prompt .key-done{color:var(--color-correct);opacity:.6}.timeout-container{margin-top:var(--space-l)}.timeout-bar{width:200px;height:4px;background:var(--color-signal);transition:width linear}.timeout-bar.warning{background:var(--color-warning)}.progress-section{position:absolute;bottom:var(--space-xl);left:50%;transform:translate(-50%);width:100%;max-width:400px;padding:0 var(--space-l)}.progress-row{display:flex;align-items:center;margin-bottom:var(--space-s)}.progress-track{flex:1;height:8px;background:var(--color-ghost);position:relative;overflow:visible}.progress-fill{height:100%;background:var(--color-cold);transition:width .1s linear;width:0%}.leader-marker{position:absolute;top:-4px;width:3px;height:16px;background:var(--color-signal);transform:translate(-50%);left:0%}.personal-marker{position:absolute;top:-4px;width:3px;height:16px;background:var(--color-correct);transform:translate(-50%);left:0%;display:none}.personal-marker.visible{display:block}.top10-markers{position:absolute;top:0;left:0;right:0;height:100%;pointer-events:none}.top10-marker{position:absolute;top:0;width:2px;height:100%;background:var(--color-void);transform:translate(-50%);opacity:.6}.progress-legend{display:flex;justify-content:center;gap:var(--space-l);font-size:var(--text-small);color:var(--color-ghost)}.legend-item{display:flex;align-items:center;gap:var(--space-xs)}.legend-dot{width:8px;height:8px}.legend-dot.leader{background:var(--color-signal)}.legend-dot.personal{background:var(--color-correct)}.correct-flash{animation:correct-flash 50ms step-end}.fail-flash{animation:fail-flash .15s step-end}@keyframes correct-flash{0%,to{background:var(--color-void)}50%{background:#2ecc401a}}@keyframes fail-flash{0%,to{background:var(--color-void)}50%{background:#ff3f3f4d}}#end-screen{flex-direction:column;align-items:center;justify-content:center;padding:var(--space-xl) var(--space-m);overflow-y:auto;gap:var(--space-s)}.death-header{font-size:48px;font-weight:700;color:var(--color-signal);letter-spacing:.2em;margin-bottom:var(--space-l)}.final-score{font-size:72px;font-weight:700;color:var(--color-bone);line-height:1}.score-label{font-size:var(--text-label);color:var(--color-ghost);letter-spacing:.05em;text-transform:uppercase;margin-bottom:var(--space-l)}.percentile-message{font-size:var(--text-body);color:var(--color-bone);margin-bottom:var(--space-xl)}.stats-row{display:flex;justify-content:space-around;gap:var(--space-xl);margin-bottom:var(--space-xl)}.stat-item{text-align:center}.stat-value{font-size:24px;color:var(--color-bone);font-variant-numeric:tabular-nums}.stat-label{font-size:var(--text-label);color:var(--color-ghost);letter-spacing:.05em;text-transform:uppercase}.end-prompt{font-size:var(--text-body);color:var(--color-ghost);animation:start-blink 1s step-end infinite}.screen{opacity:0;transition:opacity var(--transition-ui) ease-out}.screen.active{opacity:1}.promo-banner{position:absolute;bottom:var(--space-l);left:50%;transform:translate(-50%);width:320px;height:50px;background:var(--color-ghost);display:flex;align-items:center;justify-content:center;opacity:.3;transition:opacity var(--transition-ui) ease-out}body.promo-free .promo-banner,body.promo-disabled .promo-banner,body.promo-disabled .rewarded-promo-btn{display:none}.promo-placeholder-text{font-size:var(--text-small);color:var(--color-bone);opacity:.5;letter-spacing:.1em}#start-screen .tagline{bottom:calc(var(--space-l) + 50px + var(--space-m));transition:bottom var(--transition-ui) ease-out}body.promo-free #start-screen .tagline{bottom:var(--space-xl)}.export-btn{background:var(--color-signal);border:none;color:var(--color-void);font-family:var(--font-mono);font-size:var(--text-body);font-weight:700;padding:var(--space-m) var(--space-xl);cursor:pointer;margin-bottom:var(--space-m);transition:all var(--transition-ui) ease-out;letter-spacing:.05em}.export-btn:hover{background:var(--color-bone)}.export-btn:active{transform:scale(.98)}.export-btn:disabled{background:var(--color-ghost);cursor:not-allowed}.rewarded-promo-btn{background:transparent;border:1px solid var(--color-ghost);color:var(--color-ghost);font-family:var(--font-mono);font-size:var(--text-small);padding:var(--space-s) var(--space-m);cursor:pointer;margin-bottom:var(--space-l);transition:all var(--transition-ui) ease-out}.rewarded-promo-btn:hover{border-color:var(--color-bone);color:var(--color-bone)}.rewarded-promo-btn:active{background:var(--color-ghost)}.rewarded-promo-btn.hidden{display:none}.interstitial{background:#0a0a0af2;z-index:100;flex-direction:column;align-items:center;justify-content:center}.interstitial-container{display:flex;flex-direction:column;align-items:center;gap:var(--space-l)}.interstitial-slot{width:300px;height:250px;background:var(--color-ghost);display:flex;align-items:center;justify-content:center;opacity:.5}.interstitial-continue{background:var(--color-signal);border:none;color:var(--color-void);font-family:var(--font-mono);font-size:var(--text-body);font-weight:700;padding:var(--space-m) var(--space-xl);cursor:pointer;letter-spacing:.05em;transition:all var(--transition-ui) ease-out}.interstitial-continue:hover{background:var(--color-bone)}.interstitial-continue:disabled{background:var(--color-ghost);cursor:not-allowed}.interstitial-skip-timer{font-size:var(--text-small);color:var(--color-ghost)}.interstitial-skip-timer.hidden{display:none}.aimstorm-hud{display:flex;justify-content:space-between;padding:var(--space-l);position:absolute;top:0;left:0;right:0;z-index:10;background:linear-gradient(to bottom,var(--color-void) 0%,transparent 100%)}.aimstorm-canvas{position:absolute;top:60px;left:0;width:100%;height:calc(100% - 140px);cursor:crosshair}.aimstorm-timeout-container{position:absolute;bottom:var(--space-l);left:50%;transform:translate(-50%);z-index:10}#aimstorm-screen .progress-section{bottom:calc(var(--space-l) + var(--space-xl))}#aimstorm-screen{cursor:crosshair}.rhythmstorm-canvas{position:absolute;top:60px;left:0;width:100%;height:calc(100% - 140px);cursor:default}#rhythmstorm-screen .progress-section{bottom:var(--space-l)}.toast{position:fixed;bottom:var(--space-xl);left:50%;transform:translate(-50%) translateY(100px);background:var(--color-bone);color:var(--color-void);padding:var(--space-m) var(--space-l);font-size:var(--text-body);font-weight:700;z-index:1000;opacity:0;transition:transform .3s ease-out,opacity .3s ease-out}.toast.visible{transform:translate(-50%) translateY(0);opacity:1}.toast.hidden{display:none}.modal{position:fixed;top:0;left:0;width:100%;height:100%;background:#0a0a0af2;display:flex;align-items:center;justify-content:center;z-index:500}.modal.hidden{display:none}.modal-content{display:flex;flex-direction:column;align-items:center;gap:var(--space-m);padding:var(--space-xl);max-width:400px;width:90%}.modal-title{font-size:32px;font-weight:700;color:var(--color-signal);letter-spacing:.1em}.modal-subtitle{font-size:var(--text-body);color:var(--color-ghost);text-align:center}.name-input{width:100%;background:transparent;border:2px solid var(--color-ghost);color:var(--color-bone);font-family:var(--font-mono);font-size:var(--text-score);padding:var(--space-m);text-align:center;text-transform:uppercase;letter-spacing:.1em;outline:none;transition:border-color var(--transition-ui) ease-out}.name-input:focus{border-color:var(--color-signal)}.name-input::placeholder{color:var(--color-ghost);text-transform:none;letter-spacing:normal}.modal-buttons{display:flex;gap:var(--space-m);margin-top:var(--space-m)}.modal-btn{font-family:var(--font-mono);font-size:var(--text-body);font-weight:700;padding:var(--space-m) var(--space-xl);cursor:pointer;border:2px solid;transition:all var(--transition-ui) ease-out}.modal-btn-primary{background:var(--color-signal);border-color:var(--color-signal);color:var(--color-void)}.modal-btn-primary:hover{background:var(--color-bone);border-color:var(--color-bone)}.modal-btn-secondary{background:transparent;border-color:var(--color-ghost);color:var(--color-ghost)}.modal-btn-secondary:hover{border-color:var(--color-bone);color:var(--color-bone)}.export-modal-content{max-width:500px;width:90%}.export-preview{margin:var(--space-m) 0;background:var(--color-ghost);padding:2px}.export-preview-img{width:100%;height:auto;display:block}.export-actions{display:flex;gap:var(--space-s);flex-wrap:wrap;justify-content:center}.replay-mode{position:relative}.replay-mode:before{content:"REPLAY";position:absolute;top:-40px;left:50%;transform:translate(-50%);font-size:var(--text-small);color:var(--color-ghost);letter-spacing:.2em;animation:replay-pulse 2s ease-in-out infinite}@keyframes replay-pulse{0%,to{opacity:.5}50%{opacity:1}}.is-mobile body{overscroll-behavior:none;touch-action:manipulation;-webkit-user-select:none;user-select:none}.is-mobile .screen{min-height:100dvh}.is-mobile .game-card:has(#select-keystorm){display:none!important}.is-mobile .game-selector{flex-direction:column;align-items:center;gap:var(--space-m)}.is-mobile .game-select-btn{padding:var(--space-l) var(--space-xl);min-width:280px;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.is-mobile .start-prompt{font-size:var(--text-label)}.is-mobile .aimstorm-hud,.is-mobile .game-hud{padding:var(--space-m)}.is-mobile .hud-label{font-size:10px}.is-mobile .hud-value{font-size:var(--text-body)}.is-mobile .aimstorm-canvas,.is-mobile .rhythmstorm-canvas{top:50px;height:calc(100% - 120px);cursor:none;touch-action:none}.is-mobile .progress-section{padding:0 var(--space-m);max-width:100%}.is-mobile #end-screen{padding:var(--space-l)}.is-mobile .final-score{font-size:64px}.is-mobile .stats-row{flex-wrap:wrap;gap:var(--space-m)}.is-mobile .stat-item{min-width:80px}.is-mobile .sheet-panel{max-height:70vh}.is-mobile .leaderboard-stats{display:none}@supports (padding-top: env(safe-area-inset-top)){.is-mobile .screen{padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom);padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right)}}