: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}#hud-clock{color:var(--hud-white);text-shadow:var(--hud-shadow);text-align:right;letter-spacing:2px;font-variant-numeric:tabular-nums;font-size:16px;font-weight:700;top:66px;right:26px}#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{opacity:.72;width:88px;height:88px;bottom:26px;left:26px}#minimap{background:#10141399;border-radius:50%;width:88px;height:88px;box-shadow:0 4px 18px #0000008c}.minimap-ring{pointer-events:none;border:2px solid #f4f4f08c;border-radius:50%;position:absolute;inset:-3px;box-shadow:0 0 0 2px #0006,inset 0 0 18px #0006}#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,#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 10px;margin-top:22px;font-size:12px;display:flex}.title-controls span{background:#ffffff0f;border:1px solid #ffffff1f;border-radius:999px;padding:4px 12px}.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-actions{justify-content:center;align-items:center;gap:14px;display:flex}#title-fullscreen{letter-spacing:2px;color:#f4f4f0;cursor:pointer;background:#0c10186b;border:2px solid #ffffff59;border-radius:14px;height:56px;padding:0 20px;font-family:inherit;font-size:16px;font-weight:700;transition:background .15s,transform .15s}#title-fullscreen:hover{background:#ff9d3c59;transform:translateY(-2px)}.title-qr{text-align:center;position:absolute;bottom:20px;right:22px}.title-qr img{border:3px solid #f4f4f0d9;border-radius:10px;width:96px;height:auto;box-shadow:0 4px 18px #00000073}.qr-text{color:#f4f4f0cc;text-shadow:var(--hud-shadow);margin-top:6px;font-size:11px}#click-to-play.resume .title-qr{display:none}@media (max-height:520px){#click-to-play{align-items:flex-start;overflow-y:auto}.title-card{margin:10px auto;padding:18px 24px 14px}.title-logo{letter-spacing:8px;font-size:32px}.title-sub{letter-spacing:5px;margin-top:4px;font-size:11px}.title-desc{margin-top:8px;font-size:12px;line-height:1.6}.title-controls{gap:6px;margin-top:10px;font-size:11px}.title-controls span{padding:2px 9px}#start-btn{letter-spacing:6px;margin-top:12px;padding:10px 36px;font-size:16px}.title-card .ctp-sub{margin-top:8px;font-size:11px}.title-qr img{width:52px;height:auto}.qr-text{font-size:10px}}html.force-rotate #click-to-play{align-items:flex-start;overflow-y:auto}html.force-rotate .title-card{margin:10px auto;padding:18px 24px 14px}html.force-rotate .title-logo{letter-spacing:8px;font-size:32px}html.force-rotate .title-sub{letter-spacing:5px;margin-top:4px;font-size:11px}html.force-rotate .title-desc{margin-top:8px;font-size:12px;line-height:1.6}html.force-rotate .title-controls{gap:6px;margin-top:10px;font-size:11px}html.force-rotate .title-controls span{padding:2px 9px}html.force-rotate #start-btn{letter-spacing:6px;margin-top:12px;padding:10px 36px;font-size:16px}html.force-rotate .title-card .ctp-sub{margin-top:8px;font-size:11px}html.force-rotate .title-qr img{width:52px;height:auto}html.force-rotate .qr-text{font-size:10px}.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 (max-width:720px){#minimap-wrap,#minimap{width:88px;height:88px}.loc-name{font-size:20px}#hud-controls{display:none}}#touch-controls{z-index:15;pointer-events:none;touch-action:none;-webkit-user-select:none;user-select:none;position:absolute;inset:0}#tc-look-zone{pointer-events:auto;touch-action:none;width:50%;height:100%;position:absolute;top:0;right:0}#tc-joy-zone{pointer-events:auto;touch-action:none;width:46%;height:100%;display:none;position:absolute;top:0;left:0}#tc-joystick{pointer-events:none;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0c101847;border:2px solid #ffffff59;border-radius:50%;width:112px;height:112px;display:none;position:absolute;transform:translate(-50%,-50%)}#tc-joy-knob{background:#ffffff73;border:2px solid #fff9;border-radius:50%;width:50px;height:50px;margin:-25px 0 0 -25px;position:absolute;top:50%;left:50%}.tc-btn,.tc-db{color:#fff;pointer-events:auto;touch-action:none;-webkit-backdrop-filter:blur(4px);background:#0c10186b;border:2px solid #ffffff61;border-radius:50%;font-family:inherit;font-weight:700;transition:background .12s,transform .12s}.tc-btn{width:56px;height:56px;font-size:14px}.tc-btn-big{width:70px;height:70px;font-size:17px}.tc-btn.active,.tc-db.active{background:#ff9d3c99;border-color:#fffc;transform:scale(1.08)}#tc-left{left:calc(16px + env(safe-area-inset-left,0px));bottom:calc(16px + env(safe-area-inset-bottom,0px));pointer-events:none;position:absolute}#tc-dpad{width:182px;height:182px;position:relative}.tc-db{background:#2b4a63b8;border:2px solid #ffffff4d;border-radius:16px;width:56px;height:56px;font-size:19px;position:absolute;box-shadow:0 3px #00000040}.tc-db.active{background:#3d6286e0}.tc-db.tc-center{color:#233;background:#f2c229d9;border-color:#fff3c480;font-size:16px;font-weight:800;top:63px;left:63px}.tc-db.tc-center.active{background:#ffd94de6}.tc-up{top:0;left:63px}.tc-left{top:63px;left:0}.tc-right{top:63px;left:126px}.tc-down{top:126px;left:63px}#tc-buttons{right:calc(14px + env(safe-area-inset-right,0px));bottom:calc(104px + env(safe-area-inset-bottom,0px));pointer-events:auto;grid-template-columns:repeat(2,auto);gap:10px;display:grid;position:absolute}.tc-btn.tc-on{background:#ff9d3c99;border-color:#fffc}.tc-btn.tc-gas{background:#2e9e5bb8;border-color:#baffd080;width:64px;height:64px;font-size:16px}.tc-btn.tc-gas.active{background:#35c76de0;border-color:#eafff2cc}#tc-sysbar{top:calc(12px + env(safe-area-inset-top,0px));left:calc(16px + env(safe-area-inset-left,0px));gap:8px;display:flex;position:absolute}#tc-fullscreen,#tc-camera{color:#fff;pointer-events:auto;touch-action:none;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0c10186b;border:2px solid #ffffff59;border-radius:10px;height:40px;padding:0 14px;font-family:inherit;font-size:14px;font-weight:700}#tc-fullscreen.active,#tc-camera.active{background:#ff9d3c99}@media (pointer:coarse){#hud-controls{font-size:11px;bottom:8px}#hud-location{top:60px;left:16px}#minimap-wrap{top:126px;bottom:auto;left:16px}}#loading-pct{letter-spacing:2px;color:#ffd9a0;text-shadow:0 2px 12px #ff9d3c73;font-variant-numeric:tabular-nums;margin-top:14px;font-size:34px;font-weight:800}#rotate-tip{z-index:100;pointer-events:none;top:calc(10px + env(safe-area-inset-top,0px));background:#080a0ed9;border:1px solid #ffffff26;border-radius:999px;flex-direction:row;justify-content:center;align-items:center;gap:10px;padding:10px 20px;display:none;position:fixed;left:50%;transform:translate(-50%);box-shadow:0 4px 16px #00000059}.rotate-phone{font-size:20px;animation:1.6s ease-in-out infinite rotateHint}.rotate-msg{color:#fff;letter-spacing:2px;white-space:nowrap;font-size:14px;font-weight:800}.rotate-sub{color:#ffffffa6;letter-spacing:1px;white-space:nowrap;font-size:12px}@keyframes rotateHint{0%,25%{transform:rotate(0)}65%,to{transform:rotate(-90deg)}}#rotate-tip.visible{display:flex}#app{height:100vh;height:var(--app-h,100dvh);position:fixed;inset:0;overflow:hidden}html.force-rotate #app{width:var(--app-h,100dvh);height:var(--app-w,100vw);transform:translateX(var(--app-w,100vw)) rotate(90deg);transform-origin:0 0}#radio-station{top:calc(12px + env(safe-area-inset-top,0px));letter-spacing:1px;color:#ffd9a0f2;text-shadow:0 2px 6px #0009;pointer-events:none;white-space:nowrap;font-size:14px;font-weight:700;display:none;position:absolute;left:50%;transform:translate(-50%)}