:root{--bg:#07051a;--ink:#f7f3ff;--cyan:#00f0ff;--pink:#ff4fd8;--gold:#ffd84a;--red:#ff3b5c;--lime:#6dff9b}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{background:var(--bg);height:100%;color:var(--ink);overscroll-behavior:none;margin:0;font-family:Orbitron,system-ui,sans-serif}body{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;touch-action:none;overflow:hidden}button{font:inherit;color:inherit;cursor:pointer;touch-action:none;border:0}.pad{padding:max(10px, env(safe-area-inset-top)) max(12px, env(safe-area-inset-right)) max(10px, env(safe-area-inset-bottom)) max(12px, env(safe-area-inset-left));background:radial-gradient(ellipse at 50% 120%, #ff4fd838, transparent 60%), radial-gradient(ellipse at 50% -20%, #00f0ff29, transparent 55%), var(--bg);position:fixed;inset:0}.pad-screen{height:100%;display:none}.pad[data-state=join] .pad-join,.pad[data-state=arm] .pad-arm{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:14px;display:flex}.pad[data-state=drive] .pad-drive{grid-template-columns:1fr 1.5fr 1fr;gap:12px;display:grid}.pad-kicker{letter-spacing:.22em;color:var(--pink);margin:0;font-size:11px}.pad-kicker b{color:var(--gold);letter-spacing:.3em}.pad h1{margin:0;font-size:22px;font-weight:900}#padForm{gap:10px;display:flex}#padCodeIn{letter-spacing:.3em;text-align:center;text-transform:uppercase;border:2px solid var(--cyan);width:9ch;color:var(--gold);-webkit-user-select:text;user-select:text;background:#0d0a26;border-radius:14px;padding:10px;font:900 28px Orbitron,monospace}.pad-cta{color:#04121a;letter-spacing:.08em;background:linear-gradient(#5ffcff,#00b8d4);border-radius:16px;padding:14px 22px;font-weight:900}.pad-big{max-width:90vw;padding:26px 30px;font-size:20px;box-shadow:0 0 40px #00f0ff66}.pad-hint{opacity:.8;max-width:34em;margin:0;font-size:13px}.pad-hint b{color:var(--cyan)}.pad-err{color:var(--red);min-height:1.2em;margin:0;font-size:14px}.pad-col{flex-direction:column;gap:12px;display:flex}.pad-btn{letter-spacing:.1em;border:3px solid #ffffff2e;border-radius:24px;flex:1;font-size:clamp(16px,4.2vh,26px);font-weight:900;transition:transform 60ms,filter 60ms}.pad-btn.down,.pad-btn:active{filter:brightness(1.35);transform:scale(.96)}.pad-gas{color:#03200e;background:linear-gradient(#4dff91,#12a14b);flex:1.6}.pad-brake{background:linear-gradient(#ff6a83,#b3122f);flex:1.6}.pad-nos{background:linear-gradient(#6ba8ff,#2340c9)}.pad-jump{color:#fff;background:linear-gradient(#f0abfc,#a21caf)}.pad-boost{color:#2a1800;background:linear-gradient(#ffe680,#f0a500)}.pad-mid{flex-direction:column;gap:10px;min-width:0;display:flex}.pad-hud{justify-content:center;align-items:baseline;gap:10px;display:flex}.pad-mph{color:var(--cyan);font-variant-numeric:tabular-nums;text-align:right;min-width:3ch;font-size:clamp(28px,10vh,54px);font-weight:900}.pad-hud small{opacity:.7;font-size:11px}.pad-hp{background:#ffffff1f;border-radius:6px;flex:1;align-self:center;max-width:140px;height:10px;overflow:hidden}.pad-hp i{background:linear-gradient(90deg, var(--red), var(--gold), var(--lime));width:100%;height:100%;transition:width .12s;display:block}.pad-coins{color:var(--gold);font-size:15px;font-weight:700}.pad-wheel{background:repeating-linear-gradient(90deg,#ffffff0d 0 2px,#0000 2px 10%),#0d0a26d9;border:2px solid #00f0ff59;border-radius:20px;flex:1;min-height:60px;position:relative}.pad-wheel:after{content:"";background:#ffffff59;width:2px;position:absolute;top:10%;bottom:10%;left:50%}.pad-dot{background:var(--pink);width:34px;height:34px;box-shadow:0 0 18px var(--pink);border-radius:50%;margin:-17px 0 0 -17px;position:absolute;top:50%;left:50%}.pad-steer-hint{text-align:center;letter-spacing:.2em;opacity:.55;pointer-events:none;font-size:10px;position:absolute;bottom:6px;left:0;right:0}.pad-row{gap:8px;display:flex}.pad-small{letter-spacing:.06em;background:#ffffff1a;border-radius:14px;flex:1;padding:12px 6px;font-size:12px;font-weight:700}.pad-start{background:linear-gradient(#ff7ae6,#c21ea3);flex:1.4;font-size:14px}.pad-status{text-align:center;opacity:.75;letter-spacing:.06em;margin:0;font-size:11px}.pad[data-link=p2p] .pad-status{color:var(--lime)}.pad[data-link=tv-gone] .pad-status,.pad[data-link=down] .pad-status{color:var(--red)}.pad.copilot .pad-gas,.pad.copilot .pad-brake{opacity:.35}.pad-rotate{display:none}@media (orientation:portrait){.pad[data-state=drive] .pad-drive{grid-template-rows:auto 1fr;grid-template-columns:1fr 1fr}.pad[data-state=drive] .pad-mid{grid-area:1/1/auto/-1}.pad[data-state=drive] .pad-rotate{left:0;right:0;bottom:max(6px, env(safe-area-inset-bottom));text-align:center;opacity:.6;margin:0;font-size:11px;display:block;position:absolute}}@font-face{font-family:Orbitron;font-style:normal;font-display:swap;font-weight:700;src:url(/outatime/assets/orbitron-latin-700-normal-4jsRXGGJ.woff2)format("woff2"),url(/outatime/assets/orbitron-latin-700-normal-DmYOh-W9.woff)format("woff")}
