:root{color-scheme:dark;font-family:"PingFang SC","Microsoft YaHei",system-ui,sans-serif;--yellow:#ffd400;--ink:#090b10;--glass:rgba(9,11,16,.78)}*{box-sizing:border-box}html,body,#game-shell,#game-canvas{width:100%;height:100%;margin:0;overflow:hidden}body{background:#05070b}canvas{display:block}.screen{position:absolute;inset:0;display:grid;place-items:center;background:radial-gradient(circle at 70% 25%,rgba(255,212,0,.16),transparent 38%),linear-gradient(120deg,rgba(3,5,9,.88),rgba(8,11,18,.6));z-index:20}.hidden{display:none!important}.brand{font-size:clamp(54px,11vw,142px);font-style:italic;font-weight:1000;letter-spacing:-.08em;color:var(--yellow);text-shadow:7px 7px #111}.screen>p{font-weight:700}.menu-card{width:min(760px,92vw);padding:42px;border:1px solid rgba(255,255,255,.16);border-radius:28px;background:var(--glass);backdrop-filter:blur(18px);box-shadow:0 30px 90px #000}.eyebrow{color:var(--yellow);font-weight:900;letter-spacing:.16em}.menu-card h1,.menu-card h2{margin:.15em 0;font-size:clamp(48px,9vw,96px);font-style:italic;letter-spacing:-.07em}.menu-card h2{font-size:56px}.menu-card p{color:#c8cbd2;line-height:1.7}.mode-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:28px 0}.mode-grid button,.wide{border:1px solid #444;border-radius:16px;padding:20px;text-align:left;background:#151821;color:#fff;cursor:pointer}.mode-grid button:hover,.mode-grid .primary,.wide{border-color:var(--yellow);background:var(--yellow);color:#111;transform:translateY(-2px)}.mode-grid b,.mode-grid span{display:block}.mode-grid span{font-size:12px;margin-top:8px;opacity:.72}.menu-card small{color:#8e929d}.wide{width:100%;text-align:center;font-weight:900;margin-top:10px}.wide.ghost{background:transparent;color:#fff;border-color:#555}#hud{position:absolute;inset:0;pointer-events:none;z-index:10}.topbar{position:absolute;top:max(18px,env(safe-area-inset-top));left:50%;transform:translateX(-50%);display:flex;gap:1px;background:#0008;border-radius:14px;overflow:hidden;backdrop-filter:blur(10px)}.topbar>div{padding:10px 24px;background:#10131acc}.topbar span,.speedo span{display:block;font-size:10px;color:#999;letter-spacing:.14em}.topbar b{font-size:14px}.mission{min-width:300px;text-align:center}.mission span{color:var(--yellow)}.timer{text-align:right}.speedo{position:absolute;right:30px;bottom:30px;width:170px;height:170px;border:5px solid #ffffff24;border-right-color:var(--yellow);border-radius:50%;display:grid;place-content:center;text-align:center;background:#0a0c12cc}.speedo strong{font:italic 900 58px/1 monospace}.boost{height:4px;width:90px;background:#333;margin-top:10px}.boost i{display:block;height:100%;width:100%;background:var(--yellow)}#minimap{position:absolute;left:26px;bottom:26px;border:2px solid #ffffff28;border-radius:50%;background:#080b11cc;box-shadow:0 12px 30px #000}.race-progress{position:absolute;bottom:28px;left:50%;transform:translateX(-50%);padding:10px 18px;border-radius:20px;background:#0a0c12cc;color:var(--yellow);font-weight:900}#notifications{position:absolute;top:100px;left:50%;transform:translateX(-50%);display:grid;gap:8px;text-align:center}.notice{padding:10px 18px;border-radius:20px;background:#090b10dd;border-left:3px solid var(--yellow);font-weight:800}#pause-button{pointer-events:auto;position:absolute;top:24px;right:24px;border:0;border-radius:50%;width:42px;height:42px;background:#111b;color:#fff}#touch-controls{display:none;position:absolute;inset:auto 20px 20px;justify-content:space-between;pointer-events:none}#touch-controls>div{display:flex;gap:10px}#touch-controls button{pointer-events:auto;width:70px;height:70px;border:1px solid #ffffff4d;border-radius:50%;background:#111b;color:#fff;font-weight:900}.touch-right button:last-child{background:#ffd400cc;color:#111}@media(max-width:760px),(pointer:coarse){.mode-grid{grid-template-columns:1fr}.menu-card{padding:25px}.menu-card h1{font-size:54px}.topbar{top:10px;width:calc(100% - 20px)}.topbar>div{padding:8px;flex:1}.district{display:none}.mission{min-width:0}.speedo{right:15px;bottom:105px;width:120px;height:120px}.speedo strong{font-size:42px}#minimap{left:15px;bottom:105px;width:140px;height:140px}.race-progress{bottom:90px}#touch-controls{display:flex}}
#test-controls{position:absolute;z-index:99;left:10px;top:10px;padding:8px;background:#000c}#test-controls button{margin:2px}#test-state{display:block;max-width:420px;font:11px monospace;color:#9f9}
.speedo{border:3px solid #4be3d055;border-right-color:#4be3d0;box-shadow:0 0 26px #4be3d018}.speedo strong{color:#4be3d0;text-shadow:0 0 14px #4be3d066}.speedo.warning strong{color:#ff8c42}.boost i{background:#4be3d0}