@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&family=JetBrains+Mono:wght@400;500;700&display=swap";:root{--bg:#0a0a0f;--panel:#14141c;--panel-glass:#14141cdb;--border:#2a2a38;--text:#f4f4f7;--muted:#8a8a9a;--dim:#5c5c6c;--brand:#9945ff;--land:#14f195;--warn:#f5a623;--radius:6px;--font-sans:"Inter", system-ui, -apple-system, "Segoe UI", sans-serif;--font-mono:"JetBrains Mono", ui-monospace, "SF Mono", Menlo, Consolas, monospace}*{box-sizing:border-box}html,body,#root{height:100%}body{background-color:var(--bg);color:var(--text);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;margin:0;overflow:hidden}#game-container{z-index:0;width:100vw;height:100vh;position:fixed;inset:0}.mono{font-family:var(--font-mono);font-variant-numeric:tabular-nums;letter-spacing:.02em}.hud{pointer-events:none;z-index:10;position:fixed;inset:0}.panel{background:var(--panel-glass);border:1px solid var(--border);border-radius:var(--radius);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);position:absolute}.panel-label{letter-spacing:.16em;text-transform:uppercase;color:var(--muted);font-size:10px;font-weight:600}.status-panel{color:var(--text);letter-spacing:.02em;align-items:center;gap:8px;padding:8px 12px;font-size:11px;display:flex;top:20px;left:20px}.status-dot{border-radius:50%;flex:none;width:7px;height:7px}.status-dot.off{background:var(--dim)}.status-dot.busy{background:var(--warn);animation:1s ease-in-out infinite dotPulse}.status-dot.ok{background:var(--brand);box-shadow:0 0 8px #9945ffb3}@keyframes dotPulse{0%,to{opacity:.35}50%{opacity:1}}.ghost-button{font-family:var(--font-sans);letter-spacing:.14em;text-transform:uppercase;color:var(--muted);background:var(--panel-glass);border:1px solid var(--border);border-radius:var(--radius);cursor:pointer;pointer-events:auto;padding:9px 14px;font-size:10px;font-weight:600;transition:color .15s,border-color .15s,background .15s}.ghost-button:hover{color:var(--text);border-color:var(--brand);background:var(--panel)}.ghost-button.wide{width:100%;margin-top:10px}.top-actions{align-items:center;gap:8px;display:flex;position:absolute;top:20px;right:20px}.top-actions .ghost-button{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.ghost-button.is-active{color:var(--text);border-color:var(--brand)}.primary-button{width:100%;font-family:var(--font-sans);letter-spacing:.14em;text-transform:uppercase;color:#fff;background:var(--brand);border:1px solid var(--brand);border-radius:var(--radius);cursor:pointer;pointer-events:auto;margin-top:20px;padding:12px 0;font-size:12px;font-weight:600;transition:background .15s,border-color .15s,box-shadow .15s}.primary-button:hover:not(:disabled){background:#a75dff;border-color:#a75dff;box-shadow:0 0 18px #9945ff59}.primary-button:disabled{cursor:default;color:var(--muted);border-color:var(--border);background:0 0}.fallback-banner{background:var(--panel-glass);border:1px solid var(--border);border-left:2px solid var(--warn);border-radius:var(--radius);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);max-width:min(560px,100vw - 40px);color:var(--text);z-index:40;align-items:center;gap:10px;padding:9px 14px;font-size:11.5px;line-height:1.45;display:flex;position:fixed;top:128px;left:50%;transform:translate(-50%)}.fallback-banner .banner-mark{background:var(--warn);border-radius:50%;flex:none;width:6px;height:6px;box-shadow:0 0 8px #f5a6238c}.timer-panel{text-align:center;min-width:260px;padding:10px 20px 12px;top:20px;left:50%;transform:translate(-50%)}.timer-value{color:var(--text);margin-top:4px;font-size:34px;font-weight:500;line-height:1.1}.timer-sub{border-top:1px solid var(--border);flex-wrap:wrap;justify-content:center;gap:8px 14px;margin-top:8px;padding-top:8px;display:flex}.sub-item{color:var(--muted);align-items:baseline;gap:6px;font-size:11px;display:flex}.sub-label{letter-spacing:.14em;text-transform:uppercase;font-size:9px}.sub-item .mono{color:var(--text);font-size:12px}.best-value{transition:color .5s ease-out,text-shadow .5s ease-out}.best-value.is-record{color:var(--land);text-shadow:0 0 10px #14f195d9;transition:none}.speed-streaks{pointer-events:none;opacity:0;z-index:5;transition:opacity .16s linear;position:fixed;inset:0;overflow:hidden}.speed-streaks .streak{border-radius:2px;width:24vw;height:2px;animation:.6s linear infinite streakSweep;position:absolute}.speed-streaks .s1,.speed-streaks .s2{background:linear-gradient(90deg,#f4f4f78c,#f4f4f700);left:0}.speed-streaks .s1{top:34%}.speed-streaks .s2{width:18vw;animation-delay:.2s;top:63%}.speed-streaks .s3,.speed-streaks .s4{background:linear-gradient(270deg,#f4f4f78c,#f4f4f700);right:0}.speed-streaks .s3{animation-delay:.1s;top:42%}.speed-streaks .s4{width:20vw;animation-delay:.32s;top:71%}@keyframes streakSweep{0%{opacity:0;transform:scaleX(.5)}40%{opacity:1}to{opacity:0;transform:scaleX(1.35)}}@media (prefers-reduced-motion:reduce){.speed-streaks{display:none}}.pause-overlay{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:25;background:#0a0a0f9e}.pause-card{text-align:center;background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);width:min(300px,100vw - 40px);padding:22px 24px 24px}.pause-title{letter-spacing:.14em;text-transform:uppercase;color:var(--text);font-size:18px;font-weight:600}.pause-sub{color:var(--muted);margin-top:8px;font-size:11.5px;line-height:1.55}.stats-panel{min-width:178px;max-width:236px;padding:10px 13px 11px;bottom:20px;left:20px}.stats-head{justify-content:space-between;align-items:center;gap:12px;display:flex}.grade-badge{width:20px;height:20px;color:var(--text);border:1px solid var(--border);background:#ffffff08;border-radius:4px;justify-content:center;align-items:center;font-size:12px;font-weight:700;transition:color .32s ease-out,border-color .32s ease-out,text-shadow .32s ease-out,box-shadow .32s ease-out;display:inline-flex}.grade-badge.landed{color:var(--land);text-shadow:0 0 10px #14f195e6;border-color:#14f1958c;transition:none;box-shadow:0 0 12px #14f19540}.stats-grid{flex-direction:column;gap:3px;margin-top:8px;display:flex}.stat-row{justify-content:space-between;align-items:center;gap:16px;display:flex}.stat-label{color:var(--muted);font-size:11px;font-weight:500}.stat-value{color:var(--text);text-align:right;min-width:24px;font-size:14px;font-weight:700;transition:color .32s ease-out,text-shadow .32s ease-out}.stat-value.landed{color:var(--land);text-shadow:0 0 10px #14f195e6,0 0 22px #14f19573;transition:none}.stat-value.idle{color:var(--dim)}.stat-flavor{border-top:1px solid var(--border);font-family:var(--font-sans);color:var(--muted);opacity:0;margin:9px 0 0;padding-top:8px;font-size:10.5px;font-style:italic;line-height:1.55;transition:opacity .45s,transform .45s;transform:translateY(-3px)}.stat-flavor.show{opacity:1;transform:translateY(0)}.stat-flavor+.stats-source{border-top:none;margin-top:7px;padding-top:0}.stats-source{border-top:1px solid var(--border);letter-spacing:.12em;text-transform:uppercase;color:var(--dim);margin-top:8px;padding-top:7px;font-size:9px}.stats-source.is-fallback{color:var(--warn)}.speed-panel{align-items:baseline;gap:7px;padding:9px 14px;display:flex;bottom:20px;right:20px}.speed-value{color:var(--text);font-size:28px;font-weight:500}.speed-unit{letter-spacing:.14em;text-transform:uppercase;color:var(--muted);font-size:10px}.drive-reminder{background:var(--panel-glass);border:1px solid var(--border);border-left:2px solid var(--brand);border-radius:var(--radius);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);letter-spacing:.03em;color:var(--muted);white-space:nowrap;opacity:0;padding:7px 11px;font-size:11px;transition:opacity .9s,transform .9s;position:absolute;top:60px;left:20px;transform:translateY(-4px)}.drive-reminder.show{opacity:1;transition:opacity .3s,transform .3s;transform:translateY(0)}.controls-hint{color:var(--dim);letter-spacing:.04em;white-space:nowrap;align-items:center;gap:12px;font-size:11px;display:flex;position:absolute;bottom:24px;left:50%;transform:translate(-50%)}.controls-hint .divider{background:var(--border);width:1px;height:10px}.overlay{z-index:20;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.countdown-overlay{pointer-events:none}.start-panel{text-align:center;background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);width:min(380px,100vw - 40px);max-height:calc(100vh - 40px);padding:26px 30px;position:relative}.start-title{letter-spacing:.02em;color:var(--text);font-size:22px;font-weight:600}.start-sub{color:var(--muted);margin-top:10px;font-size:12px;line-height:1.6}.start-error{color:#ff7a90;margin-top:10px;font-size:11px;line-height:1.5}.readout{border:1px solid var(--border);border-radius:var(--radius);margin-top:16px;overflow:hidden}.readout-row{color:var(--muted);border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:16px;padding:7px 11px;font-size:11px;display:flex}.readout-row:last-child{border-bottom:none}.readout-row .mono{color:var(--text);font-size:12px}.start-hint{letter-spacing:.12em;text-transform:uppercase;color:var(--dim);margin-top:10px;font-size:10px}.celebration-overlay{pointer-events:none;z-index:30;align-items:flex-start;padding-top:22vh}.celebration-card{text-align:center;background:var(--panel-glass);border:1px solid var(--border);border-radius:var(--radius);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);width:min(340px,100vw - 40px);padding:18px 22px 20px;animation:3.6s ease-out both celebrateIn}.celebration-label{letter-spacing:.16em;text-transform:uppercase;color:var(--muted);font-size:10px;font-weight:600}.celebration-time{color:var(--text);margin-top:6px;font-size:32px;font-weight:500;line-height:1.1}.celebration-best{letter-spacing:.14em;text-transform:uppercase;color:var(--land);margin-top:4px;font-size:10px;font-weight:600}.celebration-tier{border-top:1px solid var(--border);text-align:left;align-items:center;gap:10px;margin-top:12px;padding-top:11px;display:flex}.tier-mark{width:26px;height:26px;font-family:var(--font-mono);border:1px solid var(--border);color:var(--text);border-radius:4px;flex:none;justify-content:center;align-items:center;font-size:14px;font-weight:700;display:inline-flex}.tier-mark.tier-S{color:#ffd76a;border-color:#ffd76a99}.tier-mark.tier-A{color:#cbb8ff;border-color:#cbb8ff99}.tier-mark.tier-B{color:#c9e2ff;border-color:#c9e2ff80}.tier-mark.tier-C{color:#a8b0c0}.tier-mark.tier-D{color:var(--dim)}.tier-copy{color:var(--muted);font-size:11.5px;line-height:1.5}@keyframes celebrateIn{0%{opacity:0;transform:translateY(-10px)scale(.97)}8%{opacity:1;transform:translateY(0)scale(1)}82%{opacity:1;transform:translateY(0)scale(1)}to{opacity:0;transform:translateY(-6px)scale(.99)}}.countdown{font-family:var(--font-mono);color:var(--text);text-shadow:0 0 40px #9945ff73;font-size:108px;font-weight:700;animation:.6s ease-out both countPop}.countdown.go{color:var(--brand);letter-spacing:.08em;font-size:88px}@keyframes countPop{0%{opacity:0;transform:scale(1.5)}35%{opacity:1;transform:scale(1)}to{opacity:.85;transform:scale(.96)}}