:root{--hud-white:#f4f4f0;--hud-shadow:0 1px 3px #000000e6, 0 0 1px #000;--accent:#ffb347;--steel:#48baa7}*{box-sizing:border-box;margin:0;padding:0}html,body,#app{-webkit-user-select:none;user-select:none;background:#0d0f0e;width:100%;height:100%;font-family:Segoe UI,Microsoft YaHei,PingFang SC,sans-serif;overflow:hidden}#game-canvas{width:100%;height:100%;display:block;position:absolute;inset:0}#loading-screen{z-index:40;background:radial-gradient(at 50% 40%,#1d2320 0%,#0b0d0c 70%);justify-content:center;align-items:center;transition:opacity .6s;display:flex;position:absolute;inset:0}#loading-screen.hidden{opacity:0;pointer-events:none}.loading-inner{text-align:center;width:min(420px,80vw)}.loading-logo{letter-spacing:12px;color:var(--hud-white);text-shadow:0 4px 24px #ffb34759;margin-bottom:6px;font-size:56px;font-weight:900}.loading-logo span{letter-spacing:8px;color:var(--accent);margin-top:4px;font-size:13px;display:block}.loading-bar{background:#ffffff1f;border-radius:3px;height:6px;margin-top:34px;overflow:hidden}#loading-fill{background:linear-gradient(90deg, var(--steel), var(--accent));border-radius:3px;width:0%;height:100%;transition:width .2s}#loading-text{color:#f4f4f0a6;letter-spacing:2px;margin-top:14px;font-size:13px}#hud{z-index:10;pointer-events:none;opacity:0;transition:opacity .5s;position:absolute;inset:0}#hud.visible{opacity:1}#hud>div{position:absolute}#hud-location{top:22px;left:26px}.loc-name{color:var(--hud-white);text-shadow:var(--hud-shadow);letter-spacing:3px;font-size:26px;font-weight:800}.loc-sub{color:#f4f4f0bf;text-shadow:var(--hud-shadow);letter-spacing:2px;margin-top:2px;font-size:12px}#hud-score{text-align:right;color:var(--hud-white);text-shadow:var(--hud-shadow);top:22px;right:26px}.score-label{letter-spacing:3px;color:var(--accent);font-size:12px;display:block}#hud-score strong{font-size:28px;font-weight:800}#toast{letter-spacing:3px;color:var(--hud-white);text-shadow:var(--hud-shadow);opacity:0;white-space:nowrap;font-size:20px;font-weight:700;transition:opacity .35s;top:14%;left:50%;transform:translate(-50%)}#toast.show{opacity:1}#minimap-wrap{width:220px;height:220px;bottom:26px;left:26px}#minimap{background:#101413;border-radius:50%;width:220px;height:220px;box-shadow:0 4px 18px #000000b3}.minimap-ring{pointer-events:none;border:3px solid #f4f4f0d9;border-radius:50%;position:absolute;inset:-3px;box-shadow:0 0 0 2px #0009,inset 0 0 18px #00000080}#hud-player{text-align:right;bottom:26px;right:26px}#char-name{color:var(--hud-white);text-shadow:var(--hud-shadow);letter-spacing:2px;font-size:22px;font-weight:800}#speed-value{color:var(--accent);text-shadow:var(--hud-shadow);margin-top:3px;font-size:14px;font-weight:700}#speedo{filter:drop-shadow(0 4px 14px #00000073);display:none;position:absolute;bottom:14px;right:18px}#hud.vehicle #speedo{display:block}#hud.vehicle #hud-player{bottom:200px}#hud.vehicle #speed-value{display:none}#hud-controls{color:#f4f4f0cc;text-shadow:var(--hud-shadow);letter-spacing:1px;gap:18px;font-size:12px;transition:opacity 1s;display:flex;bottom:26px;left:50%;transform:translate(-50%)}#hud-controls b{color:var(--accent)}#hud-controls.faded{opacity:.35}#click-to-play{z-index:20;cursor:pointer;background:radial-gradient(at 50% 35%,#141e28b8 0%,#06080ae0 75%);justify-content:center;align-items:center;display:none;position:absolute;inset:0}#click-to-play.visible{display:flex}.title-card{text-align:center;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0a0e108c;border:1px solid #ffb34740;border-radius:18px;max-width:min(640px,88vw);padding:44px 48px 36px;box-shadow:0 18px 60px #0000008c,inset 0 1px #ffffff14}.title-logo{letter-spacing:14px;color:var(--hud-white);text-shadow:0 6px 30px #ffb34773,0 2px 4px #000c;font-size:64px;font-weight:900}.title-sub{letter-spacing:9px;color:var(--accent);margin-top:8px;font-size:14px}.title-desc{letter-spacing:2px;color:#f4f4f0d9;margin-top:18px;font-size:15px}.title-controls{color:#f4f4f0c7;letter-spacing:1px;flex-wrap:wrap;justify-content:center;gap:8px 16px;margin-top:22px;font-size:12px;display:flex}.title-controls b{color:var(--accent)}#start-btn{letter-spacing:8px;color:#1a1206;cursor:pointer;background:linear-gradient(135deg,#ffcf6e,#ff9d3c);border:none;border-radius:999px;margin-top:28px;padding:14px 58px;font-size:22px;font-weight:800;transition:transform .15s,box-shadow .15s;box-shadow:0 8px 26px #ff9d3c66}#start-btn:hover{transform:translateY(-2px)scale(1.03);box-shadow:0 12px 32px #ff9d3c8c}.title-card .ctp-sub{margin-top:16px}#click-to-play .resume-hint,#click-to-play.resume .title-card{display:none}#click-to-play.resume .resume-hint{display:block}.ctp-inner{letter-spacing:8px;color:var(--hud-white);text-shadow:var(--hud-shadow);text-align:center;font-size:30px;font-weight:900}.ctp-sub{letter-spacing:3px;color:#f4f4f0b3;margin-top:10px;font-size:13px;font-weight:400}@media (width<=720px){#minimap-wrap,#minimap{width:140px;height:140px}.loc-name{font-size:20px}#hud-controls{display:none}}