:root{--px: "Press Start 2P", monospace;--ink: #1b2a48;--lilac: #b0529c;--bg: #dcf5ff}*{box-sizing:border-box}html,body,#root{margin:0;height:100%;overflow:hidden}body{font-family:Space Grotesk,system-ui,sans-serif;color:var(--ink);background:linear-gradient(180deg,#b2ccfc,#fbe8fa 70%,#f7d9e5);-webkit-user-select:none;user-select:none;touch-action:none}button{font:inherit;color:inherit;cursor:pointer}.link{background:#ffffff73;border:1px solid rgba(255,255,255,.7);border-radius:999px;padding:6px 14px;font-weight:600;font-size:13px;margin-left:10px}.link:hover{background:#ffffffbf}.menu{height:100%;overflow:auto;display:flex;flex-direction:column;align-items:center;padding:48px 16px 40px;text-align:center}.menu h1{font-family:var(--px);font-weight:400;font-size:18px;margin:0 0 14px;letter-spacing:1px}.menu .sub{margin:0 0 24px;font-size:14px}.menu .sub strong{font-family:var(--px);font-size:11px;color:var(--lilac)}.menu .pick{font-family:var(--px);font-size:10px;margin:0 0 14px;opacity:.7}.menu .grid{display:grid;grid-template-columns:repeat(5,96px);gap:12px;margin-bottom:18px}@media(max-width:600px){.menu .grid{grid-template-columns:repeat(3,96px)}}.tok{padding:0;border:2px solid rgba(255,255,255,.7);border-radius:14px;overflow:hidden;background:#fff6;transition:transform .12s,border-color .12s}.tok:hover{transform:translateY(-4px) scale(1.04);border-color:var(--lilac)}.tok img{display:block;width:92px;height:92px;image-rendering:pixelated}.tok span{display:block;font-family:var(--px);font-size:8px;padding:6px 0 7px}.menu .help{margin-top:28px;font-size:13px;opacity:.7;max-width:520px;line-height:1.6}.play{position:relative;height:100%}.play canvas{display:block;width:100%;height:100%}.overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;font-family:var(--px);font-size:11px;background:#dcf5ff99;text-align:center;padding:20px;line-height:1.8}.hud{position:absolute;left:0;right:0;display:flex;align-items:center;gap:14px;padding:14px 18px;pointer-events:none}.hud .link{pointer-events:auto}.hud.top{top:0}.hud.bottom{bottom:0;justify-content:space-between;padding-left:216px}.hud .world{font-family:var(--px);font-size:11px;color:var(--lilac)}.hud .found{font-family:var(--px);font-size:10px}.signal{font-family:var(--px);font-size:9px;display:flex;align-items:center;gap:10px}.signal .arrow{display:inline-block;font-size:18px;line-height:1;transition:transform .1s linear}.signal .arrow{rotate:-90deg}.meters{font-family:var(--px);font-size:9px;opacity:.75}.hint{position:absolute;right:18px;top:58px;font-family:var(--px);font-size:7px;line-height:1.9;text-align:right;max-width:280px;color:var(--ink);opacity:.5;pointer-events:none}.prompt{position:absolute;left:50%;bottom:72px;transform:translate(-50%);font-family:var(--px);font-size:9px;background:#ffffffb3;border:2px solid var(--lilac);padding:10px 14px;border-radius:999px;pointer-events:none;animation:pop .3s ease-out}.toast{position:absolute;left:50%;top:22%;transform:translate(-50%);text-align:center;pointer-events:none;background:#ffffffbf;border:2px solid var(--lilac);border-radius:18px;padding:16px 26px;font-size:12px;line-height:1.9;animation:pop .35s ease-out}.toast strong{font-family:var(--px);font-size:11px;color:var(--lilac)}@keyframes pop{0%{transform:translate(-50%) scale(.6);opacity:0}to{transform:translate(-50%) scale(1);opacity:1}}.lift{position:absolute;right:18px;bottom:64px;display:flex;flex-direction:column;gap:12px}.lift button{width:64px;height:64px;border-radius:50%;border:2px solid rgba(255,255,255,.8);background:#ffffff73;font-family:var(--px);font-size:8px;touch-action:none}.joy{position:absolute;width:0;height:0;pointer-events:none}.joy:before{content:"";position:absolute;left:-60px;top:-60px;width:120px;height:120px;border-radius:50%;border:2px solid rgba(255,255,255,.6)}.joy .knob{position:absolute;left:-24px;top:-24px;width:48px;height:48px;border-radius:50%;background:#ffffffb3}.dash{position:absolute;left:50%;bottom:16px;transform:translate(-50%);display:flex;align-items:center;gap:16px;padding:10px 20px 8px 8px;border-radius:28px;color:#fff;pointer-events:none;background:linear-gradient(180deg,#282e4cdb,#101426e6);border:1px solid rgba(255,255,255,.16);box-shadow:0 18px 40px #10142659,inset 0 1px #ffffff1f;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.dash .gauge{width:200px;height:175px}.dash .track{fill:none;stroke:#ffffff1f;stroke-width:7;stroke-linecap:round}.dash .fill{fill:none;stroke:url(#dashFill);stroke-width:7;stroke-linecap:round}.dash .tick{stroke:#ffffff59;stroke-width:1.2}.dash .tick.major{stroke:#ffffffe6;stroke-width:2}.dash .needle{stroke:#fff;stroke-width:2.4;stroke-linecap:round}.dash .hub{fill:#fff}.dash .kmh{fill:#fff;font-family:var(--px);font-size:24px;text-anchor:middle}.dash .unit{fill:#ffffff73;font-family:var(--px);font-size:7px;text-anchor:middle;letter-spacing:2px}.dash .side{display:flex;flex-direction:column;align-items:center;gap:12px}.dash .gear{width:64px;height:64px;border-radius:18px;display:grid;place-items:center;align-content:center;gap:2px;background:#ffffff14;border:1px solid rgba(255,255,255,.14)}.dash .gear span{font-family:var(--px);font-size:26px;line-height:1}.dash .gear small{font-family:var(--px);font-size:6px;opacity:.45;letter-spacing:1px}.dash .rpm{display:flex;gap:3px}.dash .rpm i{display:block;width:5px;height:14px;border-radius:2px;background:#ffffff1a;transition:background .06s}.dash .rpm i.on{background:#5ae6a1;box-shadow:0 0 6px #5ae6a1}.dash .rpm i.on.yellow{background:#ffe762;box-shadow:0 0 6px #ffe762}.dash .rpm i.on.red{background:#ff5e72;box-shadow:0 0 8px #ff5e72}.dash .lamps{display:flex;gap:6px}.dash .lamp{font-family:var(--px);font-size:6px;letter-spacing:1px;text-transform:uppercase;padding:5px 7px;border-radius:7px;background:#ffffff12;color:#ffffff4d;border:1px solid rgba(255,255,255,.08);transition:all .1s}.dash.boost .lamp.nos{background:#ffe762;color:#1b2a48;box-shadow:0 0 14px #ffe762cc}.dash.air .lamp.jump{background:#85c5ed;color:#1b2a48;box-shadow:0 0 14px #85c5edcc}@media(max-width:600px){.dash{bottom:140px;transform:translate(-50%) scale(.72);transform-origin:bottom center}}.map{position:absolute;left:16px;bottom:16px;width:186px;height:186px;padding:7px;border-radius:26px;background:#ffffff8c;border:2px solid var(--lilac);box-shadow:0 12px 30px #b0529c47,inset 0 1px #ffffffe6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);pointer-events:none}.map canvas{display:block;width:100%;height:100%;border-radius:18px;image-rendering:pixelated;box-shadow:0 0 0 2px #ffffffe6,inset 0 0 0 1px #1b2a4814}@media(max-width:600px){.map{width:120px;height:120px;bottom:150px;left:12px;padding:5px;border-radius:20px}.map canvas{border-radius:14px}}.race{position:absolute;left:50%;top:14px;transform:translate(-50%);text-align:center;color:#fff;pointer-events:none;padding:10px 22px 9px;border-radius:20px;background:linear-gradient(180deg,#282e4cdb,#101426e6);border:1px solid rgba(255,255,255,.16);box-shadow:0 12px 30px #10142659,inset 0 1px #ffffff1f;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.race .clock{font-family:var(--px);font-size:22px;letter-spacing:1px}.race .cps{font-family:var(--px);font-size:7px;letter-spacing:2px;opacity:.6;margin-top:7px;text-transform:uppercase}.race.idle{font-family:var(--px);font-size:8px;letter-spacing:1px;opacity:.8;padding:9px 16px}.race.done .clock{color:#ffe762}.count{position:absolute;left:50%;top:32%;transform:translate(-50%,-50%);font-family:var(--px);font-size:96px;color:#fff;text-shadow:0 0 30px rgba(255,111,200,.9),0 8px 24px rgba(16,20,38,.5);pointer-events:none;animation:countPop .9s ease-out both}.count.go{color:#5ae6a1;font-size:72px;text-shadow:0 0 30px rgba(90,230,161,.9),0 8px 24px rgba(16,20,38,.5)}@keyframes countPop{0%{transform:translate(-50%,-50%) scale(1.6);opacity:0}20%{opacity:1}to{transform:translate(-50%,-50%) scale(1);opacity:.9}}.finish{position:absolute;left:50%;top:30%;transform:translate(-50%,-50%);text-align:center;color:#fff;pointer-events:none;padding:22px 40px;border-radius:28px;animation:countPop .6s ease-out both;background:linear-gradient(180deg,#282e4ce6,#101426f0);border:1px solid rgba(255,255,255,.16);box-shadow:0 18px 40px #10142673}.finish .title{font-family:var(--px);font-size:14px;letter-spacing:4px;color:#ffe762}.finish .time{font-family:var(--px);font-size:34px;margin:14px 0 10px}.finish .sub{font-family:var(--px);font-size:7px;letter-spacing:2px;opacity:.6;text-transform:uppercase}.play.graded canvas{filter:contrast(1.1) saturate(1.18) brightness(1.02)}.vignette{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:radial-gradient(ellipse at center,#0000 55%,#10142673)}.scanlines{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:repeating-linear-gradient(0deg,#0000001f 0,#0000001f 1px,#0000 1px,#0000 3px);mix-blend-mode:multiply}.hud .link.on{background:var(--lilac);color:#fff}.looks{position:absolute;top:52px;right:18px;width:300px;padding:12px 14px;border-radius:14px;z-index:5;background:#1a1c30db;color:#fff;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.16);box-shadow:0 18px 40px #10142673}.looks .group{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:10px}.looks .label{flex:0 0 100%;font-family:var(--px);font-size:7px;line-height:1.8;letter-spacing:2px;text-transform:uppercase;opacity:.55;margin:2px 0 4px}.looks button{font-family:var(--px);font-size:8px;padding:7px 9px;border-radius:8px;border:1px solid rgba(255,255,255,.18);background:#ffffff14;color:#fff;cursor:pointer}.looks button:hover{background:#fff3}.looks button.on{background:var(--lilac);border-color:var(--lilac)}