:root{--bg-deep:#060a14;--bg-base:#0a0e1a;--bg-raised:#0f1629;--bg-surface:#151d33;--cyan:#00f0ff;--cyan-dim:#00f0ff66;--magenta:#ff0080;--magenta-dim:#ff008066;--green:#0f8;--green-dim:#00ff8844;--red:#f36;--red-dim:#ff336644;--amber:#fa0;--text-primary:#e0e8ff;--text-secondary:#7a8bb5;--text-ghost:#3a4a6b;--font-display:"Chakra Petch",sans-serif;--font-body:"Outfit",sans-serif;--font-mono:"JetBrains Mono",monospace;--glow-cyan:0 0 20px #00f0ff44,0 0 60px #00f0ff22;--glow-magenta:0 0 20px #ff008044,0 0 60px #ff008022;--glow-green:0 0 20px #00ff8844,0 0 60px #00ff8822;--radius-sm:6px;--radius-md:12px;--radius-lg:20px}*{box-sizing:border-box;margin:0;padding:0}html{overflow-y:auto}body,html{height:100%;overflow-x:hidden}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#060a14;background:var(--bg-deep);color:#e0e8ff;color:var(--text-primary);font-family:Outfit,sans-serif;font-family:var(--font-body)}#root{width:100vw}#root,.app{min-height:100vh}.app{position:relative;width:100%}.app:after{background:repeating-linear-gradient(0deg,#0000,#0000 2px,#00000008 0,#00000008 4px);content:"";inset:0;pointer-events:none;position:fixed;z-index:9999}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:#060a14;background:var(--bg-deep)}::-webkit-scrollbar-thumb{background:#3a4a6b;background:var(--text-ghost);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#7a8bb5;background:var(--text-secondary)}@keyframes fadeUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideInLeft{0%{opacity:0;transform:translateX(-40px)}to{opacity:1;transform:translateX(0)}}@keyframes glitch{0%{text-shadow:2px 0 #00f0ff,-2px 0 #ff0080;text-shadow:2px 0 var(--cyan),-2px 0 var(--magenta)}20%{text-shadow:-2px 0 #00f0ff,2px 0 #ff0080;text-shadow:-2px 0 var(--cyan),2px 0 var(--magenta)}40%{text-shadow:2px -1px #00f0ff,-2px 1px #ff0080;text-shadow:2px -1px var(--cyan),-2px 1px var(--magenta)}60%{text-shadow:-1px 2px #00f0ff,1px -2px #ff0080;text-shadow:-1px 2px var(--cyan),1px -2px var(--magenta)}80%{text-shadow:1px 0 #00f0ff,-1px 0 #ff0080;text-shadow:1px 0 var(--cyan),-1px 0 var(--magenta)}to{text-shadow:2px 0 #00f0ff,-2px 0 #ff0080;text-shadow:2px 0 var(--cyan),-2px 0 var(--magenta)}}@keyframes neonPulse{0%,to{opacity:1}50%{opacity:.7}}@keyframes cursorBlink{0%,49%{opacity:1}50%,to{opacity:0}}@keyframes scanDown{0%{transform:translateY(-100%)}to{transform:translateY(100vh)}}@keyframes barFill{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes shimmer{0%{transform:translateX(-100%)}to{transform:translateX(200%)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@keyframes gridScroll{0%{transform:translateY(0)}to{transform:translateY(60px)}}::selection{background:#00f0ff66;background:var(--cyan-dim);color:#e0e8ff;color:var(--text-primary)}@keyframes shake{0%,to{transform:translateX(0)}20%{transform:translateX(-4px)}40%{transform:translateX(4px)}60%{transform:translateX(-3px)}80%{transform:translateX(3px)}}.text-container.shake{animation:shake .15s ease-in-out}.fire-banner{align-items:center;animation:fireAppear .3s ease-out;display:flex;gap:.5rem;justify-content:center;padding:.4rem 0;text-align:center}.fire-label{font-family:var(--font-display);font-weight:700;letter-spacing:.2em;text-transform:uppercase}.fire-count{color:inherit;font-family:var(--font-mono);font-size:.75em;opacity:.6}.fire-fire .fire-label{color:#ff6b00;font-size:1rem;text-shadow:0 0 10px #ff6b0080}.fire-blazing .fire-label{color:#f40;font-size:1.15rem;text-shadow:0 0 16px #f409,0 0 32px #ff44004d}.fire-unstoppable .fire-label{animation:firePulse .5s ease-in-out infinite;color:#f20;font-size:1.3rem;text-shadow:0 0 20px #ff2200b3,0 0 40px #f206,0 0 60px #f203}@keyframes fireAppear{0%{opacity:0;transform:scale(.8) translateY(8px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes firePulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.85;transform:scale(1.05)}}.race-track{background:var(--bg-raised);border-bottom:1px solid #00f0ff0f;display:flex;flex-direction:column;gap:.5rem;padding:1rem 2rem}.track-row{align-items:center;display:flex;gap:.75rem}.track-name{font-family:var(--font-mono);font-size:.7rem;font-weight:600;overflow:hidden;text-align:right;text-overflow:ellipsis;white-space:nowrap;width:80px}.track-bar{background:var(--bg-surface);border-radius:1px;flex:1 1;height:6px;overflow:hidden}.track-fill{border-radius:1px;height:100%;transition:width .2s ease-out}.track-wpm{font-family:var(--font-mono);font-size:.6rem;text-align:left;width:55px}.type-racer{background:var(--bg-deep);display:flex;flex-direction:column;font-family:var(--font-body);min-height:100vh;overflow:hidden;position:relative}.race-hud{animation:fadeIn .5s ease-out;background:var(--bg-raised);border-bottom:1px solid #00f0ff14;flex-shrink:0;justify-content:space-between;padding:.75rem 2rem}.hud-left,.race-hud{align-items:center;display:flex}.hud-left{gap:1rem}.hud-title{color:var(--cyan);font-family:var(--font-display);font-size:.8rem;font-weight:700;letter-spacing:.15em}.hud-tag,.hud-title{text-transform:uppercase}.hud-tag{border-radius:2px;font-family:var(--font-mono);font-size:.65rem;font-weight:500;letter-spacing:.05em;padding:.2rem .6rem}.hud-tag.difficulty{background:var(--green-dim);border:1px solid #0f83;color:var(--green)}.hud-tag.category{background:var(--cyan-dim);border:1px solid #00f0ff26;color:var(--cyan);opacity:.6}.hud-right{display:flex;gap:2rem}.hud-stat{align-items:flex-end;display:flex;flex-direction:column}.hud-stat-value{color:var(--text-primary);font-family:var(--font-display);font-size:1.3rem;font-weight:700;line-height:1}.hud-stat-value.wpm{color:var(--cyan);text-shadow:0 0 12px var(--cyan-dim)}.hud-stat-value.accuracy{color:var(--green);text-shadow:0 0 12px var(--green-dim)}.hud-stat-label{color:var(--text-ghost);font-family:var(--font-mono);font-size:.55rem;letter-spacing:.15em;margin-top:.15rem;text-transform:uppercase}.progress-rail{background:var(--bg-surface);flex-shrink:0;height:3px;position:relative;width:100%}.progress-fill{background:linear-gradient(90deg,var(--cyan),var(--magenta));box-shadow:0 0 12px var(--cyan-dim);height:100%;position:relative;transition:width .15s ease-out}.progress-fill:after{background:linear-gradient(90deg,#0000,var(--magenta));bottom:-2px;content:"";filter:blur(4px);position:absolute;right:0;top:-2px;width:20px}.race-stage{align-items:center;display:flex;flex:1 1;flex-direction:column;justify-content:center;padding:3rem 2rem;position:relative}.text-container{margin-bottom:2rem;max-width:800px;width:100%}.passage-title{animation:fadeIn .4s ease-out;font-size:.65rem;letter-spacing:.15em;margin-bottom:1.5rem;text-transform:uppercase}.passage-title,.text-display{color:var(--text-ghost);font-family:var(--font-mono)}.text-display{font-size:1.35rem;letter-spacing:.02em;line-height:2;position:relative;-webkit-user-select:none;user-select:none}.character{border-radius:2px;position:relative;transition:color .08s ease}.character.correct{color:var(--text-primary)}.character.incorrect{background:var(--red-dim);color:var(--red)}.character.current{color:var(--text-secondary)}.character.current:after{animation:cursorBlink 1s step-end infinite;background:var(--cyan);bottom:.15em;box-shadow:0 0 8px var(--cyan),0 0 16px var(--cyan-dim);content:"";left:-1px;position:absolute;top:.15em;width:2px}.input-container{display:flex;justify-content:center;max-width:800px;width:100%}.typing-input{background:var(--bg-raised);border:1px solid var(--text-ghost);border-radius:2px;caret-color:var(--cyan);color:var(--text-primary);font-family:var(--font-mono);font-size:1rem;outline:none;padding:1rem 1.25rem;transition:border-color .2s ease,box-shadow .2s ease;width:100%}.typing-input:focus{border-color:var(--cyan);box-shadow:0 0 0 1px var(--cyan-dim),var(--glow-cyan)}.typing-input::placeholder{color:var(--text-ghost);font-style:normal;letter-spacing:.05em}.race-controls{display:flex;gap:1rem;justify-content:center;margin-top:1.5rem}.restart-btn{background:#0000;border:1px solid var(--text-ghost);border-radius:2px;color:var(--text-secondary);cursor:pointer;font-family:var(--font-mono);font-size:.7rem;letter-spacing:.1em;padding:.5rem 1.25rem;text-transform:uppercase;transition:all .2s ease}.restart-btn:hover{border-color:var(--magenta);box-shadow:var(--glow-magenta);color:var(--magenta)}.countdown-overlay{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#060a14eb;display:flex;flex-direction:column;inset:0;justify-content:center;position:fixed;z-index:100}.countdown-number{animation:glitch .5s ease-in-out infinite;color:var(--cyan);font-family:var(--font-display);font-size:clamp(8rem,20vw,14rem);font-weight:700;line-height:1;text-shadow:0 0 40px var(--cyan-dim),0 0 120px #00f0ff26}.countdown-text{color:var(--text-ghost);font-family:var(--font-mono);font-size:.8rem;letter-spacing:.3em;margin-top:1rem;text-transform:uppercase}@media (max-width:768px){.race-hud{flex-direction:column;gap:.75rem;padding:.75rem 1rem;text-align:center}.hud-left{flex-wrap:wrap;justify-content:center}.hud-right{gap:1.5rem}.hud-stat{align-items:center}.race-stage{padding:2rem 1rem}.text-display{font-size:1.1rem;line-height:1.8}}.type-racer[data-speed-tier=warm]{--glow-intensity:1.5}.type-racer[data-speed-tier=warm] .progress-fill{box-shadow:0 0 16px var(--cyan-dim)}.type-racer[data-speed-tier=hot]{--glow-intensity:2}.type-racer[data-speed-tier=hot] .progress-fill{box-shadow:0 0 24px var(--cyan-dim),0 0 48px #00f0ff1a}.type-racer[data-speed-tier=hot] .hud-stat-value.wpm{text-shadow:0 0 20px var(--cyan)}.type-racer[data-speed-tier=overdrive]{--glow-intensity:3}.type-racer[data-speed-tier=overdrive] .progress-fill{box-shadow:0 0 30px var(--cyan),0 0 60px #00f0ff33}.type-racer[data-speed-tier=overdrive] .hud-stat-value.wpm{text-shadow:0 0 30px var(--cyan),0 0 60px var(--cyan-dim)}.type-racer[data-speed-tier=overdrive]:before{background:radial-gradient(ellipse at center,#0000 50%,#0006 100%);content:"";inset:0;pointer-events:none;position:fixed;z-index:50}.character.ghost:before{background:var(--magenta);border-radius:2px;content:"";inset:0;opacity:.12;position:absolute}.hud-tag.session-streak{background:#ffaa0026;border:1px solid #fa03;color:var(--amber)}.mute-btn{background:#0000;border:1px solid var(--text-ghost);border-radius:2px;color:var(--text-ghost);cursor:pointer;font-family:var(--font-mono);font-size:.6rem;letter-spacing:.1em;padding:.2rem .5rem;text-transform:uppercase;transition:all .2s ease}.mute-btn:hover{border-color:var(--text-secondary);color:var(--text-secondary)}.type-racer:has(.fire-blazing) .progress-fill,.type-racer:has(.fire-unstoppable) .progress-fill{animation:firePulseRail .8s ease-in-out infinite;background:linear-gradient(90deg,var(--cyan),#ff6b00)}@keyframes firePulseRail{0%,to{box-shadow:0 0 12px #ff6b004d}50%{box-shadow:0 0 24px #ff6b0099}}.type-racer:has(.fire-unstoppable) .text-container{border:1px solid #ff6b0026;border-radius:var(--radius-md);box-shadow:inset 0 0 30px #ff6b000d,0 0 20px #ff6b0014}.welcome-screen{align-items:center;background:var(--bg-deep);display:flex;justify-content:center;min-height:100vh;overflow:hidden;padding:2rem;position:relative}.welcome-grid-bg{animation:gridScroll 4s linear infinite;background-image:linear-gradient(var(--text-ghost) 1px,#0000 1px),linear-gradient(90deg,var(--text-ghost) 1px,#0000 1px);background-size:60px 60px;inset:0;opacity:.08;position:absolute}.welcome-content{align-items:center;display:flex;flex-direction:column;gap:3rem;max-width:640px;position:relative;width:100%;z-index:2}.welcome-hero{animation:fadeUp .8s ease-out both;text-align:center}.hero-label{animation:neonPulse 3s ease-in-out infinite;color:var(--cyan);font-family:var(--font-mono);font-size:.7rem;font-weight:500;letter-spacing:.35em;margin-bottom:1.25rem;text-transform:uppercase}.hero-title{font-family:var(--font-display);font-weight:700;line-height:.9;margin-bottom:1.5rem}.hero-title-line{color:var(--text-primary);display:block;font-size:clamp(4rem,12vw,8rem);letter-spacing:-.02em}.hero-title-line.accent{animation:glitch 6s ease-in-out infinite;color:var(--cyan);text-shadow:var(--glow-cyan)}.hero-tagline{color:var(--text-secondary);font-family:var(--font-body);font-size:1rem;font-weight:300;letter-spacing:.02em;line-height:1.6}.daily-streak{align-items:center;animation:fadeUp .8s ease-out .15s both;color:var(--amber);display:flex;font-family:var(--font-mono);font-size:.7rem;gap:.4rem;letter-spacing:.15em;text-transform:uppercase}.streak-star{text-shadow:0 0 8px #ffaa0080}.category-picker{animation:fadeUp .8s ease-out .18s both;display:flex;gap:.5rem}.cat-btn{background:#0000;border:1px solid var(--text-ghost);border-radius:2px;color:var(--text-secondary);cursor:pointer;font-family:var(--font-mono);font-size:.65rem;letter-spacing:.08em;padding:.4rem 1rem;transition:all .2s ease}.cat-btn.active{background:#ff008014;border-color:var(--magenta);color:var(--magenta)}.cat-btn:hover:not(.active){border-color:var(--text-secondary);color:var(--text-primary)}.difficulty-picker{animation:fadeUp .8s ease-out .2s both;display:flex;gap:.5rem}.diff-btn{background:#0000;border:1px solid var(--text-ghost);border-radius:2px;color:var(--text-secondary);cursor:pointer;font-family:var(--font-mono);font-size:.7rem;letter-spacing:.1em;padding:.5rem 1.25rem;transition:all .2s ease}.diff-btn.active{background:#00f0ff14;border-color:var(--cyan);color:var(--cyan)}.diff-btn:hover:not(.active){border-color:var(--text-secondary);color:var(--text-primary)}.mode-buttons{animation:fadeUp .8s ease-out .3s both;display:flex;gap:.75rem}.mode-btn{background:#0000;border:1px solid;border-radius:2px;cursor:pointer;font-family:var(--font-display);font-size:1rem;font-weight:600;letter-spacing:.2em;padding:.9rem 2.5rem;transition:all .3s ease}.mode-solo{border-color:var(--cyan);color:var(--cyan)}.mode-solo:hover{background:#00f0ff1a;box-shadow:var(--glow-cyan);transform:translateY(-2px)}.mode-multi{border-color:var(--magenta);color:var(--magenta)}.mode-multi:hover{background:#ff00801a;box-shadow:var(--glow-magenta);transform:translateY(-2px)}.welcome-options{animation:fadeUp .8s ease-out .5s both}.ghost-toggle{align-items:center;color:var(--text-ghost);cursor:pointer;display:flex;font-family:var(--font-mono);font-size:.7rem;gap:.5rem;letter-spacing:.05em}.ghost-toggle input[type=checkbox]{-webkit-appearance:none;appearance:none;background:#0000;border:1px solid var(--text-ghost);border-radius:2px;cursor:pointer;height:14px;position:relative;width:14px}.ghost-toggle input[type=checkbox]:checked{background:#ff008033;border-color:var(--magenta)}.ghost-toggle input[type=checkbox]:checked:after{background:var(--magenta);border-radius:1px;content:"";inset:2px;position:absolute}.welcome-stats-strip{align-items:center;animation:fadeUp .8s ease-out .4s both;background:var(--bg-raised);border:1px solid #00f0ff14;border-radius:2px;display:flex;gap:2rem;padding:1.25rem 2rem}.strip-item{align-items:center;display:flex;flex-direction:column;gap:.3rem}.strip-value{color:var(--text-primary);font-family:var(--font-display);font-size:1.1rem;font-weight:700}.strip-label{color:var(--text-ghost);font-family:var(--font-mono);font-size:.6rem;letter-spacing:.1em;text-transform:uppercase}.strip-divider{background:var(--text-ghost);height:28px;opacity:.3;width:1px}.welcome-keys{animation:fadeUp .8s ease-out .6s both;display:flex;gap:2rem}.key-group{align-items:center;color:var(--text-ghost);display:flex;font-size:.75rem;gap:.5rem}.key-group kbd{background:var(--bg-surface);border:solid var(--text-ghost);border-radius:3px;border-width:1px 1px 2px;color:var(--text-secondary);display:inline-block;font-family:var(--font-mono);font-size:.65rem;padding:.2rem .5rem}.welcome-decoration{inset:0;pointer-events:none;position:absolute;z-index:1}.deco-line{background:var(--cyan);opacity:.06;position:absolute}.deco-line-1{height:1px;left:0;right:0;top:30%}.deco-line-2{bottom:25%;height:1px;left:0;right:0}.deco-corner{border-color:var(--cyan);border-style:solid;border-width:0;height:40px;opacity:.15;position:absolute;width:40px}.deco-corner-tl{border-left-width:2px;border-top-width:2px;left:2rem;top:2rem}.deco-corner-br{border-bottom-width:2px;border-right-width:2px;bottom:2rem;right:2rem}@media (max-width:640px){.welcome-content{gap:2rem}.hero-title-line{font-size:clamp(3rem,15vw,5rem)}.welcome-stats-strip{padding:1rem}.welcome-keys,.welcome-stats-strip{flex-wrap:wrap;gap:1rem;justify-content:center}}.results-screen{align-items:center;background:var(--bg-deep);display:flex;justify-content:center;min-height:100vh;overflow:hidden;padding:2rem;position:relative}.results-grid-bg{background-image:linear-gradient(var(--text-ghost) 1px,#0000 1px),linear-gradient(90deg,var(--text-ghost) 1px,#0000 1px);background-size:60px 60px;inset:0;opacity:.05;position:absolute}.results-content{animation:fadeUp .6s ease-out;gap:2.5rem;max-width:560px;position:relative;width:100%;z-index:2}.results-content,.results-header{align-items:center;display:flex;flex-direction:column}.results-header{gap:1rem}.results-label{color:var(--text-ghost);font-family:var(--font-mono);font-size:.65rem;letter-spacing:.3em;text-transform:uppercase}.results-rank{align-items:center;animation:float 3s ease-in-out infinite;border:2px solid;border-radius:2px;display:flex;height:100px;justify-content:center;transform:rotate(45deg);width:100px}.rank-letter{font-size:2.5rem;font-weight:700;text-shadow:0 0 30px currentColor;transform:rotate(-45deg)}.rank-letter,.rank-title{font-family:var(--font-display)}.rank-title{font-size:.85rem;font-weight:600;letter-spacing:.25em;text-transform:uppercase}.results-primary{align-items:stretch;animation:fadeUp .6s ease-out .15s both;background:var(--bg-raised);border:1px solid #00f0ff14;border-radius:2px;display:flex;gap:2.5rem;padding:2rem;width:100%}.metric-block{align-items:center;display:flex;flex:1 1;flex-direction:column;gap:.4rem}.metric-value{font-family:var(--font-display);font-size:3rem;font-weight:700;line-height:1}.metric-wpm{color:var(--cyan);text-shadow:0 0 20px var(--cyan-dim)}.metric-acc{color:var(--green);text-shadow:0 0 20px var(--green-dim)}.metric-unit{color:var(--text-ghost);font-family:var(--font-mono);font-size:.6rem;letter-spacing:.2em;text-transform:uppercase}.metric-bar{background:var(--bg-surface);border-radius:1px;height:3px;margin-top:.5rem;overflow:hidden;width:100%}.metric-bar-fill{animation:barFill 1s ease-out both;border-radius:1px;height:100%;transform-origin:left}.metric-divider{background:var(--text-ghost);opacity:.15;width:1px}.results-details{grid-gap:1px;animation:fadeUp .6s ease-out .3s both;background:#00f0ff0f;border:1px solid #00f0ff0f;border-radius:2px;display:grid;gap:1px;grid-template-columns:repeat(4,1fr);overflow:hidden;width:100%}.detail-cell{align-items:center;background:var(--bg-deep);display:flex;flex-direction:column;gap:.35rem;padding:1.25rem .75rem}.detail-val{color:var(--text-primary);font-family:var(--font-display);font-size:1.25rem;font-weight:700}.detail-key{color:var(--text-ghost);font-family:var(--font-mono);font-size:.55rem;letter-spacing:.15em;text-transform:uppercase}.results-message{animation:fadeUp .6s ease-out .45s both;color:var(--text-secondary);font-family:var(--font-body);font-size:.9rem;text-align:center}.results-actions{animation:fadeUp .6s ease-out .6s both;display:flex;gap:1rem}.action-btn{border-radius:2px;cursor:pointer;font-family:var(--font-display);font-size:.85rem;font-weight:600;letter-spacing:.15em;padding:.85rem 2rem;text-transform:uppercase;transition:all .2s ease}.action-primary{background:#0000;border:1px solid var(--cyan);color:var(--cyan)}.action-primary:hover{background:#00f0ff1a;box-shadow:var(--glow-cyan);transform:translateY(-2px)}.action-ghost{background:#0000;border:1px solid var(--text-ghost);color:var(--text-ghost)}.action-ghost:hover{border-color:var(--magenta);box-shadow:var(--glow-magenta);color:var(--magenta);transform:translateY(-2px)}.action-btn:active{transform:translateY(0)}.new-best-flash{animation:newBestPulse 1.5s ease-in-out infinite;color:var(--amber);font-family:var(--font-display);font-size:.85rem;font-weight:700;letter-spacing:.3em;text-shadow:0 0 20px #fa09,0 0 40px #ffaa004d}@keyframes newBestPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.05)}}.results-sparkline{align-items:center;animation:fadeUp .6s ease-out .5s both;background:var(--bg-raised);border:1px solid #00f0ff0f;border-radius:2px;display:flex;gap:1rem;padding:.75rem 1.25rem}.sparkline-label{color:var(--text-ghost);font-family:var(--font-mono);font-size:.55rem;letter-spacing:.15em;text-transform:uppercase}.results-podium{animation:fadeUp .6s ease-out .1s both;margin-bottom:1rem;width:100%}.podium-label{color:var(--text-ghost);font-size:.6rem;letter-spacing:.2em;margin-bottom:.75rem;text-align:center}.podium-entry,.podium-label{font-family:var(--font-mono)}.podium-entry{align-items:center;background:var(--bg-raised);border-left:3px solid;display:flex;font-size:.8rem;gap:.75rem;margin-bottom:.3rem;padding:.6rem 1rem}.podium-rank{color:var(--text-ghost);font-weight:700;min-width:24px}.podium-name{flex:1 1;font-weight:600}.podium-wpm{color:var(--text-primary)}.podium-acc{color:var(--text-secondary);font-size:.7rem}@media (max-width:640px){.results-primary{flex-direction:column;gap:1.5rem;padding:1.5rem}.metric-divider{height:1px;width:100%}.metric-value{font-size:2.5rem}.results-details{grid-template-columns:repeat(2,1fr)}.results-actions{flex-direction:column;width:100%}.action-btn{text-align:center;width:100%}}.mp-overlay{align-items:center;animation:fadeIn .2s ease-out;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#060a14d9;display:flex;inset:0;justify-content:center;position:fixed;z-index:200}.mp-modal{animation:fadeUp .3s ease-out;background:var(--bg-raised);border:1px solid #00f0ff1a;border-radius:2px;max-width:380px;padding:2rem;width:100%}.mp-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1.5rem}.mp-title{color:var(--magenta);font-family:var(--font-display);font-size:.9rem;font-weight:700;letter-spacing:.2em}.mp-close{background:#0000;border:none;color:var(--text-ghost);cursor:pointer;font-size:1.5rem;line-height:1;padding:0}.mp-close:hover{color:var(--text-secondary)}.mp-field{margin-bottom:1.25rem}.mp-label{color:var(--text-ghost);display:block;font-size:.6rem;letter-spacing:.15em;margin-bottom:.4rem}.mp-input,.mp-label{font-family:var(--font-mono)}.mp-input{background:var(--bg-deep);border:1px solid var(--text-ghost);border-radius:2px;caret-color:var(--cyan);color:var(--text-primary);font-size:.85rem;outline:none;padding:.7rem .9rem;transition:border-color .2s ease;width:100%}.mp-input:focus{border-color:var(--cyan)}.mp-input-code{font-size:1.1rem;font-weight:600;letter-spacing:.15em;text-align:center;text-transform:uppercase}.mp-actions{display:flex;gap:.75rem}.mp-btn{border-radius:2px;cursor:pointer;flex:1 1;font-family:var(--font-display);font-size:.75rem;font-weight:600;letter-spacing:.15em;padding:.75rem 1rem;transition:all .2s ease}.mp-btn:disabled{cursor:not-allowed;opacity:.3}.mp-btn-create{background:#0000;border:1px solid var(--cyan);color:var(--cyan)}.mp-btn-create:hover:not(:disabled){background:#00f0ff1a;box-shadow:var(--glow-cyan)}.mp-btn-join{background:#0000;border:1px solid var(--magenta);color:var(--magenta)}.mp-btn-join:hover:not(:disabled){background:#ff00801a;box-shadow:var(--glow-magenta)}.lobby-screen{align-items:center;background:var(--bg-deep);display:flex;justify-content:center;min-height:100vh;padding:2rem}.lobby-content{max-width:400px;text-align:center;width:100%}.lobby-label{color:var(--text-ghost);font-family:var(--font-mono);font-size:.6rem;letter-spacing:.3em;margin-bottom:.5rem}.lobby-code{color:var(--cyan);font-family:var(--font-display);font-size:2.5rem;font-weight:700;letter-spacing:.15em;margin-bottom:.5rem;text-shadow:var(--glow-cyan)}.lobby-hint{color:var(--text-ghost);font-family:var(--font-mono);font-size:.65rem}.lobby-hint,.lobby-players{margin-bottom:2rem}.lobby-players-label{color:var(--text-ghost);font-family:var(--font-mono);font-size:.6rem;letter-spacing:.15em;margin-bottom:.75rem}.lobby-player{align-items:center;background:var(--bg-raised);border-left:3px solid;display:flex;font-family:var(--font-mono);font-size:.8rem;font-weight:600;justify-content:space-between;margin-bottom:.4rem;padding:.6rem 1rem}.lobby-creator-tag{border:1px solid #ffaa004d;border-radius:2px;color:var(--amber);font-size:.55rem;letter-spacing:.1em;padding:.15rem .4rem}.lobby-actions{align-items:center;display:flex;flex-direction:column;gap:.75rem}.lobby-btn{border-radius:2px;cursor:pointer;font-family:var(--font-display);font-size:.8rem;font-weight:600;letter-spacing:.15em;max-width:250px;padding:.8rem 2rem;transition:all .2s ease;width:100%}.lobby-start{background:#0000;border:1px solid var(--cyan);color:var(--cyan)}.lobby-start:hover{background:#00f0ff1a;box-shadow:var(--glow-cyan)}.lobby-leave{background:#0000;border:1px solid var(--text-ghost);color:var(--text-ghost)}.lobby-leave:hover{border-color:var(--red);color:var(--red)}.lobby-waiting{animation:neonPulse 2s ease-in-out infinite;color:var(--text-ghost);font-family:var(--font-mono);font-size:.7rem}.lobby-countdown-overlay{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#060a14eb;display:flex;flex-direction:column;inset:0;justify-content:center;position:fixed;z-index:100}.lobby-countdown-number{animation:glitch .5s ease-in-out infinite;color:var(--cyan);font-family:var(--font-display);font-size:clamp(8rem,20vw,14rem);font-weight:700;line-height:1;text-shadow:0 0 40px var(--cyan-dim),0 0 120px #00f0ff26}.lobby-countdown-text{color:var(--text-ghost);font-family:var(--font-mono);font-size:.8rem;letter-spacing:.3em;margin-top:1rem;text-transform:uppercase}
/*# sourceMappingURL=main.09f2dea3.css.map*/