:root{--bg: #080b0f;--surface: #0e1318;--surface2: #141b22;--border: #1e2a35;--accent: #00d4ff;--red: #ff4d6d;--green: #a8ff3e;--gold: #ffd700;--text: #e8f0f8;--muted: #4a6070;--font-mono: "Space Mono", monospace;--font-head: "Syne", sans-serif}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg);color:var(--text);font-family:var(--font-mono);min-height:100vh}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0;background-image:linear-gradient(rgba(0,212,255,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(0,212,255,.03) 1px,transparent 1px);background-size:40px 40px}.btn{padding:10px 20px;border-radius:8px;border:none;font-family:var(--font-mono);font-weight:700;font-size:.78rem;letter-spacing:.05em;text-transform:uppercase;cursor:pointer;transition:all .18s}.btn-primary{background:var(--accent);color:var(--bg)}.btn-primary:hover{background:#3df;transform:translateY(-1px)}.btn-primary:disabled{opacity:.45;cursor:not-allowed;transform:none}.btn-ghost{background:transparent;color:var(--muted);border:1px solid var(--border)}.btn-ghost:hover{border-color:var(--accent);color:var(--accent)}.btn-match{background:#a8ff3e1f;color:var(--green);border:1px solid rgba(168,255,62,.4);position:relative;overflow:hidden}.btn-match:hover{background:#a8ff3e33}.btn-match .badge{position:absolute;top:-1px;right:-1px;background:var(--green);color:#000;font-size:.55rem;font-weight:700;padding:2px 6px;border-radius:0 8px 0 6px;letter-spacing:.04em}.btn-danger{background:transparent;color:var(--red);border:1px solid rgba(255,77,109,.4)}.btn-danger:hover{background:#ff4d6d1a}.btn-row{display:flex;gap:9px;justify-content:center;flex-wrap:wrap}.screen{animation:fadeUp .3s ease}@keyframes fadeUp{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}.stat{background:var(--surface);border:1px solid var(--border);border-radius:10px;padding:13px 10px;text-align:center}.stat-val{font-family:var(--font-head);font-size:1.6rem;font-weight:800;color:var(--accent)}.stat-val.idle{color:var(--muted)}.stat-lbl{font-size:.6rem;color:var(--muted);letter-spacing:.1em;text-transform:uppercase;margin-top:2px}.stats-row{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:22px}.prog-wrap{margin-bottom:18px}.prog-track{height:6px;background:var(--surface2);border-radius:100px;border:1px solid var(--border);overflow:hidden}.prog-fill{height:100%;border-radius:100px;background:linear-gradient(90deg,var(--accent),var(--green));transition:width .3s ease}.prog-pct{font-size:.68rem;color:var(--muted);text-align:right;margin-top:4px}.mode-bar{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;margin-bottom:22px}.mode-left{display:flex;flex-direction:column;gap:3px}.mode-title{font-family:var(--font-head);font-size:1.3rem;font-weight:800}.mode-nick{font-size:.72rem;color:var(--accent)}.mode-right{display:flex;gap:8px;align-items:center}.toast{position:fixed;bottom:26px;left:50%;transform:translate(-50%);padding:9px 20px;background:var(--surface2);border:1px solid var(--border);border-radius:100px;font-size:.75rem;white-space:nowrap;z-index:200;animation:fadeUp .25s ease;pointer-events:none}.result-card{max-width:520px;margin:0 auto;background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:38px 34px;text-align:center}.result-emoji{font-size:3rem;margin-bottom:10px}.result-title{font-family:var(--font-head);font-size:1.9rem;font-weight:800;margin-bottom:5px}.result-sub{color:var(--muted);font-size:.8rem;margin-bottom:28px}.result-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:28px}.rs{background:var(--bg);border:1px solid var(--border);border-radius:10px;padding:14px 8px}.rs-val{font-family:var(--font-head);font-size:1.7rem;font-weight:800;color:var(--accent)}.rs-lbl{font-size:.6rem;color:var(--muted);letter-spacing:.1em;text-transform:uppercase;margin-top:3px}.match-results-list{margin-bottom:24px;text-align:left}.mr-row{display:flex;align-items:center;gap:12px;padding:11px 14px;background:var(--bg);border:1px solid var(--border);border-radius:8px;margin-bottom:6px}.mr-row.you{border-color:var(--accent)}.mr-rank{font-size:1.2rem;min-width:28px;text-align:center}.mr-name{flex:1;font-weight:700;font-size:.82rem}.mr-wpm{font-family:var(--font-head);font-size:1.1rem;font-weight:800;color:var(--accent)}.mr-wpm-lbl{font-size:.6rem;color:var(--muted)}.dnf{font-size:.68rem;color:var(--muted);letter-spacing:.05em;text-transform:uppercase}.fireworks-canvas{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:150}.winner-glow{animation:winnerPulse 1s ease infinite alternate}@keyframes winnerPulse{0%{text-shadow:0 0 10px var(--gold),0 0 20px var(--gold)}to{text-shadow:0 0 30px var(--gold),0 0 60px var(--gold),0 0 80px #fff}}.spinner{width:34px;height:34px;border-radius:50%;border:3px solid var(--border);border-top-color:var(--accent);animation:spin .8s linear infinite;margin:22px auto 0}@keyframes spin{to{transform:rotate(360deg)}}.dot{width:7px;height:7px;border-radius:50%;background:var(--muted)}.dot.live{background:var(--green);box-shadow:0 0 8px var(--green);animation:bpulse 1.8s infinite}@keyframes bpulse{0%,to{opacity:1}50%{opacity:.4}}.rank-dot{width:20px;height:20px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.6rem;font-weight:700;background:var(--surface2);border:1px solid var(--border);flex-shrink:0}.rank-dot.r1{background:var(--gold);color:#000;border-color:var(--gold)}.rank-dot.r2{background:#c0c8d0;color:#000;border-color:#c0c8d0}.rank-dot.r3{background:#cd7f32;color:#000;border-color:#cd7f32}.countdown-wrap{text-align:center;padding:80px 0}.cd-num{font-family:var(--font-head);font-size:9rem;font-weight:800;color:var(--accent);line-height:1;text-shadow:0 0 60px rgba(0,212,255,.4);animation:cdbounce .3s ease}@keyframes cdbounce{0%{transform:scale(1.3)}to{transform:scale(1)}}.cd-label{font-size:.9rem;color:var(--muted);letter-spacing:.2em;text-transform:uppercase;margin-top:14px}.err-card{max-width:440px;margin:80px auto;text-align:center;background:var(--surface);border:1px solid var(--red);border-radius:14px;padding:38px 28px}.err-card h2{font-family:var(--font-head);font-size:1.4rem;color:var(--red);margin-bottom:10px}.err-card p{color:var(--muted);font-size:.8rem;line-height:1.7;margin-bottom:22px}.lobby-panel{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:22px;margin-bottom:20px}.lobby-panel h3{font-size:.68rem;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin-bottom:14px}.player-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:16px}.p-slot{background:var(--bg);border:1px solid var(--border);border-radius:10px;padding:14px 10px;text-align:center;min-height:80px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;transition:border-color .2s}.p-slot.filled{border-color:#00d4ff59}.p-slot.you{border-color:var(--accent)}.p-avatar{width:32px;height:32px;border-radius:50%;background:var(--surface2);border:2px solid var(--border);display:flex;align-items:center;justify-content:center;font-size:.9rem}.p-slot.filled .p-avatar{border-color:var(--accent)}.p-name{font-size:.72rem;font-weight:700}.p-you{font-size:.6rem;color:var(--accent);letter-spacing:.06em;text-transform:uppercase}.p-empty{font-size:.68rem;color:var(--muted);letter-spacing:.05em;text-transform:uppercase}.prompt-preview{background:var(--bg);border:1px solid var(--border);border-radius:8px;padding:12px 16px;margin-bottom:14px;font-size:.82rem;line-height:1.7;color:var(--muted)}.prompt-preview label{display:block;font-size:.6rem;letter-spacing:.1em;text-transform:uppercase;color:var(--accent);margin-bottom:6px}.lobby-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.lobby-hint{font-size:.72rem;color:var(--muted)}.auto-start-badge{font-size:.72rem;color:var(--green);border:1px solid rgba(168,255,62,.3);background:#a8ff3e14;padding:4px 10px;border-radius:6px}.auto-start-badge span{font-weight:700;font-size:.9rem}.racers-panel{margin-bottom:16px}.racers-panel h3{font-size:.68rem;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin-bottom:10px}.racer-row{display:flex;align-items:center;gap:10px;margin-bottom:8px}.racer-name{font-size:.78rem;font-weight:700;min-width:90px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.racer-name.you{color:var(--accent)}.r-track{flex:1;height:7px;background:var(--bg);border-radius:100px;border:1px solid var(--border);overflow:hidden}.r-fill{height:100%;border-radius:100px;background:linear-gradient(90deg,var(--accent),var(--green));transition:width .35s ease}.racer-wpm{font-size:.72rem;min-width:52px;text-align:right;color:var(--muted)}.ad-layout{display:flex;align-items:flex-start;min-height:100vh}.ad-slot-left,.ad-slot-right{width:160px;flex-shrink:0;position:sticky;top:0;height:100vh;display:flex;align-items:center;justify-content:center}.ad-placeholder{width:160px;height:600px;border:2px dashed var(--border);border-radius:8px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;color:var(--muted);font-size:.65rem;letter-spacing:.08em;text-transform:uppercase;background:var(--surface);opacity:0;pointer-events:none;transition:opacity .4s}.ad-placeholder .ad-icon{font-size:1.4rem}.ads-active .ad-placeholder{opacity:1;pointer-events:auto}.main-col{flex:1;min-width:0}main{position:relative;z-index:1;max-width:860px;margin:0 auto;padding:32px 20px 80px}.ad-transition{text-align:center;padding:40px 20px}.ad-trans-stats{display:inline-grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:0 auto 28px;max-width:360px}.ad-trans-countdown{font-family:var(--font-head);font-size:1rem;font-weight:700;color:var(--muted);margin-bottom:8px}.ad-trans-countdown span{color:var(--accent);font-size:1.4rem}.ad-trans-hint{font-size:.72rem;color:var(--muted);letter-spacing:.06em}.ad-trans-title{font-family:var(--font-head);font-size:2rem;font-weight:800;margin-bottom:6px}.ad-trans-sub{color:var(--muted);font-size:.8rem;margin-bottom:28px}.match-banner{position:relative;z-index:9;display:flex;align-items:center;justify-content:space-between;padding:10px 26px;background:#00d4ff12;border-bottom:1px solid rgba(0,212,255,.2);animation:slideDown .3s ease}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:none}}.match-banner-text{font-size:.78rem;color:var(--accent)}@media(max-width:768px){.ad-slot-left,.ad-slot-right{display:none}.stats-row,.player-grid{grid-template-columns:repeat(2,1fr)}}.app-header{position:relative;z-index:10;display:flex;align-items:center;justify-content:space-between;padding:13px 26px;border-bottom:1px solid var(--border);background:#080b0ff5}.logo{font-family:var(--font-head);font-size:1.25rem;font-weight:800;color:var(--accent)}.logo b{color:var(--red);font-weight:800}.pill{display:flex;align-items:center;gap:7px;padding:5px 12px;border-radius:100px;font-size:.67rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;border:1px solid var(--border);background:var(--surface);white-space:nowrap}.guest-badge{background:#00d4ff26;color:var(--accent);font-size:.58rem;padding:2px 6px;border-radius:4px;border:1px solid rgba(0,212,255,.3);letter-spacing:.06em;margin-left:4px}.tbe-card{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:22px;transition:border-color .2s}.tbe-card:focus-within{border-color:#00d4ff66}.tbe-card.tbe-error{animation:tbeShake .25s ease}@keyframes tbeShake{0%,to{transform:translate(0)}25%{transform:translate(-5px)}75%{transform:translate(5px)}}.tbe-display{font-size:1.05rem;line-height:1.95;letter-spacing:.02em;word-break:break-word;-webkit-user-select:none;user-select:none;margin-bottom:18px;min-height:60px}.tbe-char{display:inline;white-space:pre-wrap}.tbe-correct{color:var(--accent)}.tbe-wrong{color:var(--red);background:#ff4d6d21;border-radius:2px}.tbe-pending{color:var(--muted)}.tbe-cursor{position:relative;color:var(--muted)}.tbe-cursor:before{content:"";position:absolute;left:-1px;top:.15em;bottom:.15em;width:2px;background:var(--accent);border-radius:1px;animation:tbeBlink .9s infinite}.tbe-trail:before{left:0}@keyframes tbeBlink{0%,49%{opacity:1}50%,to{opacity:0}}.tbe-input{width:100%;background:var(--bg);border:1px solid var(--border);border-radius:8px;padding:12px 15px;color:var(--text);font-family:var(--font-mono);font-size:.92rem;outline:none;caret-color:var(--accent);transition:border-color .2s}.tbe-input:focus{border-color:var(--accent)}.tbe-input-err{border-color:var(--red)}.tbe-input::placeholder{color:var(--muted)}.tbe-hint{font-size:.7rem;color:var(--muted);margin-top:10px;text-align:center;letter-spacing:.05em}.oe-card{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:28px 28px 20px;cursor:text;position:relative;transition:border-color .2s}.oe-card:focus-within{border-color:#00d4ff66;box-shadow:0 0 0 1px #00d4ff26}.oe-card.oe-error{animation:oeShake .22s ease}@keyframes oeShake{0%,to{transform:translate(0)}20%{transform:translate(-5px)}60%{transform:translate(5px)}80%{transform:translate(-3px)}}.oe-hidden{position:absolute;opacity:0;pointer-events:none;width:1px;height:1px;top:0;left:0;font-size:16px}.oe-wrap{font-family:var(--font-mono);font-size:1.12rem;line-height:2;letter-spacing:.02em;word-break:break-word;-webkit-user-select:none;user-select:none;position:relative;min-height:80px}.oe-char{display:inline;position:relative;white-space:pre-wrap}.oe-src{color:#2e3d4a}.oe-ok{color:#d4e8f5}.oe-ok.oe-space{color:transparent}.oe-err{color:var(--red);text-decoration:underline;text-decoration-style:wavy;text-decoration-color:#ff4d6da6;text-underline-offset:3px}.oe-err.oe-space{color:transparent;background:#ff4d6d38;border-radius:3px}.oe-caret{display:inline-block;position:absolute;left:-1.5px;top:.14em;bottom:.14em;width:2.5px;background:var(--accent);border-radius:2px;box-shadow:0 0 8px #00d4ffb3;animation:oeBlink 1.1s ease infinite;pointer-events:none}.oe-caret-end{position:relative;left:0}@keyframes oeBlink{0%,44%{opacity:1}56%,to{opacity:0}}.oe-hint{font-size:.7rem;color:var(--muted);margin-top:14px;text-align:center;letter-spacing:.05em}.fclock-wrap{position:fixed;bottom:28px;right:28px;z-index:100;display:flex;flex-direction:column;align-items:center;gap:5px;animation:fclockIn .4s cubic-bezier(.175,.885,.32,1.275);filter:drop-shadow(0 4px 16px rgba(0,0,0,.5))}@keyframes fclockIn{0%{opacity:0;transform:scale(.6) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}.fclock-label{font-family:var(--font-mono);font-size:.58rem;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);text-align:center}.fclock-svg{width:84px;height:84px;transition:filter .3s}.fclock-wrap.urgent .fclock-svg{filter:drop-shadow(0 0 10px rgba(255,77,109,.6));animation:fclockPulse .6s ease infinite alternate}.fclock-wrap.critical .fclock-svg{animation:fclockPulse .3s ease infinite alternate}@keyframes fclockPulse{0%{filter:drop-shadow(0 0 6px rgba(255,77,109,.4))}to{filter:drop-shadow(0 0 18px rgba(255,77,109,.9))}}.fclock-secs{font-family:var(--font-head);font-size:.75rem;font-weight:800;letter-spacing:.04em;text-align:center;transition:color .3s}.fclock-secs.normal{color:var(--accent)}.fclock-secs.urgent{color:#ff9f43}.fclock-secs.critical{color:var(--red)}