*,*:before,*:after{box-sizing:border-box}*{margin:0}html{interpolate-size:allow-keywords}body{line-height:1.5;-webkit-font-smoothing:antialiased}img,picture,video,canvas,svg{display:block;max-width:100%}input,button,textarea,select{font:inherit}p{overflow-wrap:break-word;text-wrap:pretty}h1,h2,h3,h4,h5,h6{overflow-wrap:break-word;text-wrap:balance}#root,#app{isolation:isolate}:root{font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;color-scheme:dark;--vr-bg: #070b18;--vr-surface: #0f1730;--vr-road: #131b33;--vr-road-alt: #17203c;--vr-line: #26325a;--vr-cyan: #22e6ff;--vr-green: #3dff9e;--vr-magenta: #ff4dd8;--vr-amber: #ffcf4d;--vr-red: #ff5a6e;--vr-text: #eaf2ff;--vr-muted: #8290b8}body{min-height:100dvh;background:radial-gradient(1200px 600px at 50% -10%,#1a2350 0%,transparent 60%),linear-gradient(180deg,#070b18,#05070f);color:var(--vr-text)}.page{max-width:80ch;margin-inline:auto;padding:2rem}.vr{max-width:480px;margin-inline:auto;padding:clamp(.75rem,3vw,1.5rem) 1rem 2rem;display:flex;flex-direction:column;gap:.75rem;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}.vr-hud{display:flex;flex-direction:column;gap:.6rem}.vr-hud__title{margin:0;font-size:clamp(1.4rem,6vw,1.9rem);font-weight:800;letter-spacing:.04em;text-transform:uppercase;background:linear-gradient(90deg,var(--vr-cyan),var(--vr-green));-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:0 0 24px rgba(34,230,255,.35)}.vr-hud__stats{display:grid;grid-template-columns:repeat(4,1fr);gap:.5rem}.vr-stat{background:var(--vr-surface);border:1px solid var(--vr-line);border-radius:12px;padding:.4rem .5rem;display:flex;flex-direction:column;gap:.15rem}.vr-stat__label{font-size:.6rem;text-transform:uppercase;letter-spacing:.08em;color:var(--vr-muted)}.vr-stat__value{font-size:1.1rem;font-weight:700;font-variant-numeric:tabular-nums}.vr-lives{display:inline-flex;gap:4px;align-items:center;height:1.1rem}.vr-life{width:9px;height:15px;border-radius:2px;border:1px solid var(--vr-line);background:transparent}.vr-life--on{background:var(--vr-green);border-color:var(--vr-green);box-shadow:0 0 8px #3dff9eb3}.vr-battery{position:relative;height:20px;border-radius:999px;background:var(--vr-surface);border:1px solid var(--vr-line);overflow:hidden}.vr-battery__fill{height:100%;border-radius:999px;transition:width .12s linear,background-color .3s ease}.vr-battery__fill--high{background:linear-gradient(90deg,var(--vr-green),var(--vr-cyan))}.vr-battery__fill--mid{background:linear-gradient(90deg,var(--vr-amber),var(--vr-green))}.vr-battery__fill--low{background:linear-gradient(90deg,var(--vr-red),var(--vr-amber));animation:vr-pulse .8s ease-in-out infinite}.vr-battery__label{position:absolute;inset:0;display:grid;place-items:center;font-size:.7rem;font-weight:700;font-variant-numeric:tabular-nums;text-shadow:0 1px 2px rgba(0,0,0,.6)}@keyframes vr-pulse{50%{opacity:.55}}.vr-board{position:relative;width:100%;aspect-ratio:var(--cols) / var(--rows);border-radius:16px;overflow:hidden;border:1px solid var(--vr-line);box-shadow:0 0 0 1px #22e6ff14,0 20px 60px #0009;background:var(--vr-road)}.vr-row{position:absolute;left:0;width:100%}.vr-row--road{background:repeating-linear-gradient(90deg,var(--vr-road) 0,var(--vr-road) calc(100% / var(--cols) - 2px),var(--vr-line) calc(100% / var(--cols) - 2px),var(--vr-line) calc(100% / var(--cols)))}.vr-row--road:nth-of-type(2n){background-color:var(--vr-road-alt)}.vr-row--start{background:linear-gradient(180deg,#12213f,#0d1830);box-shadow:inset 0 2px #22e6ff40}.vr-row--median{background:linear-gradient(180deg,#123a2e,#0d2a22);box-shadow:inset 0 0 12px #3dff9e40}.vr-row--bays{background:linear-gradient(180deg,#0d1c3a,#0a1730)}.vr-bay{position:absolute;display:grid;place-items:center;border:1px dashed rgba(34,230,255,.5);border-radius:8px;box-sizing:border-box;color:var(--vr-cyan);font-size:1rem}.vr-bay__bolt{filter:drop-shadow(0 0 6px currentColor);opacity:.7}.vr-bay--filled{border-style:solid;border-color:var(--vr-green);background:radial-gradient(circle,rgba(61,255,158,.35),transparent 70%);color:var(--vr-green)}.vr-bay--filled .vr-bay__bolt{opacity:1;animation:vr-pulse 1.2s ease-in-out infinite}.vr-vehicle{position:absolute;box-sizing:border-box;padding:6% 3%}.vr-vehicle__glow{display:block;width:100%;height:100%;border-radius:7px;position:relative}.vr-vehicle--pod .vr-vehicle__glow{background:linear-gradient(180deg,#2ea8ff,#1667d8);box-shadow:0 0 12px #22a8ffb3}.vr-vehicle--truck .vr-vehicle__glow{background:linear-gradient(180deg,#ff6bd6,#c72ea3);box-shadow:0 0 12px #ff4dd899}.vr-vehicle--bus .vr-vehicle__glow{background:linear-gradient(180deg,#ffd76b,#e0a020);box-shadow:0 0 12px #ffcf4d99}.vr-vehicle__glow:after{content:"";position:absolute;top:25%;height:50%;width:5px;border-radius:3px;background:#fff;box-shadow:0 0 8px #fff;opacity:.9}.vr-vehicle--right .vr-vehicle__glow:after{right:3px}.vr-vehicle--left .vr-vehicle__glow:after{left:3px}.vr-player{position:absolute;display:grid;place-items:center;padding:8%;z-index:2;transition:top 90ms ease-out,left 90ms ease-out}.vr-player__body{width:100%;height:100%;border-radius:50% 50% 45% 45%;background:radial-gradient(circle at 50% 30%,#eaffef,var(--vr-green) 55%,#17b56a);box-shadow:0 0 14px #3dff9ee6,inset 0 -3px 6px #00000040}.vr-player--idle .vr-player__body{animation:vr-hover 1.6s ease-in-out infinite}@keyframes vr-hover{50%{transform:translateY(-6%) scale(1.04)}}.vr-overlay{position:absolute;inset:0;display:grid;place-items:center;padding:1rem;background:#050812c7;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:5}.vr-panel{text-align:center;max-width:320px;display:flex;flex-direction:column;gap:.6rem;align-items:center}.vr-panel__title{margin:0;font-size:1.6rem;font-weight:800;letter-spacing:.03em;background:linear-gradient(90deg,var(--vr-cyan),var(--vr-green));-webkit-background-clip:text;background-clip:text;color:transparent}.vr-panel__text{margin:0;color:var(--vr-text);font-size:.95rem;line-height:1.45}.vr-panel__hint{margin:0;color:var(--vr-muted);font-size:.78rem}.vr-btn{margin-top:.3rem;padding:.7rem 1.4rem;border:none;border-radius:999px;font-size:1rem;font-weight:700;cursor:pointer;color:#05100a;background:linear-gradient(90deg,var(--vr-cyan),var(--vr-green));box-shadow:0 0 20px #3dff9e80;transition:transform .12s ease,box-shadow .12s ease}.vr-btn:hover{transform:translateY(-1px);box-shadow:0 0 28px #3dff9ebf}.vr-btn:active{transform:translateY(1px)}.vr-status{min-height:1.2rem;margin:0;text-align:center;font-size:.85rem;color:var(--vr-cyan);text-shadow:0 0 10px rgba(34,230,255,.4)}.vr-dpad{display:grid;grid-template-columns:repeat(3,56px);grid-template-rows:repeat(3,56px);gap:6px;justify-content:center;margin-top:.25rem}.vr-dpad__btn{display:grid;place-items:center;font-size:1.2rem;color:var(--vr-cyan);background:var(--vr-surface);border:1px solid var(--vr-line);border-radius:14px;cursor:pointer;transition:background-color .12s ease,transform 80ms ease}.vr-dpad__btn:active{background:var(--vr-cyan);color:#05100a;transform:scale(.94)}.vr-dpad__btn--up{grid-column:2;grid-row:1}.vr-dpad__btn--left{grid-column:1;grid-row:2}.vr-dpad__btn--down{grid-column:2;grid-row:2}.vr-dpad__btn--right{grid-column:3;grid-row:2}@media(prefers-reduced-motion:reduce){.vr-player,.vr-battery__fill,.vr-bay--filled .vr-bay__bolt,.vr-player--idle .vr-player__body,.vr-battery__fill--low{animation:none;transition:none}}