:root{color-scheme:dark;--bg:#0b0e10;--panel:#14191c;--edge:#343b3f;--text:#f3f4f2;--muted:#a2a8ac;--highlight:#dfff32;font-family:Arial,"PingFang SC","Microsoft YaHei",sans-serif;font-synthesis:none}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text)}button,input,summary,a{-webkit-tap-highlight-color:transparent}button,input{font:inherit}button,summary{cursor:pointer}button{color:inherit}button:disabled{cursor:wait;opacity:.6}button:focus-visible,a:focus-visible,summary:focus-visible,input:focus-visible{outline:2px solid var(--highlight);outline-offset:5px}button{border:0}button svg,summary svg{fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}[hidden]{display:none!important}.shell{max-width:1920px;margin:0 auto;background:radial-gradient(ellipse at 48% 0,#161b1d 0,transparent 42%),#0b0e10}.topbar{height:clamp(65px,7.4vw,88px);padding:0 2.6%;display:flex;align-items:center;justify-content:space-between;gap:20px;border-bottom:1px solid #30373a;background:linear-gradient(135deg,#0a0d0f,#151a1c 80%,#090c0d)}.brand{display:flex;align-items:center;gap:clamp(20px,2.5vw,42px);color:var(--text);text-decoration:none;white-space:nowrap}.brand strong{font-size:clamp(28px,3.3vw,48px);font-weight:900;letter-spacing:1.8px;transform:scaleX(1.22);transform-origin:left center;margin-right:22px;line-height:1}.brand i{height:35px;border-left:1px solid #798187;transform:skew(-29deg)}.brand>span{font-size:clamp(19px,2vw,30px);font-weight:600;letter-spacing:3px}.top-status{display:flex;align-items:center;gap:12px;font-size:clamp(15px,1.55vw,22px);white-space:nowrap}.version{font-size:10px;letter-spacing:1px;color:#737d83;margin-left:6px}.status-dot{display:inline-block;width:9px;height:9px;flex-shrink:0;background:#5d656a;border-radius:50%}.status-dot.ok{background:var(--highlight);box-shadow:0 0 12px #dfff3233}.status-dot.warn{background:#f4b66c}.workspace{display:grid;grid-template-columns:24% 42% 34%;min-height:480px;height:clamp(500px,40.45vw,760px);position:relative;isolation:isolate;background:linear-gradient(115deg,#090c0d,#0a0d0e 55%,#141a1e)}.sound-panel{padding:clamp(20px,2vw,36px) 12px 16px 6%;border-right:1px solid #303638;position:relative;z-index:3;display:flex;flex-direction:column;justify-content:center}.presets{display:grid;grid-template-rows:repeat(4,minmax(0,1fr));gap:12px;height:89%;max-height:630px}.preset{--cut:19px;position:relative;display:flex;align-items:center;gap:clamp(12px,1.6vw,27px);text-align:left;min-width:0;width:100%;padding:15px 7%;background:#3a4246;clip-path:polygon(var(--cut) 0,100% 0,100% calc(100% - var(--cut)),calc(100% - var(--cut)) 100%,0 100%,0 var(--cut));isolation:isolate}.preset:before{content:"";position:absolute;inset:1px;z-index:-1;clip-path:inherit;background:linear-gradient(135deg,#1b2226,#111619)}.preset[aria-checked=true]{background:var(--highlight);color:#0b1002}.preset[aria-checked=true]:before{background:linear-gradient(120deg,#d4f925,#e4ff40)}.preset:hover:before{filter:brightness(1.12)}.preset-wave{width:clamp(38px,4.8vw,70px);flex-shrink:0;height:58px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round}.preset-title{display:flex;flex-direction:column;gap:8px;min-width:0}.preset-title strong{font-family:"Arial Narrow",Arial,sans-serif;font-size:clamp(15px,1.45vw,24px);font-weight:750;letter-spacing:-.4px;white-space:nowrap}.preset-title>span{font-size:clamp(14px,1.45vw,23px);white-space:nowrap;color:#b8c0c5}.preset[aria-checked=true] .preset-title>span{color:#101600}.preset-indicator{width:9px;height:9px;border-top:2px solid;border-right:2px solid;transform:rotate(45deg);flex-shrink:0;margin-left:auto}.rail-caption{display:flex;justify-content:space-between;font-size:9px;letter-spacing:1.6px;color:#68737b;margin:20px 5px 0}.rail-caption>span{letter-spacing:.5px}.cockpit{padding:24px 7% 15px;display:flex;flex-direction:column;align-items:stretch;justify-content:center;position:relative;z-index:2;min-width:0}.micro-label{font-size:clamp(16px,1.45vw,23px);color:#aeb5b9;font-weight:450;letter-spacing:.5px}.tachometer{text-align:center;width:100%;padding-top:0}.rpm-readout>div{display:flex;justify-content:center;align-items:baseline;gap:12px;margin-top:8px}.rpm-readout strong{font-family:Arial,sans-serif;font-size:clamp(46px,5.1vw,80px);font-weight:800;letter-spacing:-3px;line-height:1.05;font-variant-numeric:tabular-nums}.rpm-unit{font-size:clamp(15px,1.45vw,23px);color:var(--muted)}.tach-svg{width:100%;overflow:visible;margin-top:17px;display:block}.track,.active-arc{fill:none;stroke-width:40;stroke-linecap:butt}.track{stroke:#343c41}.active-arc{stroke:var(--highlight);stroke-dasharray:0 100}.tach-axis{stroke:#879096;stroke-width:1;fill:none}.needle{stroke:#dfff3277;stroke-width:1;fill:none}.tach-svg line{stroke:#879096;stroke-width:1}.tach-svg text{fill:#a6adb2;font-family:Arial,sans-serif;font-size:15px;text-anchor:middle;font-variant-numeric:tabular-nums}.speed-readout{text-align:center;margin-top:20px}.speed{display:flex;align-items:center;flex-direction:column;margin-top:10px}.speed strong{font-size:clamp(105px,11.65vw,188px);font-family:Arial,sans-serif;font-weight:800;letter-spacing:-8px;line-height:1.02;font-variant-numeric:tabular-nums}.speed>span{font-size:clamp(19px,2vw,29px);color:#aeb5b9;line-height:1.3;margin-top:0}.drive-meta{display:grid;grid-template-columns:1fr 1.25fr;margin:23px auto 0;max-width:450px}.drive-meta>div{display:flex;flex-direction:column;align-items:center;gap:8px}.drive-meta>div+div{border-left:1px solid #5c666c}.drive-meta>div>span{font-size:clamp(14px,1.45vw,23px);color:#a9b1b7;white-space:nowrap}.drive-meta b{font-size:clamp(33px,4vw,62px);font-weight:750;letter-spacing:-1.5px;line-height:1;font-variant-numeric:tabular-nums}.drive-meta small{margin-left:6px;font-size:clamp(14px,1.4vw,22px);color:#aeb5b9;white-space:nowrap}.driving-state{position:relative;display:flex;align-items:center;justify-content:center;gap:12px;margin-top:18px;color:#79858b;font-size:10px;min-height:20px}.driving-state p{margin:0}.load-track{width:32px;height:2px;background:#343c41;overflow:hidden}.load-track>span{display:block;height:100%;background:var(--highlight);width:0}.live-badge{display:flex;align-items:center;gap:5px;border-left:1px solid #394247;padding-left:10px}.live-badge>span{width:4px;height:4px;background:#69757c;border-radius:50%}.live-badge.active>span{background:var(--highlight)}.car-stage{position:relative;min-width:0;overflow:hidden;background:#0c1012;border-left:1px solid #1c2326}.car-image{position:absolute;width:164%;height:auto;object-fit:contain;max-width:none;left:-50%;bottom:0;z-index:1;mask-image:linear-gradient(to bottom,#0000 0,#000 39%);-webkit-mask-image:linear-gradient(to bottom,#0000 0,#000 39%)}.car-stage:after{content:"";position:absolute;inset:0;z-index:2;pointer-events:none;background:linear-gradient(90deg,#090d0e8c,transparent 35%),linear-gradient(0deg,#090d0e 0,transparent 22%)}.engine-mark{position:absolute;top:14px;right:4%;z-index:0;font-family:Arial,sans-serif;font-size:clamp(145px,21vw,330px);font-style:italic;font-weight:950;letter-spacing:-22px;color:#555d625c;line-height:1.1}.car-caption{position:absolute;bottom:21px;left:12%;z-index:3}.car-caption>span{font-size:9px;letter-spacing:3px;color:#8b949a}.car-caption h1{font-size:16px;letter-spacing:2px;font-weight:500;margin:9px 0 0;color:#b7bfc4}.control-dock{display:grid;grid-template-columns:1.75fr 1.15fr 1.4fr .32fr .56fr;gap:12px;align-items:center;position:relative;z-index:5;padding:27px 2.1%;border-top:1px solid #343b3e;background:linear-gradient(110deg,#101517,#0c1012 70%);min-height:124px}.mode-switch{display:grid;grid-template-columns:1.12fr 1fr;gap:10px}.mode-switch button,.start-button,.mute-button,.help summary{--cut:15px;min-height:74px;padding:12px 13px;display:flex;align-items:center;justify-content:center;gap:13px;white-space:nowrap;position:relative;background:#343c41;clip-path:polygon(var(--cut) 0,calc(100% - var(--cut)) 0,100% var(--cut),100% calc(100% - var(--cut)),calc(100% - var(--cut)) 100%,0 100%,0 var(--cut));isolation:isolate}.mode-switch button:before,.mute-button:before,.help summary:before{content:"";position:absolute;inset:1px;clip-path:inherit;z-index:-1;background:linear-gradient(130deg,#191f23,#111619)}.mode-switch button{font-size:clamp(13px,1.25vw,21px);font-weight:600}.mode-switch button svg{width:32px;height:32px;flex-shrink:0}.mode-switch button.selected{background:var(--highlight)}.mode-switch button.selected:before{background:#0f1417}.mode-switch button.selected svg{color:var(--highlight)}.start-button{background:var(--highlight);color:#111800;font-size:clamp(19px,1.75vw,29px);font-weight:700}.start-button svg{width:27px;height:27px;fill:currentColor;stroke:none}.stop-icon,.running .play-icon{display:none}.running .stop-icon{display:block}.start-button:hover{background:#e7ff63}.volume-control{display:flex;align-items:center;gap:17px;min-width:0;padding:0 13px;font-size:clamp(14px,1.3vw,22px);color:#c6cbd0}.volume-control label{white-space:nowrap}.volume-control>span{font-variant-numeric:tabular-nums;min-width:42px;white-space:nowrap}.volume-control input{min-width:30px;flex:1;width:100%;height:38px}input[type=range]{accent-color:var(--highlight);cursor:pointer;appearance:none;-webkit-appearance:none;background:transparent}input[type=range]::-webkit-slider-runnable-track{height:7px;border-radius:7px;background:linear-gradient(to right,var(--highlight) 0,var(--highlight) var(--level,28%),#3c4347 var(--level,28%),#3c4347 100%)}input[type=range]::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;height:22px;width:22px;margin-top:-7.5px;border:0;border-radius:50%;background:#f5f5f2;box-shadow:0 1px 3px #0005}input[type=range]::-moz-range-track{height:7px;background:#3c4347;border-radius:7px}input[type=range]::-moz-range-progress{height:7px;background:var(--highlight)}input[type=range]::-moz-range-thumb{height:22px;width:22px;border:0;background:#f5f5f2;border-radius:50%}.mute-button{padding:12px;min-width:49px}.mute-button svg{width:30px;height:30px}.mute-slash{display:none}#mute-button[aria-pressed=true] .mute-slash{display:block}#mute-button[aria-pressed=true]{color:var(--highlight)}.help{min-width:0}.help summary{list-style:none;font-size:clamp(12px,1.05vw,18px);gap:8px;padding:12px 10px}.help summary::-webkit-details-marker{display:none}.help summary svg{width:26px;height:26px;flex-shrink:0}.help[open] summary{color:var(--highlight)}.help-content{position:absolute;right:2.1%;bottom:calc(100% + 12px);width:min(820px,95.8%);max-height:70vh;overflow:auto;padding:26px 30px;background:#151b1ff5;border:1px solid #515c62;box-shadow:0 20px 60px #0008;backdrop-filter:blur(20px);font-size:13px;color:#b4bec5;line-height:1.8}.help-heading{display:flex;justify-content:space-between;align-items:center;gap:10px;color:var(--text);font-size:17px;margin-bottom:14px}.help-heading>span{color:var(--highlight);font-size:11px}.help-content>p{margin:6px 0}.help-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px 28px;border-top:1px solid #394247;margin-top:18px;padding-top:8px}.help h3{font-size:14px;margin:12px 0 5px;color:var(--text)}.help-grid p{margin:0}.diagnostics{font-size:11px;border-top:1px solid #394247;margin-top:18px;padding-top:13px;color:#8f9da5}.manual-controls{display:grid;grid-template-columns:auto minmax(130px,1fr) auto;align-items:center;gap:28px;padding:18px 3%;border-top:1px solid #30383e;background:#141c20}.slider-caption{display:flex;gap:20px;align-items:center;font-size:14px;color:#b6c0c7}.slider-caption strong{font-size:16px;color:var(--highlight);min-width:74px;font-variant-numeric:tabular-nums}.manual-controls input{width:100%;height:44px;--level:0%}.demo-button{display:flex;align-items:center;justify-content:space-between;gap:25px;font-size:14px;padding:15px 20px;border:1px solid #4b585f;background:#1d272c;color:var(--text)}.demo-button span{color:var(--highlight)}.status-strip{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:13px 2.6%;border-top:1px solid #262e33;color:#819098;font-size:11px;line-height:1.5;background:#0b1012}.signal-line{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.signal-line .status-dot{width:5px;height:5px}.signal-accuracy{color:#65737c}.notice{display:flex;align-items:center;gap:7px}.notice svg{width:15px;height:15px;flex-shrink:0;fill:none;stroke:currentColor;stroke-width:1.2}.notice.warning{color:#edbb7d}footer{display:flex;justify-content:space-between;padding:10px 2.6% 12px;font-size:9px;color:#4f5e66;letter-spacing:1.1px;border-top:1px solid #192227}
@media(min-width:1100px) and (max-height:800px){.topbar{height:66px}.workspace{height:calc(100svh - 230px);min-height:430px;max-height:660px}.cockpit{padding-top:14px;padding-bottom:10px}.rpm-readout strong{font-size:clamp(43px,6.8vh,70px)}.tach-svg{margin-top:12px}.speed-readout{margin-top:12px}.speed strong{font-size:clamp(108px,18vh,160px)}.drive-meta{margin-top:16px}.drive-meta b{font-size:clamp(36px,6vh,55px)}.driving-state{margin-top:12px}.presets{height:90%;gap:10px}.rail-caption{margin-top:14px}.control-dock{padding-top:21px;padding-bottom:21px;min-height:116px}}
@media(max-width:1190px){.workspace{grid-template-columns:25% 43% 32%}.sound-panel{padding-left:16px}.preset{gap:12px;padding:12px 7%}.preset-wave{width:40px}.preset-title strong{font-size:15px}.preset-title>span{font-size:14px}.preset-indicator{width:7px;height:7px}.control-dock{gap:9px;grid-template-columns:1.82fr 1.1fr 1.2fr .32fr .44fr;padding-left:16px;padding-right:16px}.mode-switch{gap:7px}.mode-switch button{gap:8px;padding:12px 9px;font-size:13px}.mode-switch button svg{width:27px;height:27px}.volume-control{gap:10px;padding:0 6px}.help summary>span{display:none}.help summary svg{width:28px;height:28px}.rail-caption{font-size:8px;letter-spacing:.8px}.car-caption{left:9%}.car-caption>span{letter-spacing:1.8px}}
@media(max-width:900px){.topbar{height:69px;padding:0 22px}.brand{gap:18px}.brand strong{font-size:28px;margin-right:17px}.brand i{height:26px}.brand>span{font-size:18px;letter-spacing:1px}.version{display:none}.top-status{font-size:13px;gap:8px}.workspace{grid-template-columns:29% 47% 24%;height:530px;min-height:0}.sound-panel{padding:24px 9px 20px 12px}.presets{gap:10px;height:90%}.preset{padding:15px 12px;gap:10px;--cut:13px}.preset-wave{width:29px}.preset-title strong{font-size:13px}.preset-title>span{font-size:12px;letter-spacing:-.2px}.preset-indicator{display:none}.rail-caption{font-size:7px;margin-top:15px;display:block}.rail-caption>span{display:none}.cockpit{padding:24px 7% 20px}.rpm-readout strong{font-size:49px}.micro-label{font-size:16px}.rpm-unit{font-size:14px}.speed-readout{margin-top:23px}.speed strong{font-size:118px;letter-spacing:-6px}.speed>span{font-size:20px}.drive-meta{margin-top:25px}.drive-meta>div>span{font-size:13px}.drive-meta b{font-size:40px}.drive-meta small{font-size:12px;margin-left:4px}.driving-state{gap:7px;font-size:8px;margin-top:22px}.load-track{display:none}.car-image{width:280%;left:-122%;object-position:60%}.car-caption{left:12px;bottom:28px}.car-caption>span{font-size:7px;letter-spacing:1px}.car-caption h1{font-size:11px;letter-spacing:1px}.engine-mark{font-size:142px;letter-spacing:-13px;right:-12px;top:25px}.control-dock{grid-template-columns:1.2fr 1fr 1fr 52px;gap:12px;padding:19px 18px}.mode-switch{grid-column:1/3}.mode-switch button{font-size:14px;min-height:62px}.start-button{grid-column:3/5;min-height:62px;font-size:20px}.volume-control{grid-column:1/3;padding:0 8px;gap:20px;font-size:15px}.mute-button{grid-column:3;min-height:53px}.help{grid-column:4}.help summary{min-height:53px}.status-strip{align-items:flex-start;flex-direction:column;gap:9px;padding:13px 20px}.manual-controls{grid-template-columns:1fr auto;gap:4px 20px;padding:15px 22px}.manual-controls input{grid-column:1;grid-row:2}.demo-button{grid-column:2;grid-row:1/3;font-size:12px;padding:14px}.slider-caption{gap:15px;font-size:13px}.help-content{right:18px;width:calc(100% - 36px)}footer{padding:12px 20px;font-size:8px}}
@media(max-width:560px){.topbar{height:65px;padding:0 18px}.brand{gap:14px}.brand strong{font-size:24px;margin-right:9px}.brand i{height:23px}.brand>span{font-size:13px;letter-spacing:.5px}.top-status{font-size:10px;gap:6px}.top-status .status-dot{width:6px;height:6px}.workspace{height:auto;display:grid;grid-template-columns:1fr}.sound-panel{grid-row:2;border-right:0;border-top:1px solid #30383e;padding:17px 18px 19px}.presets{grid-template-columns:1fr 1fr;grid-template-rows:repeat(2,78px);height:auto;gap:9px}.preset{padding:10px 12px;gap:9px}.preset-wave{width:26px;height:37px}.preset-title{gap:5px}.preset-title strong{font-size:12px;letter-spacing:-.3px}.preset-title>span{font-size:11px}.rail-caption{display:none}.cockpit{grid-row:1;min-height:438px;padding:27px 10% 27px;background:linear-gradient(90deg,#0a0d0ff2,#0a0d0fa1 65%,#0a0d0fd2);text-shadow:0 2px 15px #0006}.car-stage{position:absolute;top:0;right:0;width:100%;height:438px;z-index:0;border:0;opacity:.42;pointer-events:none}.engine-mark{font-size:190px;right:0;top:0}.car-image{width:155%;left:-23%;mask-image:linear-gradient(to bottom,#0000,#000 45%);-webkit-mask-image:linear-gradient(to bottom,#0000,#000 45%)}.car-caption{display:none}.micro-label{font-size:14px}.rpm-readout strong{font-size:46px;letter-spacing:-2px}.rpm-readout>div{margin-top:6px}.tach-svg{margin-top:11px}.speed-readout{margin-top:17px}.speed{margin-top:5px}.speed strong{font-size:112px;letter-spacing:-5px}.speed>span{font-size:17px}.drive-meta{margin-top:18px}.drive-meta>div{gap:8px}.drive-meta>div>span{font-size:13px}.drive-meta b{font-size:37px}.driving-state{margin-top:17px;font-size:9px}.control-dock{padding:16px 18px;grid-template-columns:1fr 1fr 48px;gap:10px}.mode-switch{grid-column:1/4;gap:10px}.mode-switch button{min-height:58px;font-size:14px;gap:12px}.mode-switch button svg{width:26px;height:26px}.start-button{grid-column:1/3;grid-row:2;font-size:19px;min-height:61px}.mute-button{grid-column:3;grid-row:2;min-height:61px}.volume-control{grid-column:1/3;grid-row:3;gap:12px;font-size:12px;padding:0 2px;min-height:48px}.volume-control>span{min-width:31px}.help{grid-column:3;grid-row:3}.help summary{min-height:48px;padding:9px}.help summary svg{width:25px;height:25px}.manual-controls{grid-template-columns:1fr;gap:5px;padding:16px 20px}.manual-controls input{grid-column:1;grid-row:2}.demo-button{grid-column:1;grid-row:3;margin-top:8px}.slider-caption{justify-content:space-between}.status-strip{font-size:10px;padding:12px 18px;gap:8px}.signal-line{gap:7px}.help-content{padding:20px;max-height:65vh}.help-grid{grid-template-columns:1fr;gap:5px}.help-heading{font-size:14px;align-items:flex-start}.help-heading>span{font-size:9px}footer{font-size:7px;letter-spacing:.4px;gap:12px;padding:11px 18px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto}}
/* Keep the instruments inside the grid at short car-browser heights. */
.workspace{grid-template-rows:minmax(0,1fr)}.cockpit{min-height:0}.driving-state{position:absolute;bottom:10px;left:0;right:0}.car-stage{margin-left:-12%;width:112%;border-left:0}.engine-mark{right:10%}.speed strong{transform:scaleX(1.15)}
@media(min-width:901px) and (max-height:800px){.topbar{height:66px}.workspace{height:calc(100svh - 225px);min-height:345px}.cockpit{padding-top:16px;padding-bottom:28px}.micro-label{font-size:clamp(13px,2.1vh,18px)}.rpm-readout strong{font-size:clamp(35px,7vh,64px)}.tach-svg{margin-top:12px}.speed-readout{margin-top:15px}.speed strong{font-size:clamp(90px,17vh,155px)}.speed>span{font-size:clamp(17px,2.7vh,24px)}.drive-meta{margin-top:18px}.drive-meta>div>span{font-size:clamp(12px,2.1vh,17px)}.drive-meta b{font-size:clamp(30px,5.5vh,47px)}.driving-state{font-size:9px;bottom:8px}.control-dock{padding-top:20px;padding-bottom:20px;min-height:116px}.car-caption{bottom:24px}.sound-panel{padding-top:22px;padding-bottom:20px}.presets{height:90%}.rail-caption{margin-top:12px}}
@media(max-width:900px){.car-stage{margin-left:0;width:100%}.driving-state{bottom:15px}.cockpit{padding-bottom:40px}}
@media(max-width:560px){.workspace{grid-template-rows:auto auto}.cockpit{padding-bottom:38px}.car-stage{height:438px}.driving-state{bottom:12px}}
@media(min-width:901px) and (max-height:650px){.driving-state{display:none}}