:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--black:#0c0c0b;--bench:#131311;--panel:#1a1a17;--raised:#23231f;--line:#35342d;--line-strong:#565349;--ink:#f0ede4;--muted:#aaa69b;--dim:#9a968c;--amber:#d8902f;--amber-bright:#f1b04e;--red:#d8523c;--green:#76a777;--font-display:"Arial Narrow", "Aptos Narrow", "Roboto Condensed", sans-serif;--font-body:"Aptos", "Helvetica Neue", sans-serif;--font-data:"Cascadia Mono", "SFMono-Regular", Consolas, monospace;font-family:var(--font-body);background:var(--black);color:var(--ink);font-synthesis:none;text-rendering:optimizelegibility}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{background:var(--black);min-width:320px}button,input,select{font:inherit}button{color:inherit}button:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--amber-bright);outline-offset:2px}.app-shell{background:var(--black);grid-template-rows:64px minmax(600px,1fr) 64px;min-height:100vh;display:grid;overflow-x:hidden}.topbar{border-bottom:1px solid var(--line);background:var(--bench);grid-template-columns:260px 1fr auto;align-items:center;gap:20px;padding:0 18px;display:grid}.brand{align-items:center;gap:11px;min-width:0;display:flex}.brand__mark{border:1px solid var(--amber);width:34px;height:34px;color:var(--amber-bright);font:700 13px var(--font-data);place-items:center;display:grid}.brand div{flex-direction:column;min-width:0;display:flex}.brand strong{font:700 17px/1.1 var(--font-display);letter-spacing:.02em}.brand span:last-child{color:var(--muted);font-size:11px}.mode-switch{justify-content:center;height:100%;display:flex}.mode-switch button{min-width:92px;color:var(--muted);text-transform:capitalize;cursor:pointer;background:0 0;border:0;border-bottom:2px solid #0000;padding:0 14px;transition:color .14s,border-color .14s}.mode-switch button:hover{color:var(--ink)}.mode-switch button.is-active{color:var(--ink);border-bottom-color:var(--amber)}.topbar__actions{justify-content:end;align-items:center;gap:8px;display:flex}.status{border:1px solid var(--line);color:var(--muted);font:11px var(--font-data);text-transform:uppercase;border-radius:4px;padding:4px 7px}.status--running{color:#a9d3aa;border-color:#4e7251}.status--error{color:#ee9b8c;border-color:#743a31}.button{border:1px solid var(--line-strong);background:var(--raised);cursor:pointer;border-radius:7px;min-height:44px;padding:0 15px;transition:background .14s,border-color .14s}.button:hover:not(:disabled){background:#2d2c27;border-color:#767166}.button:disabled{opacity:.52;cursor:not-allowed}.button--primary{background:var(--amber);color:#17120a;border-color:#a96b1f;font-weight:700}.button--primary:hover:not(:disabled){background:var(--amber-bright);border-color:var(--amber-bright)}.button--icon{background:0 0;min-width:54px;padding:0 12px}.button--wide{width:100%;margin-top:8px}.console{background:var(--bench);grid-template-columns:minmax(240px,20vw) minmax(460px,1fr) minmax(330px,28vw);min-height:0;display:grid}.control-bay,.engine-bay{background:var(--panel);padding:22px 20px;overflow-y:auto}.control-bay{border-right:1px solid var(--line)}.engine-bay{border-left:1px solid var(--line)}.section-heading{border-bottom:1px solid var(--line);justify-content:space-between;align-items:baseline;gap:16px;margin-bottom:20px;padding-bottom:11px;display:flex}.section-heading h2{font:700 17px var(--font-display);margin:0}.section-heading span{color:var(--muted);font:11px var(--font-data);text-transform:uppercase}.pedal{margin-bottom:18px;display:block}.pedal>span,.volume-control>span,.tuning-field>span{justify-content:space-between;align-items:baseline;margin-bottom:8px;font-size:13px;display:flex}output{color:var(--amber-bright);font-family:var(--font-data)}input[type=range]{appearance:none;cursor:pointer;background:0 0;width:100%;height:44px;margin:-10px 0}input[type=range]::-webkit-slider-runnable-track{background:#3c3a33;border-radius:2px;height:5px}input[type=range]::-webkit-slider-thumb{appearance:none;border:2px solid var(--bench);background:var(--amber);border-radius:50%;width:19px;height:19px;margin-top:-7px}input[type=range]:disabled{opacity:.45;cursor:not-allowed}.pedal--brake input[type=range]::-webkit-slider-thumb{background:#747169}.pedal--brake.is-active input[type=range]::-webkit-slider-thumb{background:var(--red)}.key-hint{color:var(--dim);margin:-2px 0 22px;font-size:11px;line-height:1.7}kbd{border:1px solid var(--line);border-bottom-color:var(--line-strong);color:var(--muted);font:10px var(--font-data);border-radius:3px;padding:2px 5px}.scenario-block{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:16px 0 20px}.scenario-block label{color:var(--muted);margin-bottom:7px;font-size:12px;display:block}select{border:1px solid var(--line-strong);background:var(--bench);width:100%;height:44px;color:var(--ink);border-radius:6px;padding:0 10px}.permission-state{border-bottom:1px solid var(--line);grid-template-columns:1fr auto;gap:4px 12px;padding:15px 0;display:grid}.permission-state span{color:var(--muted);font-size:12px}.permission-state strong{color:var(--ink);font:11px var(--font-data);text-transform:uppercase}.permission-state p{color:var(--dim);grid-column:1/-1;margin:3px 0 0;font-size:11px;line-height:1.45}.audio-output-picker{grid-column:1/-1;gap:5px;margin-top:8px;display:grid}.audio-output-picker span{color:var(--muted);text-transform:uppercase;letter-spacing:.08em;font-size:10px}.audio-output-picker select{height:38px;font-size:12px}.audio-diagnostics{grid-column:1/-1;grid-template-columns:1fr 1fr;gap:7px;margin-top:8px;display:grid}.audio-diagnostics .button{min-width:0;padding-inline:8px;font-size:11px}.instrument-bay{background:#10100e;place-items:center;min-height:600px;display:grid;position:relative;overflow:hidden}.instrument-bay:before{content:"";pointer-events:none;border:1px solid #24231f;position:absolute;inset:16px}.tach{aspect-ratio:1;background:#090908;border:1px solid #47453e;border-radius:50%;width:min(68vh,46vw,650px);padding:13px;box-shadow:8px 12px 22px #0000006b,inset 0 0 0 5px #181816,inset 0 0 0 7px #33312b}.tach__rim{background:#0e0e0c;border-radius:50%;width:100%;height:100%;position:relative;overflow:hidden}.tach__scale{border-radius:50%;position:absolute;inset:0}.tach__tick{transform-origin:50% 575%;background:#6f6b61;width:1px;height:8%;position:absolute;top:4%;left:calc(50% - .5px)}.tach__tick--major{background:var(--ink);width:2px;height:11%;left:calc(50% - 1px)}.tach__tick--red{background:var(--red)}.tach__scale b{color:#c6c1b6;font:600 clamp(13px, 1.2vw, 20px) var(--font-display);position:absolute;transform:translate(-50%,-50%)}.tach__needle{transform-origin:50%;transition:transform 52ms linear;position:absolute;inset:8%}.tach__needle span{clip-path:polygon(50% 0,100% 100%,0 100%);background:var(--amber-bright);width:1.1%;height:36%;position:absolute;top:17%;left:49.45%}.tach__hub{background:#171612;border:4px solid #706b5e;border-radius:50%;width:9%;height:9%;position:absolute;top:45.5%;left:45.5%;box-shadow:3px 4px 7px #000000a6}.tach__readout{text-align:center;grid-template-columns:1fr;display:grid;position:absolute;bottom:20%;left:27%;right:27%}.tach__gear{color:var(--ink);font:700 clamp(50px, 6vw, 90px)/.9 var(--font-display)}.tach__rpm{color:var(--amber-bright);font:500 clamp(13px, 1.3vw, 18px) var(--font-data);margin-top:8px}.tach__unit{color:var(--dim);text-transform:uppercase;font-size:9px}.tach__redline{color:#c36b5b;font:9px var(--font-data);text-transform:uppercase;margin-top:3px}.tach__load{background:#302f2a;height:4px;position:absolute;bottom:13%;left:31%;right:31%}.tach__load span{transform-origin:0;background:var(--amber);width:100%;height:100%;transition:transform 70ms linear;display:block}.tach__idle{color:var(--dim);font:9px var(--font-data);text-transform:uppercase;position:absolute;top:23%;left:50%;transform:translate(-50%)}.tach--limiter .tach__rim{box-shadow:inset 0 0 24px #d8523c33}.speed-readout{gap:5px;display:grid;position:absolute;bottom:40px;left:38px}.speed-readout>div{align-items:baseline;gap:7px;display:flex}.speed-readout strong{font:700 48px/.9 var(--font-display)}.speed-readout span{color:var(--muted);font:11px var(--font-data)}.speed-readout .speed-readout__reference{color:var(--dim);text-transform:uppercase;font-size:9px}.speed-readout__reference b{color:var(--ink);font:inherit}.drive-state{flex-direction:column;align-items:end;gap:4px;display:flex;position:absolute;bottom:40px;right:38px}.drive-state span{color:var(--amber-bright);font:11px var(--font-data)}.drive-state b{font:600 14px var(--font-display)}.engine-list{border-top:1px solid var(--line)}.engine-option{border:0;border-bottom:1px solid var(--line);text-align:left;cursor:pointer;background:0 0;grid-template-columns:90px minmax(0,1fr) auto;align-items:center;gap:10px;width:100%;min-height:104px;padding:9px 6px;display:grid}.engine-option:hover{background:#20201c}.engine-option.is-selected{box-shadow:inset 2px 0 0 var(--amber);background:#222019}.engine-option__image{object-fit:cover;-webkit-user-select:none;user-select:none;border:1px solid #45433c;border-radius:3px;width:90px;height:72px}.engine-option__details{gap:3px;min-width:0;display:grid}.engine-option__name{color:var(--ink);font-size:13px;font-weight:650}.engine-option__redline{align-self:start;justify-items:end;gap:2px;display:grid}.engine-option b{color:var(--ink);font:12px var(--font-data)}.engine-option__engine{color:var(--muted);font:10px var(--font-data)}.engine-option__limit{color:var(--dim);font:9px var(--font-data);text-align:right;text-transform:uppercase}.engine-option__character{color:#8e8a80;text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:10px;overflow:hidden}.engine-option__gearbox{color:var(--dim);white-space:nowrap;font-size:9px}.engine-option--custom{grid-template-columns:minmax(0,1fr) auto;min-height:82px}.photo-credits{color:var(--dim);margin:8px 6px 0;font-size:9px;line-height:1.45}.photo-credits a{color:var(--muted);text-underline-offset:2px;text-decoration-color:#5f5b52}.photo-credits a:hover{color:var(--ink)}.volume-control{margin-top:22px;display:block}.waveform{border:1px solid var(--line);background:#10100e;width:100%;height:78px;margin-top:12px}.telemetry{border-top:1px solid var(--line);background:var(--bench);grid-template-columns:repeat(6,1fr);display:grid}.telemetry div{border-right:1px solid var(--line);flex-direction:column;justify-content:center;min-width:0;padding:0 16px;display:flex}.telemetry div:last-child{border-right:0}.telemetry span{color:var(--dim);text-transform:uppercase;font-size:10px}.telemetry b{font:12px var(--font-data);text-overflow:ellipsis;white-space:nowrap;margin-top:3px;overflow:hidden}.settings-backdrop{z-index:19;cursor:default;background:#0000009e;border:0;border-radius:0;width:100%;height:100%;position:fixed;inset:0}.settings-panel{z-index:20;border-left:1px solid var(--line-strong);background:#171715;width:min(520px,100vw);padding:22px;position:fixed;top:64px;bottom:0;right:0;overflow-y:auto;box-shadow:-12px 0 26px #0000006b}.settings-panel__header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:start;gap:20px;margin-bottom:26px;padding-bottom:16px;display:flex}.settings-panel h2{font:700 20px var(--font-display);margin:0}.settings-panel p{color:var(--muted);margin:4px 0 0;font-size:12px}.settings-grid{grid-template-columns:1fr 1fr;gap:16px 20px;display:grid}.tuning-field{min-width:0}.ratio-editor{border-top:1px solid var(--line);border-bottom:1px solid var(--line);grid-column:1/-1;padding:14px 0}.ratio-editor>span{color:var(--muted);margin-bottom:10px;font-size:12px;display:block}.ratio-editor>div{grid-template-columns:repeat(4,1fr);gap:8px;display:grid}.ratio-editor label{grid-template-columns:auto 1fr;align-items:center;gap:5px;display:grid}.ratio-editor label span{color:var(--dim);font:10px var(--font-data)}.ratio-editor input{border:1px solid var(--line-strong);background:var(--bench);width:100%;min-width:0;height:40px;color:var(--ink);font:12px var(--font-data);border-radius:4px;padding:0 6px}.settings-errors{color:#ee9b8c;border:1px solid #743a31;border-radius:6px;margin:18px 0;padding:10px 12px}.settings-errors p{color:inherit}@media (width<=1060px){.app-shell{grid-template-rows:auto auto auto}.topbar{grid-template-columns:1fr auto;min-height:64px}.mode-switch{order:3;grid-area:2/1/auto/-1;justify-content:start;min-height:48px;overflow-x:auto}.mode-switch button{min-width:100px;min-height:48px}.status{display:none}.console{grid-template-columns:1fr 1fr}.instrument-bay{grid-area:1/1/auto/-1;min-height:580px}.tach{width:min(64vh,78vw,570px)}.control-bay{border-top:1px solid var(--line);grid-column:1}.engine-bay{border-top:1px solid var(--line);grid-column:2}.telemetry{grid-template-columns:repeat(3,1fr)}.telemetry div{border-bottom:1px solid var(--line);min-height:54px}.settings-panel{top:0}}@media (width<=620px){.topbar{padding:10px 12px 0}.brand span:last-child{display:none}.topbar__actions{gap:5px}.button{padding-inline:10px}.console{flex-direction:column;display:flex}.instrument-bay{order:0;min-height:450px}.tach{width:min(92vw,420px)}.speed-readout{bottom:22px;left:22px}.speed-readout strong{font-size:38px}.drive-state{bottom:22px;right:22px}.control-bay{border-right:0;order:1}.engine-bay{border-left:0;order:2}.telemetry{grid-template-columns:repeat(2,1fr)}.settings-grid{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}