@import "https://fonts.googleapis.com/css2?family=Barlow+Condensed:ital,wght@0,500;0,600;0,700;0,800;1,600;1,700;1,800&family=Noto+Sans+SC:wght@700;900&display=swap";:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--ink:#eff0df;--muted:#d1d9c9;--accent:#f8aa69;--accent-light:#ffd2a6;--accent-dark:#172e29;--near:#bfe8dc;--danger:#ff9c7a;--panel:#172d28;--line:#eff0df3b;--font-body:"PingFang SC", "Microsoft YaHei", sans-serif;--font-display:"Noto Sans SC", "PingFang SC", "Microsoft YaHei", sans-serif;--font-number:"Barlow Condensed", "DIN Alternate", "Arial Narrow", sans-serif;--skew:-10deg;--hud-shadow:0 1px 2px #081612b3, 0 0 14px #08161273;--radius-small:4px;--safe-top:env(safe-area-inset-top,0px);--safe-right:env(safe-area-inset-right,0px);--safe-bottom:env(safe-area-inset-bottom,0px);--safe-left:env(safe-area-inset-left,0px);font-family:var(--font-body);font-synthesis:none;text-rendering:optimizelegibility}*{box-sizing:border-box}html{overscroll-behavior:none}body{color:var(--ink);background:#b8d9d5;margin:0;overflow:hidden}button,a,input{-webkit-tap-highlight-color:transparent}button{touch-action:manipulation}body:not([data-input=touch]) [data-input-only=touch],body[data-input=touch] [data-input-only=keyboard]{display:none!important}button{color:inherit;font:inherit;cursor:pointer}button:disabled{opacity:.65;cursor:progress}button,input{accent-color:var(--accent)}button:focus-visible,a:focus-visible,input:focus-visible,canvas:focus-visible{outline:3px solid var(--accent);outline-offset:5px}button{border:0}button svg{fill:none;stroke:currentColor;stroke-width:1.8px;width:24px;height:24px}[hidden]{display:none!important}kbd{font:600 13px var(--font-number);letter-spacing:1px;border:1px solid var(--line);white-space:nowrap;border-bottom-width:2px;border-radius:3px;padding:2px 6px 1px}.edition-tag,.title-en,.hud-label i,.dialog-eyebrow i,.action-popup:before,.pedal i{font-family:var(--font-number);font-style:italic;font-weight:700}.hud-label{letter-spacing:2px;color:var(--muted);align-items:baseline;gap:7px;font-size:10px;display:inline-flex}.hud-label i{letter-spacing:2.5px;color:var(--accent);font-size:12px}.scene,.scene-shade,.hit-vignette{position:fixed;inset:0}.scene{touch-action:none}.scene canvas{width:100%;height:100%;display:block}.scene-shade{pointer-events:none;background:linear-gradient(90deg,#0d2620de 0%,#10261fb3 28%,#0000 68%),linear-gradient(#112b2238,#0000 16% 75%,#0c1f19bf)}.hit-vignette{opacity:0;pointer-events:none;box-shadow:inset 0 0 140px 50px #d75932}.topbar{z-index:3;justify-content:space-between;align-items:center;width:100%;padding:29px 42px;display:flex;position:fixed;top:0;left:0}.brand{color:var(--ink);font:900 18px var(--font-display);letter-spacing:3px;align-items:center;gap:12px;text-decoration:none;display:flex}.brand-mark{filter:drop-shadow(0 2px 8px #08161273);flex:none;width:42px;height:42px}.brand-mark-crown{fill:var(--ink)}.brand-mark-road{fill:var(--accent);transition:fill .16s}.brand:hover .brand-mark-road{fill:var(--accent-light)}.brand-name{transform:skewX(var(--skew));transform-origin:0 100%;font-weight:900;display:block}.brand small{font:400 10px var(--font-body);letter-spacing:3px;color:var(--muted);margin-top:5px;display:block}.route-label{color:#274b42;letter-spacing:1px;align-items:center;gap:12px;margin-left:auto;margin-right:42px;font-size:14px;font-weight:600;display:flex}.route-label small{letter-spacing:2px;opacity:.8;margin-top:4px;font-size:10px;font-weight:400;display:block}.route-shield{font:700 17px var(--font-number);border:1.5px solid;border-radius:3px 3px 8px 8px;padding:5px}.top-actions{align-items:center;gap:12px;display:flex}.quiet-button{border-radius:var(--radius-small);color:#234334;letter-spacing:1px;background:#e8eed22e;border:1px solid #233e3447;align-items:center;gap:8px;min-height:38px;padding:8px 12px;font-size:12px;display:flex}.quiet-button:hover{background:#eaf2d580}.quiet-button kbd{border-color:#233e3447;font-size:12px}.cover{width:400px;position:fixed;top:22%;left:6.2%}.edition{letter-spacing:3px;color:#cfdbc4;align-items:center;gap:10px;font-size:11px;display:flex}.edition-tag{color:var(--accent-dark);background:var(--accent);letter-spacing:2px;transform:skewX(var(--skew));padding:3px 10px 2px 8px;font-size:13px}.edition-divider{opacity:.45}h1{margin:22px 0 0}.title-cn{font:900 clamp(64px, 6.4vw, 96px) / 1 var(--font-display);letter-spacing:-2px;transform:skewX(var(--skew));transform-origin:0 100%;text-shadow:0 6px 24px #08161273;display:block}.title-cn em{color:var(--accent);font-style:normal}.title-en{letter-spacing:7px;align-items:center;gap:12px;margin-top:16px;font-size:20px;display:flex}.title-en:before{content:"";background:var(--accent);width:34px;height:3px;transform:skewX(var(--skew))}.cover-copy{color:var(--muted);margin:24px 0 26px;font-size:14px;line-height:1.85}.cover-route{border-top:1px solid var(--line);gap:40px;width:306px;margin:0;padding:14px 0 16px;display:flex}.cover-route dt{letter-spacing:3px;color:var(--muted);font-size:10px}.cover-route dd{font:700 16px var(--font-display);letter-spacing:1px;margin:6px 0 0}.start-button{width:306px;min-height:60px;font:900 17px var(--font-display);letter-spacing:6px;color:var(--accent-dark);background:var(--accent);transform:skewX(var(--skew));border-radius:2px;justify-content:space-between;align-items:center;padding:18px 24px;transition:background .16s,transform .16s;display:flex;box-shadow:0 10px 30px #f8aa6938}.start-button>*{transform:skewX(calc(var(--skew) * -1))}.start-button:hover{transform:skewX(var(--skew)) translateY(-2px);background:#ffc187}.start-button:disabled:hover{background:var(--accent);transform:skewX(var(--skew))}.cover-note{text-align:center;color:#c4d0be;letter-spacing:1px;width:306px;margin:12px 0 0;font-size:11px}.cover-note span{margin:0 6px}.cover-controls{color:var(--muted);gap:16px;margin-top:30px;font-size:11px;display:flex}.cover-controls>span{align-items:center;gap:7px;display:flex}.cover-controls kbd{font-size:12px}.touch-chip{border:1px solid var(--line);color:var(--ink);white-space:nowrap;border-radius:3px;padding:2px 6px;font-size:11px;font-weight:600}.scene-caption{text-shadow:0 1px 10px #24402b;align-items:flex-start;gap:14px;display:flex;position:fixed;top:57%;right:5%}.caption-rule{background:var(--accent);width:30px;height:2px;margin-top:6px}.scene-caption p{margin:0}.scene-caption small{letter-spacing:4px;color:var(--muted);font-size:10px;display:block}.scene-caption strong{font:900 26px / 1 var(--font-display);letter-spacing:1px;transform:skewX(var(--skew));transform-origin:0 100%;margin-top:7px;display:block}.scene-caption p>span{font:italic 600 14px var(--font-number);letter-spacing:1.5px;color:var(--muted);margin-top:8px;display:block}.camera-dock{z-index:2;width:min(510px,90vw);position:fixed;bottom:60px;left:50%;transform:translate(-50%)}.camera-dock-label{letter-spacing:3px;justify-content:space-between;align-items:center;margin-bottom:11px;padding:0 2px;font-size:11px;display:flex}.camera-dock-label kbd{padding:1px 5px;font-size:12px}.camera-options{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#172b229e;border:1px solid #f1f5db33;border-radius:6px;gap:4px;padding:5px;display:flex}.camera-options button{letter-spacing:1px;min-height:46px;color:var(--muted);background:0 0;border-radius:3px;flex:1;justify-content:center;align-items:center;gap:10px;font-size:13px;font-weight:600;transition:background .16s;display:flex;position:relative}.camera-options button>span{font:italic 700 17px var(--font-number);opacity:.6}.camera-options button[aria-pressed=true]{color:var(--accent-dark);background:var(--ink)}.camera-options button:not([aria-pressed=true]):hover{background:#f1f4dc1a}.cover-footer{color:#bdcbbb;letter-spacing:2px;justify-content:space-between;font-size:11px;display:flex;position:fixed;bottom:24px;left:42px;right:42px}.cover-footer #best-text{color:var(--ink);font-weight:600}body:not([data-phase=menu]) .scene-shade{background:linear-gradient(#0c1f1966,#0000 30% 68%,#091e19d1)}body:not([data-phase=menu]) .brand small{display:none}body:not([data-phase=menu]) .camera-dock{width:410px;bottom:78px}body:not([data-phase=menu]) .camera-dock-label{display:none}body:not([data-phase=menu]) .camera-options button{gap:7px;min-height:35px;font-size:12px}body:not([data-phase=menu]) .camera-options button>span{font-size:15px}body:not([data-phase=menu]) .quiet-button{color:var(--ink);border-color:var(--line);background:#10281e73}body:not([data-phase=menu]) .quiet-button kbd{border-color:var(--line)}.hud{pointer-events:none;position:fixed;inset:0}.journey{width:min(360px,30vw);color:var(--ink);text-shadow:var(--hud-shadow);position:absolute;top:30px;left:50%;transform:translate(-50%)}.journey-label{justify-content:space-between;align-items:baseline;margin-bottom:8px;display:flex}.journey-label strong{font:italic 700 24px / 1 var(--font-number);letter-spacing:.5px;font-variant-numeric:tabular-nums}.journey-track,.speed-track,.health-track,.combo-track{transform:skewX(var(--skew));background:#eff0df33}.journey-track{height:3px}.journey-track>div{background:var(--accent);height:100%}.journey-stage{letter-spacing:1px;color:var(--muted);justify-content:space-between;gap:12px;margin-top:7px;font-size:10px;display:flex}.scoreboard{color:var(--ink);text-shadow:var(--hud-shadow);flex-direction:column;align-items:flex-end;display:flex;position:absolute;top:104px;right:43px}.scoreboard>strong{font:italic 800 54px / 1 var(--font-number);letter-spacing:1px;font-variant-numeric:tabular-nums;margin-top:4px}.scoreboard p{letter-spacing:1px;color:var(--muted);margin:8px 0 10px;font-size:11px}.scoreboard p>span{opacity:.4;padding:0 9px}.scoreboard b{font:italic 700 15px var(--font-number);color:var(--ink)}.combo-status{text-align:right;min-width:150px;color:var(--accent)}.combo-status>span{font:italic 700 17px var(--font-number);letter-spacing:1px}.combo-track{height:3px;margin-top:6px}.combo-track>div{background:var(--accent);height:100%;margin-left:auto}.combo-status.is-pulse{animation:.32s ease-out combo-pulse}@keyframes combo-pulse{30%{color:var(--accent-light);transform:scale(1.12)}}.event-message{transform:translateX(-50%) translateY(-6px) skewX(var(--skew));border-left:4px solid var(--accent);max-width:70vw;color:var(--ink);letter-spacing:2px;opacity:0;background:linear-gradient(90deg,#132d23f0,#132d23b8);padding:10px 22px 10px 18px;font-size:14px;font-weight:600;transition:opacity .18s,transform .18s;position:absolute;top:19%;left:50%}.event-message.is-visible{opacity:1;transform:translateX(-50%) translateY(0) skewX(var(--skew))}.target-label{color:var(--accent-dark);background:var(--accent);font:900 11px var(--font-display);letter-spacing:1.5px;transform:translate(-50%, -120%) skewX(var(--skew));white-space:nowrap;padding:5px 9px;position:absolute}.target-label:after{content:"";border:4px solid #0000;border-top-color:var(--accent);position:absolute;top:100%;left:calc(50% - 4px)}.target-label b{font-weight:900}.target-label span{font:italic 800 12px var(--font-number);border:1px solid #172e2973;margin-left:6px;padding:0 4px}.target-label[data-timing=normal]{box-shadow:0 0 0 2px #f8aa6959}.target-label[data-timing=perfect]{box-shadow:0 0 0 3px var(--accent), 0 0 18px #f8aa69cc;background:#fff1dc;animation:.42s ease-in-out infinite alternate target-perfect}.target-label[data-timing=perfect]:after{border-top-color:#fff1dc}@keyframes target-perfect{to{box-shadow:0 0 0 5px var(--accent), 0 0 28px #f8aa69f2}}.action-popup{color:var(--accent);text-shadow:0 3px #08161273,0 2px 18px #0a1e18bf;opacity:0;white-space:nowrap;flex-direction:column;align-items:center;gap:4px;display:flex;position:absolute;top:30%;left:50%;transform:translate(-50%)}.action-popup:before{letter-spacing:6px;opacity:.85;font-size:14px}.action-popup[data-tone=near]:before{content:"NEAR MISS"}.action-popup[data-tone=stunt]:before{content:"TAKEDOWN"}.action-popup[data-tone=perfect]:before{content:"PERFECT TAKEDOWN"}.action-popup[data-tone=danger]:before{content:"CHAIN BROKEN"}.action-popup strong{font:900 24px var(--font-display);letter-spacing:4px;transform:skewX(var(--skew))}.action-popup span{font:italic 800 58px / 1 var(--font-number);letter-spacing:1px}.action-popup[data-tone=near]{color:var(--near)}.action-popup[data-tone=perfect]{color:var(--accent-light)}.action-popup[data-tone=perfect] span{font-size:76px}.action-popup[data-tone=danger]{color:var(--danger)}.action-popup.is-visible{animation:1.15s cubic-bezier(.2,.8,.3,1) forwards action-pop}@keyframes action-pop{0%{opacity:0;transform:translate(-50%)translateY(10px)scale(.82)}12%{opacity:1;transform:translate(-50%)translateY(0)scale(1.06)}24%{transform:translate(-50%)scale(1)}72%{opacity:1}to{opacity:0;transform:translate(-50%)translateY(-22px)scale(1)}}@keyframes action-fade{0%,70%{opacity:1}to{opacity:0}}body[data-motion=reduced] .action-popup.is-visible{animation-name:action-fade}body[data-motion=reduced] .combo-status.is-pulse,body[data-motion=reduced] .target-label[data-timing=perfect]{animation:none}.dashboard{width:190px;text-shadow:var(--hud-shadow);position:absolute;bottom:63px;left:43px}.speed-readout{align-items:baseline;gap:8px;margin-top:2px;display:flex}.speed-readout strong{font:italic 800 100px / .95 var(--font-number);letter-spacing:-1px;font-variant-numeric:tabular-nums}.speed-readout span{font:italic 700 15px var(--font-number);letter-spacing:2px;text-transform:uppercase;color:var(--muted)}.speed-track{height:4px;margin:12px 0 9px}.speed-track>div{background:var(--accent);height:100%}.gear-label{letter-spacing:2px;color:var(--muted);align-items:baseline;gap:8px;font-size:10px;display:flex}.gear-label b{font:italic 700 18px var(--font-number);letter-spacing:1px;color:var(--ink)}.car-status{margin-top:16px}.car-status>div:first-child{letter-spacing:2px;color:var(--muted);justify-content:space-between;align-items:baseline;font-size:10px;display:flex}.car-status strong{font:italic 700 16px var(--font-number);color:var(--ink)}.health-track{height:4px;margin-top:6px}.health-track>div{background:#d4dec4;height:100%}.car-status.is-low strong{color:var(--danger)}.car-status.is-low .health-track>div{background:var(--danger)}.stunt-button{pointer-events:auto;border:1px solid var(--line);border-radius:var(--radius-small);text-align:left;background:#14291fc2;align-items:center;gap:15px;min-width:277px;padding:16px;display:flex;position:absolute;bottom:95px;right:43px}.stunt-key{border:1px solid var(--line);width:34px;height:38px;font:italic 800 26px var(--font-number);transform:skewX(var(--skew));border-radius:3px;justify-content:center;align-items:center;display:flex}.stunt-button strong{font:900 17px var(--font-display);letter-spacing:3px;display:block}.stunt-button small{letter-spacing:1px;color:var(--muted);margin-top:6px;font-size:10px;display:block}.stunt-ring{font:italic 700 30px var(--font-number);margin-left:auto}.stunt-ring:after{content:"%";opacity:.6;margin-left:1px;font-size:14px}.stunt-button.is-ready{border-color:#f8aa6999}.stunt-button.is-ready .stunt-key{border-color:var(--accent);color:var(--accent)}.stunt-button.is-ready strong{color:var(--accent)}.stunt-button:hover{background:#263e2f}.driving-hints{white-space:nowrap;color:var(--muted);gap:20px;font-size:11px;display:flex;position:absolute;bottom:24px;left:50%;transform:translate(-50%)}.driving-hints span{align-items:center;gap:7px;display:flex}.driving-hints kbd{font-size:12px}body[data-input=touch]{--touch-edge:16px;--touch-height:92px;--touch-bottom:calc(14px + var(--safe-bottom));--touch-row:calc(var(--touch-bottom) + var(--touch-height) + 12px);-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}.touch-controls{left:calc(var(--touch-edge) + var(--safe-left));right:calc(var(--touch-edge) + var(--safe-right));bottom:var(--touch-bottom);height:var(--touch-height);pointer-events:auto;touch-action:none;gap:8px;display:flex;position:absolute}.steer-pad,.pedal{border:1px solid var(--line);border-radius:var(--radius-small);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);touch-action:none;background:#14291f9e}.steer-pad{flex-direction:column;flex:auto;justify-content:center;gap:8px;max-width:300px;margin-right:auto;padding:12px 14px;transition:border-color .12s;display:flex}.steer-pad .hud-label{letter-spacing:1px;gap:8px}.steer-rail{justify-content:space-between;align-items:center;height:32px;display:flex;position:relative}.steer-rail:before{content:"";height:3px;transform:skewX(var(--skew));background:#eff0df38;margin-top:-1.5px;position:absolute;top:50%;left:26px;right:26px}.steer-rail:after{content:"";background:#eff0df66;width:2px;height:12px;margin:-6px 0 0 -1px;position:absolute;top:50%;left:50%}.steer-rail svg{fill:none;width:20px;height:20px;stroke:var(--muted);stroke-width:2px}.steer-knob{z-index:1;top:50%;left:calc(50% + var(--steer,0) * (50% - 40px));background:var(--ink);width:28px;height:28px;transform:skewX(var(--skew));border-radius:2px;margin:-14px 0 0 -14px;position:absolute;box-shadow:0 2px 10px #08161273}.steer-pad.is-active{border-color:#f8aa69a6}.steer-pad.is-active .steer-knob{background:var(--accent)}.pedal{text-align:left;flex-direction:column;flex:0 0 76px;justify-content:space-between;align-items:flex-start;padding:12px;transition:background 90ms,transform 90ms;display:flex}.pedal i{letter-spacing:2px;color:var(--accent);font-size:11px}.pedal strong{font:900 18px var(--font-display);letter-spacing:3px;transform:skewX(var(--skew))}.pedal-brake{flex-basis:92px}.pedal.is-pressed{color:var(--accent-dark);background:var(--accent);border-color:var(--accent);transform:scale(.97)}.pedal.is-pressed i{color:var(--accent-dark)}body[data-input=touch] .dashboard{left:calc(var(--touch-edge) + var(--safe-left));bottom:var(--touch-row);width:150px}body[data-input=touch] .speed-readout strong{font-size:60px}body[data-input=touch] .speed-track{margin:8px 0 6px}body[data-input=touch] .car-status{margin-top:10px}body[data-input=touch] .stunt-button{right:calc(var(--touch-edge) + var(--safe-right));bottom:var(--touch-row);touch-action:none;gap:10px;width:176px;min-width:0;padding:10px 12px;transition:transform 90ms}body[data-input=touch] .stunt-button:hover{background:#14291fc2}body[data-input=touch] .stunt-button:active{transform:scale(.97)}body[data-input=touch] .stunt-button strong{letter-spacing:2px;font-size:15px}body[data-input=touch] .stunt-button small{margin-top:4px;font-size:9px;line-height:1.5}body[data-input=touch] .stunt-ring{font-size:24px;display:block}body[data-input=touch]:not([data-phase=menu]) .camera-dock{display:none}.game-dialog{border:1px solid var(--line);width:min(450px,90vw);max-height:90dvh;color:var(--ink);background:var(--panel);border-radius:8px;padding:39px;overflow-y:auto;box-shadow:0 20px 100px #00000040}.game-dialog::backdrop{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0b1c1794}.dialog-eyebrow{letter-spacing:3px;color:var(--muted);align-items:baseline;gap:10px;font-size:11px;display:flex}.dialog-eyebrow i{letter-spacing:3px;color:var(--accent);font-size:14px}.game-dialog h2{font:900 38px / 1.15 var(--font-display);letter-spacing:2px;transform:skewX(var(--skew));transform-origin:0 100%;margin:12px 0 4px;display:inline-block}.game-dialog p{color:var(--muted);font-size:13px;line-height:1.8}.game-dialog .start-button{width:100%;margin-top:27px}.pause-stats{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:16px 0 0;display:grid}.pause-stats dt,.result-stats dt{letter-spacing:2px;color:var(--muted);font-size:10px}.pause-stats dd{font:italic 700 26px var(--font-number);overflow-wrap:anywhere;margin:4px 0 0}.settings{border-top:1px solid var(--line);border-bottom:1px solid var(--line);flex-direction:column;gap:20px;margin-top:22px;padding:22px 0;display:flex}.settings label{justify-content:space-between;align-items:center;gap:20px;font-size:13px;display:flex}.settings input{cursor:pointer;width:19px;height:19px}.scoring-help{color:var(--muted);margin-top:18px;font-size:12px}.scoring-help summary{cursor:pointer;letter-spacing:2px}.scoring-help p{font-size:11px}.rule-list{margin:12px 0 0}.rule-list>div{border-bottom:1px solid #eff0df1a;grid-template-columns:66px minmax(0,1fr);gap:10px;padding:8px 0;display:grid}.rule-list dt{color:var(--ink);font-size:12px}.rule-list dd{margin:0}.rule-list b{font:italic 700 16px var(--font-number);letter-spacing:.5px;color:var(--accent)}.rule-list small{margin-top:3px;font-size:11px;line-height:1.6;display:block}.settle-button{width:100%;color:var(--ink);border:1px solid var(--line);border-radius:var(--radius-small);letter-spacing:2px;background:0 0;margin-top:12px;padding:14px;font-size:13px}.settle-button:hover{border-color:var(--accent);color:var(--accent)}.dialog-actions{justify-content:space-between;margin-top:18px;display:flex}.dialog-actions button,.result-back{letter-spacing:1px;color:var(--muted);background:0 0;padding:8px 0;font-size:12px}.dialog-actions button:hover,.result-back:hover{color:var(--accent)}.result-score{border-top:1px solid var(--line);flex-direction:column;align-items:center;margin-top:18px;padding-top:20px;display:flex}.result-score>span{letter-spacing:3px;color:var(--muted);font-size:11px}.result-score strong{overflow-wrap:anywhere;max-width:100%;color:var(--accent);font:italic 800 clamp(48px, 8vw, 84px) / 1.1 var(--font-number);letter-spacing:1px}.game-dialog .result-breakdown{letter-spacing:1px;text-align:center;font-size:11px}.result-stats{text-align:center;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:22px 0;display:grid}.result-stats dd{color:var(--ink);font:italic 700 26px var(--font-number);overflow-wrap:anywhere;margin:5px 0 0}.game-dialog .result-records{letter-spacing:1px;color:var(--accent);text-align:center;font-size:11px}.result-back{width:100%;margin-top:15px;display:block}.loading-error{z-index:10;color:#ffdbb3;border:1px solid var(--accent);background:#253d31;border-radius:5px;max-width:85vw;padding:24px;line-height:1.8;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}@media (width<=1100px){.topbar{padding:24px}.cover{top:21%;left:5%}.scene-caption{display:none}.route-label{margin-right:22px}.cover-footer{left:24px;right:24px}.dashboard{width:150px;left:24px}.speed-readout strong{font-size:80px}.stunt-button{gap:10px;min-width:205px;padding:12px;right:24px}.stunt-ring{display:none}body:not([data-phase=menu]) .camera-dock{width:340px}.journey{width:26vw;left:48%}body:not([data-phase=menu]) .route-label{display:none}}@media (height<=760px) and (width>=761px){.cover{top:18%}.title-cn{font-size:70px}.title-en{margin-top:12px;font-size:17px}.cover-copy{margin:18px 0 14px}.cover-controls{margin-top:20px}.cover-route{padding:10px 0 12px}.camera-dock{width:410px;bottom:46px;left:auto;right:5%;transform:none}body:not([data-phase=menu]) .camera-dock{left:50%;right:auto;transform:translate(-50%)}}@media (width<=760px){.topbar{padding:calc(19px + var(--safe-top)) calc(19px + var(--safe-right)) 19px calc(19px + var(--safe-left))}.brand{gap:8px;font-size:15px}.brand small{font-size:8px}.brand-mark{width:32px;height:32px}.route-label{display:none}.top-actions{gap:5px}.quiet-button{padding:7px;font-size:11px}.quiet-button kbd{display:none}.cover{top:calc(19% + var(--safe-top));width:86%;left:7%}.title-cn{font-size:64px}.title-en{letter-spacing:5px;font-size:15px}.cover-copy{margin:20px 0 18px;font-size:13px}.cover-controls{flex-wrap:wrap;gap:11px;margin-top:24px}.cover-footer>span:first-child{display:none}.cover-footer{bottom:calc(18px + var(--safe-bottom));justify-content:center}.camera-dock{bottom:calc(50px + var(--safe-bottom))}.camera-options button{letter-spacing:0;white-space:nowrap;gap:5px;font-size:12px}.camera-options button>span{font-size:14px}.scene-shade{background:linear-gradient(90deg,#0c231cd9,#0c231c1f),linear-gradient(#0000 55%,#0c231ccc)}.journey{top:calc(80px + var(--safe-top));left:calc(19px + var(--safe-left));width:min(200px,44vw);transform:none}.journey-label strong{font-size:20px}.journey-stage{flex-wrap:wrap;gap:5px}.scoreboard{right:calc(19px + var(--safe-right));top:calc(80px + var(--safe-top))}.scoreboard>strong{font-size:34px}.scoreboard .hud-label{font-size:9px}.event-message{width:max-content;max-width:88vw;font-size:12px;top:25%}.dashboard{width:125px;bottom:155px;left:19px}.speed-readout strong{font-size:64px}.car-status{margin-top:12px}.stunt-button{min-width:0;padding:10px;bottom:155px;right:19px}.stunt-key{width:27px}.stunt-button strong{font-size:13px}.stunt-button small{max-width:95px;font-size:9px;line-height:1.5}body:not([data-phase=menu]) .camera-dock{width:calc(100% - 38px);bottom:75px}.driving-hints{flex-wrap:wrap;justify-content:center;gap:10px;width:92%;font-size:9px;bottom:23px}.driving-hints kbd{font-size:10px}.game-dialog{padding:25px}.game-dialog h2{font-size:30px}.result-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.action-popup{top:34%}.action-popup:before{letter-spacing:4px;font-size:11px}.action-popup strong{font-size:17px}.action-popup span{font-size:40px}.action-popup[data-tone=perfect] span{font-size:50px}}@media (width<=760px) and (orientation:portrait){.cover{top:auto;bottom:calc(150px + var(--safe-bottom))}body[data-phase=menu] .scene-shade{background:linear-gradient(#0c231c73 0%,#0000 14% 28%,#0c231cc7 48%,#0c231ce6 100%)}body[data-phase=menu] .quiet-button{color:var(--ink);border-color:var(--line);background:#10281e73}}@media (width<=760px) and (orientation:portrait) and (height<=720px){.cover-route{display:none}.title-cn{font-size:54px}.cover-copy{margin:14px 0 16px}.cover-controls{margin-top:16px}.event-message{top:30%}body[data-input=touch]{--touch-height:84px}body[data-input=touch] .speed-readout strong{font-size:48px}}@media (height<=500px) and (orientation:landscape){body[data-input=touch]{--touch-height:76px;--touch-bottom:calc(10px + var(--safe-bottom))}body[data-input=touch] .steer-pad{max-width:min(300px,100% - 372px)}body[data-input=touch] .stunt-button{bottom:var(--touch-bottom);right:calc(var(--touch-edge) + var(--safe-right) + 186px);height:var(--touch-height)}body[data-input=touch] .speed-readout strong{font-size:44px}body[data-input=touch] .scoreboard{top:70px}body[data-input=touch] .scoreboard>strong{font-size:40px}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important}.combo-status.is-pulse,.target-label[data-timing=perfect]{animation:none}.action-popup.is-visible{animation-name:action-fade}}