:root{--bg: #0a0a0a;--phosphor: #33ff33;--amber: #ffb000;--periwinkle: #5b4fe8;--periwinkle-soft: #8c83f3;--white: #ffffff;--grey: #9a9a9a;--font-arcade: "Press Start 2P", monospace;--font-body: "AT Name Sans Text", "Name Sans Text", "Bricolage Grotesque", sans-serif;--font-mono: "JetBrains Mono", monospace}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{min-height:100%}body{background:var(--bg);color:var(--white);font-family:var(--font-body);-webkit-font-smoothing:antialiased;overflow-x:hidden}a{color:var(--periwinkle-soft)}button{font-family:inherit;cursor:pointer}.arcade{font-family:var(--font-arcade)}.mono{font-family:var(--font-mono)}.scanlines{pointer-events:none;position:absolute;top:0;right:0;bottom:0;left:0;background:repeating-linear-gradient(to bottom,#0000,#0000 2px,#ffffff14,#0000 4px);mix-blend-mode:overlay;transition:opacity 1.2s ease;z-index:5}.scanlines.off{opacity:0}.crt-vignette{pointer-events:none;position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at center,transparent 55%,rgba(0,0,0,.55) 100%);transition:opacity 1.2s ease;z-index:4}.crt-vignette.off{opacity:0}.landing{min-height:100vh;min-height:100dvh;display:flex;flex-direction:column;position:relative}.landing-header{position:relative;z-index:2;display:flex;align-items:baseline;gap:12px;padding:20px 28px 0}.game-wordmark{font-family:var(--font-arcade);font-size:clamp(13px,1.8vw,17px);color:var(--phosphor);text-shadow:0 0 14px rgba(51,255,51,.5)}.game-byline{font-family:var(--font-body);font-weight:600;font-size:13px;color:var(--grey)}.landing-hero{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:48px 24px 64px;position:relative;z-index:2}.landing-bg{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;opacity:.33}.landing-bg canvas{width:100%;height:100%;display:block}.hero-kicker{font-family:var(--font-body);font-weight:700;letter-spacing:.28em;text-transform:uppercase;font-size:clamp(11px,1.5vw,14px);color:var(--periwinkle-soft);margin-bottom:22px;text-shadow:0 0 18px rgba(91,79,232,.5)}.hero-headline{font-family:var(--font-body);font-weight:800;color:#fff;font-size:clamp(30px,5vw,58px);line-height:1.08;letter-spacing:-.02em;text-shadow:0 0 34px rgba(91,79,232,.28);max-width:820px}.hero-subhead{margin-top:28px;font-size:clamp(16px,2vw,22px);color:#d8d8d8;max-width:560px;line-height:1.5;font-weight:400}.prize-banner{margin-top:22px;display:inline-flex;flex-direction:column;align-items:center;gap:4px;background:#5b4fe824;border:1px solid rgba(140,131,243,.55);border-radius:12px;padding:12px 24px;box-shadow:0 0 34px #5b4fe847}.prize-banner .prize-main{font-family:var(--font-body);font-weight:700;font-size:clamp(14px,2vw,18px);color:#fff}.prize-banner .prize-main strong{color:var(--periwinkle-soft)}.prize-banner .prize-sub{font-family:var(--font-mono);font-size:12px;color:var(--amber);letter-spacing:.02em}.play-cta{margin-top:40px;font-family:var(--font-arcade);font-size:clamp(14px,1.8vw,20px);color:var(--bg);background:var(--phosphor);border:none;padding:20px 36px;box-shadow:0 0 28px #33ff338c;transition:transform .1s ease,box-shadow .2s ease}.play-cta:hover{transform:scale(1.04);box-shadow:0 0 44px #3f3c}.landing-board-preview{position:relative;z-index:2;background:#0f0f12;border-top:1px solid #222;padding:56px 24px 80px;display:flex;flex-direction:column;align-items:center}.landing-footer{position:relative;z-index:2;display:flex;justify-content:space-between;align-items:center;padding:18px 28px;font-size:13px;color:var(--grey);border-top:1px solid #1c1c1c}.game-shell{min-height:100vh;min-height:100dvh;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;padding:12px;transition:background 1.4s ease}.game-shell.before{background:var(--bg)}.game-shell.after{background:radial-gradient(ellipse at 50% 110%,#1b1556,#0a0a14 60%)}.game-stage{position:relative;width:min(96vw,920px,(100vh - 118px) * 1.6);user-select:none;-webkit-user-select:none;touch-action:none}@supports (height: 100dvh){.game-stage{width:min(96vw,920px,(100dvh - 118px) * 1.6)}}.game-canvas{display:block;width:100%;height:auto;border:2px solid #2a2a2a;background:#000;transition:filter .8s ease,border-color 1.2s ease,box-shadow 1.2s ease}.game-canvas.after{border-color:var(--periwinkle);box-shadow:0 0 50px #5b4fe859}.hud{display:flex;justify-content:space-between;align-items:center;width:100%;padding:10px 4px;font-family:var(--font-mono);font-size:clamp(10px,1.6vw,14px)}.hud .latency{color:var(--amber)}.hud .latency.zero{color:var(--periwinkle-soft)}.hud .latency.worse{color:#ff5b4f}.signal-bars{display:inline-flex;gap:2px;align-items:flex-end;margin-left:8px}.signal-bars span{width:4px;background:#333;display:inline-block}.signal-bars span.lit{background:var(--amber)}.signal-bars.good span.lit{background:var(--periwinkle-soft)}.round-title{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;font-family:var(--font-arcade);z-index:8;pointer-events:none;gap:18px;padding:0 16px}.round-title .title{font-size:clamp(16px,3vw,30px);line-height:1.7}.round-title .sub{font-family:var(--font-mono);font-size:clamp(10px,1.6vw,14px);color:var(--grey)}.flash-text{position:absolute;left:0;right:0;top:12%;text-align:center;font-family:var(--font-body);font-weight:600;font-style:italic;font-size:clamp(14px,2.4vw,22px);color:#ffffffeb;text-shadow:0 2px 16px rgba(0,0,0,.8);z-index:7;pointer-events:none;animation:flashfade 4s ease forwards;padding:0 16px}@keyframes flashfade{0%{opacity:0;transform:translateY(8px)}12%{opacity:1;transform:translateY(0)}80%{opacity:1}to{opacity:0}}.afterglow-badge{font-family:var(--font-arcade);font-size:clamp(9px,1.4vw,13px);color:var(--periwinkle-soft);text-shadow:0 0 12px rgba(91,79,232,.8);animation:glowpulse 1.6s ease infinite}@keyframes glowpulse{0%,to{opacity:.85}50%{opacity:1;text-shadow:0 0 22px rgba(140,131,243,1)}}.breakup-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000;z-index:50;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:24px;gap:28px}.breakup-line{font-family:var(--font-arcade);font-size:clamp(16px,3.4vw,34px);line-height:1.8;color:var(--white);animation:breakupin .7s ease forwards;max-width:860px}.breakup-line.zero{color:var(--periwinkle-soft);text-shadow:0 0 30px rgba(91,79,232,.7)}@keyframes breakupin{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}.breakup-wordmark{font-family:var(--font-body);font-weight:700;letter-spacing:.35em;font-size:15px;color:var(--periwinkle-soft);animation:breakupin .7s ease forwards}.results{min-height:100vh;min-height:100dvh;display:flex;flex-direction:column;align-items:center;padding:48px 20px 80px;background:radial-gradient(ellipse at 50% -10%,#1b1556,#0a0a14 55%)}.results h1{font-family:var(--font-arcade);font-size:clamp(18px,3vw,30px);color:var(--white);text-align:center;line-height:1.7}.score-breakdown{margin-top:28px;font-family:var(--font-mono);font-size:clamp(13px,2vw,18px);display:flex;gap:28px;flex-wrap:wrap;justify-content:center}.score-breakdown .before-score{color:var(--amber)}.score-breakdown .after-score{color:var(--periwinkle-soft)}.score-total{margin-top:16px;font-family:var(--font-arcade);font-size:clamp(22px,4vw,42px);color:var(--white);text-shadow:0 0 30px rgba(91,79,232,.6)}.tagline{margin-top:24px;font-size:clamp(15px,2vw,20px);color:#cfccee;text-align:center;max-width:520px;line-height:1.5}.panel{width:min(94vw,560px);background:#ffffff0a;border:1px solid rgba(140,131,243,.25);border-radius:12px;padding:28px;margin-top:32px}.panel h2{font-family:var(--font-body);font-weight:700;font-size:20px;margin-bottom:16px}.field{margin-bottom:14px;display:flex;flex-direction:column;gap:6px}.field label{font-size:13px;color:#b8b4e8}.field input,.field select{background:#11101e;border:1px solid #2e2a55;border-radius:6px;color:var(--white);padding:12px 14px;font-size:15px;font-family:var(--font-body)}.field input:focus,.field select:focus{outline:2px solid var(--periwinkle);border-color:var(--periwinkle)}.btn-primary{width:100%;background:var(--periwinkle);color:var(--white);border:none;border-radius:8px;padding:16px;font-family:var(--font-arcade);font-size:13px;margin-top:8px;box-shadow:0 0 24px #5b4fe866;transition:transform .1s ease}.btn-primary:hover{transform:scale(1.02)}.btn-primary:disabled{opacity:.5;transform:none;cursor:default}.btn-secondary{background:transparent;color:var(--white);border:1px solid rgba(140,131,243,.5);border-radius:8px;padding:12px 18px;font-size:14px;font-family:var(--font-body);font-weight:600}.btn-secondary:hover{border-color:var(--periwinkle-soft);background:#5b4fe81f}.microcopy{font-size:12px;color:var(--grey);margin-top:10px;text-align:center}.skip-link{display:block;text-align:center;margin-top:14px;font-size:13px;color:var(--grey);background:none;border:none;text-decoration:underline;width:100%}.letter-preview{width:100%;border-radius:8px;border:1px solid rgba(140,131,243,.3);display:block}.share-row{display:flex;gap:10px;flex-wrap:wrap;margin-top:16px}.share-row .btn-secondary{flex:1;min-width:140px}.toast{position:fixed;bottom:28px;left:50%;transform:translate(-50%);background:var(--periwinkle);color:var(--white);padding:12px 22px;border-radius:999px;font-size:14px;font-weight:600;z-index:100;box-shadow:0 6px 30px #00000080;animation:breakupin .25s ease}.booth-cta{margin-top:36px;font-family:var(--font-mono);font-size:13px;color:#b8b4e8;text-align:center;line-height:1.8;border:1px dashed rgba(140,131,243,.4);border-radius:10px;padding:16px 22px}.leaderboard-page{min-height:100vh;min-height:100dvh;padding:48px 20px 80px;display:flex;flex-direction:column;align-items:center;background:#0a0a14}.lb-table{width:min(94vw,720px);border-collapse:collapse;margin-top:28px}.lb-table th{font-family:var(--font-mono);font-size:12px;color:var(--grey);text-transform:uppercase;text-align:left;padding:10px 12px;border-bottom:1px solid #2e2a55}.lb-table td{padding:12px;border-bottom:1px solid #1a1930;font-size:15px}.lb-table .rank{font-family:var(--font-arcade);font-size:12px;color:var(--periwinkle-soft)}.lb-table .pts{font-family:var(--font-mono);text-align:right}.top-studio-badge{font-family:var(--font-arcade);font-size:9px;color:var(--bg);background:var(--amber);padding:4px 8px;border-radius:4px;margin-left:8px;white-space:nowrap}.freeze-countdown{margin-top:18px;font-family:var(--font-mono);font-size:14px;color:var(--amber)}.rivalry-line{margin-top:10px;font-size:15px;color:#cfccee;text-align:center}.sound-toggle{position:absolute;top:14px;right:14px;z-index:20;background:#00000080;border:1px solid #333;color:var(--grey);border-radius:6px;font-family:var(--font-mono);font-size:11px;padding:6px 10px}.sound-toggle.on{color:var(--phosphor);border-color:var(--phosphor)}.game-shell.after .sound-toggle.on{color:var(--periwinkle-soft);border-color:var(--periwinkle-soft)}.feedback-chip{position:fixed;bottom:16px;left:16px;z-index:90;background:#0a0a14d9;border:1px solid #6464fe;color:#b8b4e8;border-radius:999px;font-family:var(--font-mono);font-size:12px;padding:8px 14px;text-decoration:none}.feedback-chip:hover{color:#fff;background:#6464fe40}.static-page{max-width:720px;margin:0 auto;padding:56px 24px 100px;line-height:1.65}.static-page h1{font-family:var(--font-arcade);font-size:20px;line-height:1.8;margin-bottom:28px}.static-page h2{font-size:19px;margin:28px 0 10px}.static-page p,.static-page li{color:#d0d0d8;font-size:15px;margin-bottom:10px}.static-page ul{padding-left:22px}@media (max-width: 600px){.panel{padding:20px}.share-row .btn-secondary{min-width:100%}}