:root{color-scheme:dark;--acid:#cefc71;--muted:#929c96}*{box-sizing:border-box}body{margin:0;background:#101313;color:#f1f4ed;font:16px system-ui,sans-serif}main{max-width:1150px;margin:auto;padding:30px 44px}header{display:flex;gap:24px;align-items:center;border-bottom:1px solid #343b36;padding-bottom:25px}.brand{font-size:22px;font-weight:850;letter-spacing:-1px;color:inherit;text-decoration:none}.brand span,h1 span{color:var(--acid)}.tag{font-size:10px;letter-spacing:2px;color:var(--muted)}#status{margin-left:auto;font-size:12px;color:var(--acid)}.intro{padding:42px 0 24px}.intro small{color:var(--acid);letter-spacing:2px;font-size:10px}h1{font-size:clamp(40px,6vw,72px);line-height:1.02;letter-spacing:-3px;margin:18px 0}p{color:var(--muted);font-size:14px;line-height:1.6}.cockpit{background:linear-gradient(125deg,#222923,#181d1a);border:1px solid #3b443d;border-radius:18px;padding:28px}.topline{display:flex;justify-content:space-between;align-items:center;gap:18px}label{font-size:12px;color:var(--muted);display:block}select{display:block;background:transparent;color:#f1f4ed;border:0;font:600 20px system-ui;margin:8px 0;max-width:100%}select option{background:#202721}button{font:600 14px system-ui;border:1px solid #485246;color:#eff2eb;background:#262e27;padding:15px 22px;border-radius:8px;cursor:pointer;touch-action:none}button:hover{border-color:var(--acid)}button:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--acid);outline-offset:4px}.modes{display:flex;gap:5px}.selected{background:var(--acid);color:#15200d;border-color:var(--acid)}.dashboard{display:flex;align-items:center;gap:45px;padding:30px 0}.speed{min-width:160px}.speed strong{font-size:92px;letter-spacing:-5px;font-weight:500;line-height:1.1;font-variant-numeric:tabular-nums}.speed span{display:block;font-size:11px;letter-spacing:3px;color:var(--muted);margin-left:7px}.rev{flex:1}.numbers,.readout{display:flex;justify-content:space-between;color:var(--muted);font-size:12px}.track{height:24px;background:#101611;border-radius:4px;overflow:hidden;margin:12px 0 16px}.track div{height:100%;width:0;background:linear-gradient(90deg,#9ace54,#cefc71 70%,#f4ae4c 90%,#fa6b53);transition:width .08s linear}.readout b{color:#fff;font-size:19px;font-variant-numeric:tabular-nums}.actions{display:flex;gap:12px}.primary{background:var(--acid);color:#15200d;min-width:235px;border:0}#message{min-height:44px;margin-bottom:5px}#pedals{display:flex;gap:12px}#pedals button{flex:1;height:78px;text-align:left;letter-spacing:2px;background:#1b211c}#pedals span{float:right;font-size:22px;color:var(--acid)}button.held{background:#586c38!important;color:white;transform:translateY(1px)}.settings{display:grid;grid-template-columns:repeat(3,1fr);gap:35px;padding:28px 0}output{float:right;color:#dce8ce}input{display:block;width:100%;accent-color:var(--acid);margin:15px 0}footer{display:flex;flex-direction:column;gap:7px;padding:20px 0;border-top:1px solid #343b36;color:var(--muted);font-size:11px}button:disabled{opacity:.5;cursor:wait}@media(max-width:650px){main{padding:20px}.tag{display:none}header{gap:10px}.brand{font-size:19px}#status{font-size:10px}.intro{padding-top:28px}.cockpit{padding:18px}.topline{align-items:stretch;flex-direction:column}.modes button{flex:1}.dashboard{gap:20px;padding:28px 0}.speed{min-width:95px}.speed strong{font-size:65px}.actions{flex-direction:column}.settings{gap:16px;grid-template-columns:1fr}.settings label{padding:0 2px}.settings input{margin:12px 0 0}h1{letter-spacing:-2px}#message{min-height:68px}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}

[hidden]{display:none!important}
:root{--acid:#b5ef66}body{background:radial-gradient(ellipse at 82% 2%,#29362270,transparent 43%),#0b0e0c}main{max-width:1240px}.intro{padding:48px 0 30px}h1{font-size:clamp(36px,5.5vw,68px);font-weight:650;line-height:1.08}.intro p{max-width:600px}.cockpit{position:relative;box-shadow:0 24px 85px #0005;background:linear-gradient(125deg,#252e25,#141b16)}.garage-label{display:flex;justify-content:space-between;border-bottom:1px solid #424b3b;padding-bottom:18px;margin-bottom:22px;color:#a9b7a4;font-size:9px;letter-spacing:2px}.garage-label i{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--acid);margin-left:5px}.speed strong{font-weight:350}.community{display:grid;grid-template-columns:1fr 1fr;gap:16px;padding:25px 0 40px}.community-intro{grid-column:1/-1}.community small{font-size:10px;letter-spacing:2px;color:var(--acid)}h2{font-size:32px;letter-spacing:-1px;margin:10px 0}.community-intro p{margin:10px 0}.community-card{display:flex;justify-content:space-between;align-items:center;gap:16px;border:1px solid #35402f;background:#151c15;border-radius:14px;padding:24px;color:#f1f4ed;text-decoration:none;transition:border-color .2s}.community-card:hover{border-color:var(--acid)}.telegram{font-size:10px;letter-spacing:2px;color:var(--acid)}h3{font-size:21px;margin:12px 0}.handle{font-size:12px;color:#a8b1a0;overflow-wrap:anywhere}.community-card p{color:var(--acid);font-size:12px;margin-bottom:0}.community-card img{background:white;padding:0;border-radius:8px;flex:none;image-rendering:pixelated}footer a{color:var(--acid);text-decoration:none;margin-top:8px}@media(max-width:750px){.community{grid-template-columns:1fr}.community-card{padding:20px}h1{font-size:clamp(34px,6.5vw,48px)}.intro{padding-top:32px}.garage-label{letter-spacing:1px;font-size:8px}}@media(max-width:370px){.community-card img{width:88px;height:88px}.community-card{gap:10px;padding:15px}h3{font-size:18px}}
/* Instrument cluster */
.languages{display:flex;gap:4px;margin-left:auto}.languages a{font-size:11px;text-decoration:none;color:#8f9c88;padding:8px;border:1px solid transparent;border-radius:5px}.languages a.active{border-color:#536444;background:#b5ef6614;color:var(--acid)}header #status{margin-left:12px}.intro{padding:32px 0 22px}h1{font-size:clamp(34px,4.5vw,55px)}.cockpit{background:radial-gradient(ellipse at 50% 40%,#263024,#111710 70%);padding:24px 30px}.dashboard{display:grid;grid-template-columns:minmax(0,1fr) 110px minmax(0,1fr);gap:5px;padding:12px 0 0;align-items:center}.gauge{position:relative;min-width:0;max-width:365px;width:100%;margin:auto;aspect-ratio:1}.gauge svg{display:block;width:100%;filter:drop-shadow(0 12px 18px #0008)}.bezel{fill:#151b15;stroke:#414d3d;stroke-width:2}.dial-face{fill:#0c110d;stroke:#222d21;stroke-width:1}.tick{stroke:#7b8b72;stroke-width:1.4}.dial-number{fill:#b4bfad;font:12px system-ui;text-anchor:middle;dominant-baseline:middle}.needle{fill:var(--acid);filter:drop-shadow(0 0 3px #b5ef66aa)}.red .needle{fill:#fb6c5b}.pin{fill:#273724;stroke:var(--acid);stroke-width:2}.dial-label{position:absolute;top:28%;width:100%;text-align:center;font-size:10px;letter-spacing:2px;color:#879780}.digital{position:absolute;top:60%;width:100%;text-align:center}.digital strong{font-size:clamp(25px,3.5vw,44px);font-weight:500;font-variant-numeric:tabular-nums;line-height:1}.digital span{display:block;color:#91a287;font-size:9px;letter-spacing:1px;margin-top:6px}.dial-footer{position:absolute;bottom:10%;width:100%;text-align:center;font-size:8px;letter-spacing:2px;color:#66765e}.red-zone{fill:none;stroke:#f46958;stroke-width:6;stroke-linecap:round}.center-console{text-align:center;display:flex;flex-direction:column;align-items:center;gap:12px}.drive-indicator{color:var(--acid);font-size:10px;letter-spacing:2px}.gear-label{font-size:9px;letter-spacing:1px;color:#899681}.center-console>strong{font-size:65px;font-weight:350;line-height:1;color:#e7f2dc}.engine-limit{font-size:9px;color:#839078;white-space:nowrap}.engine-limit b{font-weight:500}#limiter{font-size:8px;min-height:20px;line-height:1.5;letter-spacing:1px;color:#a8bc98}#limiter.cutting{color:#ff7863;background:#f469581c;border-radius:4px;padding:3px 5px}.rpm-track{height:5px;max-width:600px;margin:8px auto 14px}.synth-note{text-align:center;font-size:10px;color:#73816b;margin:0 0 18px}.actions{justify-content:center}.actions button{flex:1}.community{padding-top:16px}@media(max-width:650px){header{flex-wrap:wrap}.languages{margin-left:auto}header #status{width:100%;margin:0;font-size:11px}.cockpit{padding:16px 10px}.topline,.actions,#pedals,#message{margin-left:8px;margin-right:8px}.garage-label{margin-left:8px;margin-right:8px}.dashboard{grid-template-columns:minmax(0,1fr) 48px minmax(0,1fr);gap:0;padding-top:18px}.center-console{gap:7px}.center-console>strong{font-size:38px}.drive-indicator{font-size:7px;letter-spacing:0}.gear-label,#limiter,.engine-limit{font-size:7px;letter-spacing:0}.dial-label{font-size:7px;letter-spacing:0}.digital strong{font-size:25px}.digital span{font-size:7px;margin-top:3px}.dial-footer{font-size:5px;letter-spacing:1px}.synth-note{font-size:9px;margin-top:10px}.actions{flex-direction:row}.actions button{font-size:12px;padding:13px 8px;min-width:0}.gauge{min-width:0}.community-card img{width:100px;height:100px}}@media(max-width:390px){.digital strong{font-size:21px}.dial-label{font-size:6px}.actions{flex-direction:column}.intro h1{font-size:31px}}
/* Compact cockpit is the default; secondary content stays collapsed. */
main{max-width:1120px;padding:12px 22px}header{min-height:38px;padding-bottom:9px;gap:14px}.brand{font-size:19px}.languages a{padding:6px 9px}.cockpit{margin-top:10px;padding:12px 18px;border-radius:12px}.topline{gap:12px;align-items:center}.topline>label{flex:1;font-size:10px}.topline select{font-size:16px;margin:3px 0}.topline button{padding:10px 14px;font-size:12px;white-space:nowrap}.dashboard{padding:4px 0;grid-template-columns:minmax(0,1fr) 85px minmax(0,1fr)}.gauge{width:min(34vw,calc(100vh - 320px),330px);min-width:145px;max-width:100%}.digital strong{font-size:clamp(24px,3vw,38px)}.center-console{gap:9px}.center-console>strong{font-size:52px}.rpm-track{margin:4px auto 10px}.synth-note{display:none}.actions{gap:10px}.actions button{padding:11px 16px;font-size:13px}.primary{min-width:0}#message{min-height:0;font-size:11px;line-height:1.4;margin:9px 0}#pedals{gap:10px}#pedals button{height:44px;padding:11px 16px;font-size:12px}#pedals span{font-size:17px}.utility{margin-top:9px;border:1px solid #303b2c;border-radius:8px;background:#111810}.utility summary{cursor:pointer;padding:11px 14px;color:#aabd9b;font-size:12px;min-height:38px}.utility summary:focus-visible{outline:2px solid var(--acid)}.utility[open] summary{border-bottom:1px solid #303b2c}.utility .settings{padding:18px;margin:0}.utility .community{padding:20px 18px;margin:0}.utility footer{margin:0 18px;padding:14px 0}.focus-view main{max-width:1000px;padding:12px 20px}.focus-view header,.focus-view .topline>label,.focus-view .modes,.focus-view .tach-gauge,.focus-view .center-console,.focus-view .rpm-track,.focus-view #rev,.focus-view #message,.focus-view #pedals,.focus-view .utility{display:none!important}.focus-view .cockpit{margin:0;background:transparent;box-shadow:none;border:0;padding:0}.focus-view .topline{display:flex;justify-content:flex-end;margin:0}.focus-view #focusMode{min-height:40px}.focus-view .dashboard{display:block;padding:0}.focus-view .speed-gauge{width:min(80vw,calc(100vh - 135px),560px);min-width:150px}.focus-view .digital strong{font-size:clamp(45px,8vh,72px)}.focus-view .dial-label{font-size:12px}.focus-view .digital span{font-size:13px}.focus-view .dial-footer{font-size:9px}.focus-view .actions{max-width:300px;margin:0 auto}.focus-view #start{min-height:42px}.focus-view .actions button{flex:1}@media(max-width:650px){main{padding:10px 12px}header{flex-wrap:nowrap;gap:8px}.brand{font-size:17px}header #status{width:auto;margin-left:0;font-size:9px;max-width:90px}.languages{gap:0}.languages a{font-size:10px;padding:6px}.cockpit{padding:10px 8px}.topline{display:flex;flex-wrap:wrap;flex-direction:row;align-items:center;margin:0 5px}.topline>label{flex:1 1 100%}.topline .modes{flex:1}.topline button{padding:10px;font-size:11px}.topline select{font-size:15px}.dashboard{grid-template-columns:minmax(0,1fr) 42px minmax(0,1fr);padding:10px 0 2px}.gauge{width:100%;min-width:0;max-width:230px}.center-console{gap:6px}.center-console>strong{font-size:33px}.digital strong{font-size:24px}.actions{flex-direction:row;margin:0 5px}.actions button{font-size:11px;padding:11px 6px}#pedals{margin:0 5px}#message{margin:8px 5px}.utility .settings{padding:14px}.focus-view .gauge{max-width:100%}.focus-view .actions{margin:5px auto}.focus-view .topline{flex-wrap:nowrap}}@media(max-height:560px) and (min-width:651px){main{padding:8px 18px}header{min-height:32px;padding-bottom:5px}.cockpit{margin-top:6px;padding:8px 14px}.gauge{width:min(30vw,calc(100vh - 285px),270px)}.center-console{gap:5px}.center-console>strong{font-size:38px}#message{font-size:10px;margin:5px 0}#pedals button{height:38px}.utility{margin-top:6px}.utility summary{min-height:32px;padding:8px 12px}}
/* One compact menu bar, closed on first load. */
header{gap:10px;min-height:42px;padding-bottom:8px}header #status{margin-left:auto;width:auto;font-size:11px}header button{padding:9px 12px;font-size:11px;min-height:38px;white-space:nowrap}.menu-panel{padding:12px;border:1px solid #35412e;background:#121a11;border-radius:10px;margin-top:8px}.menu-panel>.languages{justify-content:flex-end;margin:0 0 10px}.menu-panel .topline{margin:0}.menu-panel .utility{margin-top:10px}.cockpit{margin-top:8px}.dashboard{padding-top:0}.gauge{width:min(37vw,calc(100vh - 245px),380px)}.focus-view header{display:flex!important;border:0;padding:0;justify-content:flex-end}.focus-view header .brand,.focus-view header #status,.focus-view #menuToggle{display:none!important}.focus-view header #focusMode{display:block}.focus-view .menu-panel{display:none!important}.focus-view .cockpit{padding:0}.focus-view .speed-gauge{width:min(80vw,calc(100vh - 130px),560px)}@media(max-width:650px){header{flex-wrap:wrap;gap:6px}.brand{margin-right:auto}header #status{order:4;width:100%;margin:0;font-size:10px}header button{font-size:10px;padding:8px;min-height:36px}.gauge{width:100%;max-width:230px}.menu-panel{padding:10px}.menu-panel .topline{margin:0}.menu-panel .topline>label{flex-basis:100%}.focus-view header{flex-wrap:nowrap}.focus-view .gauge{max-width:100%}}@media(max-height:560px) and (min-width:651px){.gauge{width:min(32vw,calc(100vh - 225px),310px)}}
.sound-picker{display:flex;align-items:center;border-bottom:1px solid #35432e;padding:0 2px 9px;margin-bottom:5px}.sound-picker label{width:100%;font-size:10px;color:#9eaf91}.sound-picker select{display:block;width:100%;max-width:480px;font-size:17px;margin:4px 0 0;padding:6px 7px;background:#1d2919;border:1px solid #425737;border-radius:6px;min-height:38px}.focus-view .sound-picker{display:none}@media(max-width:650px){.sound-picker select{font-size:14px;max-width:100%}}@media(max-height:560px) and (min-width:651px){.gauge{width:min(30vw,calc(100vh - 285px),300px)}}
.menu-panel .settings{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.menu-panel .settings label{min-width:0}.menu-panel .topline{justify-content:flex-start}.sound-picker select{max-width:100%}@media(max-width:650px){.menu-panel .settings{grid-template-columns:1fr;gap:18px}}
/* Always-available languages and community QR strip. */
body{padding-bottom:112px}header{flex-wrap:wrap;gap:8px}.brand{margin-right:auto}header .languages{display:flex;margin:0;gap:2px}header .languages a{padding:7px 8px;font-size:11px}header #status{margin-left:3px;font-size:10px}header button{min-height:38px;padding:9px 11px}.qr-dock{position:fixed;z-index:20;bottom:8px;left:50%;transform:translateX(-50%);width:min(520px,calc(100% - 20px));display:flex;gap:12px;padding:8px 10px;border:1px solid #415335;border-radius:10px;background:#10190ff5;box-shadow:0 8px 30px #0009}.qr-mini{display:flex;align-items:center;gap:9px;flex:1;min-width:0;color:#dce9d4;text-decoration:none}.qr-mini img{width:74px;height:74px;flex:0 0 74px;background:#fff;border-radius:4px;image-rendering:pixelated}.qr-mini b{display:block;color:#bfdc9f;font-size:12px;font-weight:600}.qr-mini small{display:block;font-size:10px;color:#a0b091;overflow-wrap:anywhere;margin-top:5px;line-height:1.4}.qr-mini:focus-visible{outline:2px solid var(--acid);outline-offset:3px}.gauge{width:min(35vw,calc(100vh - 355px),360px)}.focus-view main{max-width:1120px;padding:10px 20px}.focus-view header{display:flex!important;justify-content:flex-end;flex-wrap:wrap;gap:8px}.focus-view header .languages{display:flex!important;margin-right:auto}.focus-view header #bookmark{display:block!important}.focus-view .dashboard{display:grid!important;grid-template-columns:minmax(0,1fr) 85px minmax(0,1fr);gap:5px;padding:5px 0}.focus-view .tach-gauge{display:block!important}.focus-view .center-console{display:flex!important}.focus-view .gauge{width:min(37vw,calc(100vh - 225px),390px);min-width:0;max-width:100%}.focus-view .digital strong{font-size:clamp(28px,4vw,48px)}.focus-view .digital span{font-size:10px}.focus-view .dial-label{font-size:10px}.focus-view .dial-footer{font-size:8px}.focus-view .actions{max-width:300px;margin:4px auto}.bookmark-modal{position:fixed;inset:0;z-index:100;display:flex;align-items:center;justify-content:center;padding:20px;background:#000b}.bookmark-card{position:relative;max-width:480px;width:100%;max-height:calc(100vh - 40px);overflow:auto;background:#172014;border:1px solid #52673f;border-radius:14px;padding:26px}.bookmark-card h2{font-size:25px;margin-right:32px}.bookmark-card p{font-size:13px}.bookmark-card .modal-close{position:absolute;right:12px;top:12px;padding:5px 13px;font-size:22px}.bookmark-card input{width:100%;color:#dceacf;background:#0c130a;border:1px solid #455439;border-radius:5px;padding:10px;font:12px system-ui}.bookmark-card #bookmarkStatus{font-size:11px}.bookmark-card #bookmarkCopy{padding:10px 14px;font-size:12px}@media(max-width:850px){header #status{order:5;width:100%;margin:0}.gauge{width:min(34vw,calc(100vh - 380px),340px)}}@media(max-width:650px){main{padding:8px 10px}header{gap:6px}.brand{font-size:16px}header #bookmark,header #focusMode,header #menuToggle{font-size:10px;min-height:34px;padding:7px 9px}header .languages a{font-size:10px;padding:6px 7px}.gauge{width:100%;max-width:220px}.qr-dock{gap:8px;padding:7px;bottom:6px}.qr-mini{gap:6px}.qr-mini b{font-size:10px}.qr-mini small{font-size:8px}.focus-view .dashboard{grid-template-columns:minmax(0,1fr) 40px minmax(0,1fr);gap:0}.focus-view .gauge{width:100%}.focus-view .digital strong{font-size:25px}.focus-view .digital span{font-size:8px}.focus-view .dial-label{font-size:7px}.focus-view .dial-footer{font-size:5px}.focus-view .center-console>strong{font-size:34px}.focus-view header .languages{margin-right:auto}.bookmark-card{padding:20px}.bookmark-card h2{font-size:21px}}@media(max-height:560px) and (min-width:651px){.gauge{width:min(27vw,calc(100vh - 330px),260px);min-width:135px}.focus-view .gauge{width:min(32vw,calc(100vh - 215px),310px)}}
header .youtube-pending{display:flex;align-items:center;gap:6px;opacity:.75;cursor:default;border-color:#35402e;background:#192017}header .youtube-pending small{font-size:9px;color:#9eb08f;font-weight:400}@media(max-width:650px){header .youtube-pending{gap:4px;padding:7px 8px;font-size:10px}header .youtube-pending small{font-size:8px}}
.nav-button{display:inline-flex;align-items:center;justify-content:center;min-height:38px;padding:9px 12px;border:1px solid #485246;border-radius:8px;font:600 12px system-ui;color:#eff2eb;background:#262e27;text-decoration:none;white-space:nowrap}.nav-button:hover{border-color:var(--acid)}.nav-button:focus-visible{outline:2px solid var(--acid);outline-offset:3px}.youtube-link{color:#c9e7af;border-color:#4b653b}.media-page{max-width:1080px}.media-page header{gap:12px}.media-page header .languages{margin-left:auto}.media-intro{padding:24px 0 12px}.media-intro small{color:var(--acid);font-size:10px;letter-spacing:2px}.media-intro h1{font-size:34px;margin:8px 0;letter-spacing:-1px}.media-intro p{font-size:13px;margin:8px 0}.media-card{background:#172014;border:1px solid #35432e;border-radius:12px;padding:18px;margin-bottom:14px}.media-form-row{display:flex;gap:12px;align-items:flex-end;flex-wrap:wrap;margin-top:7px}.media-form-row>input{flex:1;min-width:180px;width:auto;min-height:42px;margin:0;border:1px solid #425737;border-radius:7px;padding:10px;color:#e6f0df;background:#0c130a;font:14px system-ui}.media-server-label{font-size:10px}.media-form-row select{font-size:13px;padding:10px;border:1px solid #425737;border-radius:7px;background:#1d2919;min-height:42px;margin:4px 0 0}.media-form-row button{font-size:13px;min-height:42px;padding:10px 16px}.media-hint{font-size:11px;color:#99aa8b;line-height:1.5;margin:12px 0 0}.media-error{font-size:13px;color:#ff8a76}.media-player-wrapper{position:relative;aspect-ratio:16/9;background:#000;border-radius:7px;overflow:hidden}.media-player-wrapper iframe{position:absolute;inset:0;width:100%;height:100%;border:0}.media-player-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:12px}.media-player-actions button{font-size:12px;padding:10px 12px}.media-advanced{padding:12px}.media-advanced button{font-size:11px;padding:9px 12px}.media-advanced textarea{display:block;width:100%;min-height:85px;margin-top:12px;background:#0c130a;color:#ddebd2;border:1px solid #425737;border-radius:5px;padding:10px;font:12px monospace}.media-page footer{padding:6px 0 16px;border:0}@media(max-width:650px){header .nav-button{font-size:10px;min-height:34px;padding:7px 9px}.media-card{padding:12px}.media-intro{padding:18px 0 8px}.media-form-row{gap:10px}.media-form-row>input{flex-basis:100%;min-width:0}.media-server-label{flex:1;min-width:0}.media-form-row select{max-width:100%;width:100%;font-size:11px}.media-form-row button{font-size:12px}.media-page header .languages{margin:0 0 0 auto}}
/* Color themes and distinct instrument treatments. */
:root{--acid:#b5ef66;--scene:#0b0e0c;--surface:#172014;--surface-deep:#0c130a;--edge:#3b4b30;--accent-glow:#b5ef6624;--ink:#f1f4ed;--muted:#a6b39c}
:root[data-color="blue"]{--acid:#79ceff;--scene:#090e15;--surface:#141e2b;--surface-deep:#0a111d;--edge:#30495f;--accent-glow:#79ceff28;--muted:#a0b7c8}
:root[data-color="red"]{--acid:#ff8278;--scene:#120b0d;--surface:#25171a;--surface-deep:#140c0e;--edge:#62403f;--accent-glow:#ff827825;--muted:#c1a9a8}
:root[data-color="amber"]{--acid:#ffd078;--scene:#110e09;--surface:#251f14;--surface-deep:#171108;--edge:#645239;--accent-glow:#ffd07824;--muted:#c2b49a}
:root[data-color="purple"]{--acid:#c7a0ff;--scene:#0e0a15;--surface:#21182e;--surface-deep:#120c1e;--edge:#4d3c66;--accent-glow:#c7a0ff28;--muted:#b7a8cb}
:root[data-color="silver"]{--acid:#e2e8ed;--scene:#0c0e10;--surface:#1b2025;--surface-deep:#101418;--edge:#4a545f;--accent-glow:#e2e8ed18;--muted:#adb7c0}
body{background:radial-gradient(ellipse at 80% 0,var(--accent-glow),transparent 55%),var(--scene);color:var(--ink)}header{border-color:var(--edge)}p,label{color:var(--muted)}.cockpit{background:radial-gradient(ellipse at 50% 35%,var(--accent-glow),transparent 65%),var(--surface-deep);border-color:var(--edge)}button,.nav-button{background:var(--surface);border-color:var(--edge)}.selected,.primary{background:var(--acid);border-color:var(--acid);color:#101810}.sound-picker{border-color:var(--edge)}.sound-picker label,.media-hint,.media-intro p{color:var(--muted)}.sound-picker select,select option,.media-form-row select{background:var(--surface);border-color:var(--edge)}.languages a.active{background:var(--accent-glow);border-color:var(--acid);color:var(--acid)}.menu-panel,.utility,.media-card,.bookmark-card{background:var(--surface);border-color:var(--edge)}.utility summary,.telegram,.media-intro small,.youtube-link{color:var(--acid)}.utility[open] summary{border-color:var(--edge)}.qr-dock{background:var(--surface-deep);border-color:var(--edge)}.qr-mini b{color:var(--acid)}.qr-mini small{color:var(--muted)}.media-form-row>input,.media-advanced textarea,.bookmark-card input{background:var(--surface-deep);border-color:var(--edge)}.center-console>strong{color:var(--ink)}.needle{fill:var(--acid);filter:none}.pin{stroke:var(--acid);fill:var(--surface)}.track div{background:linear-gradient(90deg,var(--acid) 0%,var(--acid) 70%,#ffbb65 88%,#ff6e64)}.dial-label,.digital span,.dial-footer{color:var(--muted)}.tick{stroke:var(--muted)}.dial-number{fill:#c5ccd0}.bezel{fill:var(--surface);stroke:var(--edge)}.dial-face{fill:var(--surface-deep)}.accent-arc{fill:none;stroke:var(--acid);stroke-width:4;opacity:.5}.aggressive-frame{display:none;fill:none;stroke:var(--acid);stroke-width:2}
.appearance-content{padding:16px}.appearance-content fieldset{border:0;padding:0;margin:0 0 18px;min-width:0}.appearance-content legend{font-size:12px;color:var(--muted);margin-bottom:12px}.palette-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:9px}.palette-choice{position:relative;display:flex;align-items:center;gap:7px;cursor:pointer;border:1px solid var(--edge);padding:9px;border-radius:7px;color:var(--ink);font-size:11px;min-height:42px}.palette-choice input{position:absolute;width:1px;height:1px;opacity:0;margin:0}.palette-swatch{display:block;flex:0 0 16px;width:16px;height:16px;border-radius:50%;background:var(--swatch);box-shadow:0 0 0 1px #ffffff35}.palette-choice[data-color="lime"]{--swatch:#b5ef66}.palette-choice[data-color="blue"]{--swatch:#79ceff}.palette-choice[data-color="red"]{--swatch:#ff8278}.palette-choice[data-color="amber"]{--swatch:#ffd078}.palette-choice[data-color="purple"]{--swatch:#c7a0ff}.palette-choice[data-color="silver"]{--swatch:#e2e8ed}.palette-choice:has(input:checked){border-color:var(--acid);background:var(--accent-glow)}.palette-choice:has(input:focus-visible){outline:2px solid var(--acid);outline-offset:3px}.dial-select-label{font-size:12px}.dial-select-label select{font-size:14px;border:1px solid var(--edge);border-radius:7px;background:var(--surface-deep);padding:10px;min-height:42px;margin:8px 0 0;width:100%;max-width:350px}
/* Classic: ivory faces, metallic bezels, fine hands and serif dial numerals. */
:root[data-dials="classic"] .bezel{fill:#adb6bf;stroke:#d6dce1;stroke-width:3}:root[data-dials="classic"] .dial-face{fill:#efece1;stroke:#717981;stroke-width:2}:root[data-dials="classic"] .tick{stroke:#41474c;stroke-width:1.2}:root[data-dials="classic"] .dial-number{fill:#30363b;font-family:Georgia,serif;font-size:13px}:root[data-dials="classic"] .dial-label,:root[data-dials="classic"] .digital span,:root[data-dials="classic"] .dial-footer{color:#60676c}:root[data-dials="classic"] .digital strong{color:#242b31;font-family:Georgia,serif;font-weight:400}:root[data-dials="classic"] .needle{fill:#b54035;stroke:#74231c;stroke-width:.4}:root[data-dials="classic"] .pin{fill:#89939c;stroke:#d6dde1}:root[data-dials="classic"] .accent-arc{opacity:0}:root[data-dials="classic"] .center-console>strong{font-family:Georgia,serif;font-weight:400}:root[data-dials="classic"] .gauge svg{filter:drop-shadow(0 8px 10px #0006)}
/* Sport: dark racing dials and clean accent rings. */
:root[data-dials="sport"] .accent-arc{stroke-width:5;opacity:.7}:root[data-dials="sport"] .digital strong{font-family:system-ui,sans-serif;font-weight:650}:root[data-dials="sport"] .needle{stroke:var(--acid);stroke-width:1.1}:root[data-dials="sport"] .tick{stroke-width:1.6}
/* Aggressive: angular frame, segmented ring, heavier italic readouts. */
:root[data-dials="aggressive"] .gauge svg{filter:drop-shadow(0 0 7px var(--accent-glow))}:root[data-dials="aggressive"] .bezel{fill:var(--surface-deep);stroke-width:1;opacity:.6}:root[data-dials="aggressive"] .aggressive-frame{display:block;opacity:.7}:root[data-dials="aggressive"] .accent-arc{stroke-width:9;stroke-dasharray:12 4;opacity:.85}:root[data-dials="aggressive"] .needle{stroke:var(--acid);stroke-width:3}:root[data-dials="aggressive"] .digital strong{font-family:"Arial Narrow",Impact,system-ui,sans-serif;font-weight:850;font-style:italic;letter-spacing:-1px}:root[data-dials="aggressive"] .dial-number{font-weight:750;font-style:italic}:root[data-dials="aggressive"] .center-console>strong{font-style:italic;font-weight:800}:root[data-dials="aggressive"] .tick{stroke:var(--acid);stroke-width:1.8}:root[data-dials="aggressive"] .cockpit{border-radius:4px}:root[data-dials="aggressive"] .digital span{letter-spacing:2px}.red-zone{stroke:#fa6b59!important}.red .needle{fill:#fa6b59!important;stroke:#fa6b59!important}
@media(max-width:850px){.palette-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:450px){.palette-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.appearance-content{padding:12px}.palette-choice{font-size:11px}}
body{padding-bottom:148px}.qr-dock{display:grid;grid-template-columns:1fr 1fr;gap:8px 12px}.legal-links{grid-column:1/-1;display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:4px 8px;padding-top:5px;border-top:1px solid var(--edge);font-size:10px;color:var(--muted)}.legal-links a{color:var(--muted);text-decoration:none}.legal-links a:hover{text-decoration:underline;color:var(--acid)}.legal-links small{flex:1 0 100%;text-align:center;font-size:9px;line-height:1.4;color:var(--muted)}.legal-page{max-width:900px;padding-top:18px}.legal-page h1{font-size:30px;letter-spacing:-1px;margin:28px 0 10px}.legal-page h2{font-size:24px;letter-spacing:0;margin-top:30px}.legal-page h3{font-size:16px;margin:22px 0 8px}.legal-page p{font-size:14px;line-height:1.8}.legal-page section{scroll-margin-top:15px}.legal-page .legal-date{font-size:11px}.legal-page header .languages{margin-left:auto}.gauge{width:min(34vw,calc(100vh - 395px),350px)}.focus-view .gauge{width:min(36vw,calc(100vh - 260px),380px)}@media(max-width:650px){.gauge{width:100%;max-width:220px}.focus-view .gauge{width:100%}.qr-dock{gap:6px 8px}.legal-links{font-size:9px}.legal-links small{font-size:8px}.legal-page h1{font-size:25px}.legal-page p{font-size:13px}}@media(max-height:560px) and (min-width:651px){.gauge{width:min(26vw,calc(100vh - 370px),250px);min-width:125px}.focus-view .gauge{width:min(31vw,calc(100vh - 255px),300px)}}
/* Compact, always-visible appearance controls; community QR codes expand on demand. */
body{padding-bottom:108px}.controls-dock{display:flex;flex-direction:column;width:min(900px,calc(100% - 20px));padding:8px 12px;gap:5px;border-radius:10px}.dock-main{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:10px}.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}.mini-palette{display:flex;align-items:center;gap:1px;margin:0;padding:0;border:0;min-width:0}.mini-color{position:relative;display:flex;align-items:center;justify-content:center;width:30px;height:32px;cursor:pointer}.mini-color input{position:absolute;opacity:0;width:1px;height:1px;margin:0}.mini-swatch{width:17px;height:17px;border-radius:50%;background:var(--swatch);box-shadow:0 0 0 1px #ffffff35}.mini-color[data-color="lime"]{--swatch:#b5ef66}.mini-color[data-color="blue"]{--swatch:#79ceff}.mini-color[data-color="red"]{--swatch:#ff8278}.mini-color[data-color="amber"]{--swatch:#ffd078}.mini-color[data-color="purple"]{--swatch:#c7a0ff}.mini-color[data-color="silver"]{--swatch:#e2e8ed}.mini-color input:checked+.mini-swatch{outline:2px solid var(--acid);outline-offset:4px}.mini-color input:focus-visible+.mini-swatch{outline:2px solid white;outline-offset:4px}.mini-styles{display:flex;gap:4px}.mini-styles button{min-height:32px;padding:6px 10px;font-size:11px;border-radius:6px}.mini-styles button[aria-pressed="true"]{background:var(--accent-glow);border-color:var(--acid);color:var(--acid)}.subscribe-panel{position:relative}.subscribe-panel>summary{list-style:none;cursor:pointer;padding:8px 11px;border:1px solid var(--edge);border-radius:6px;min-height:32px;font-size:11px;color:var(--acid);white-space:nowrap}.subscribe-panel>summary::-webkit-details-marker{display:none}.subscribe-panel>summary:after{content:' +';opacity:.7}.subscribe-panel[open]>summary:after{content:' −'}.subscribe-panel>summary:focus-visible{outline:2px solid var(--acid);outline-offset:3px}.qr-popover{position:absolute;bottom:calc(100% + 12px);right:0;width:min(470px,calc(100vw - 28px));max-height:calc(100vh - 130px);overflow:auto;display:flex;gap:16px;padding:14px;background:var(--surface-deep);border:1px solid var(--edge);box-shadow:0 8px 35px #000b;border-radius:10px}.qr-popover .qr-mini{min-width:0}.controls-dock .legal-links{padding-top:5px;font-size:9px;gap:2px 7px}.controls-dock .legal-links small{font-size:8px;line-height:1.25}.gauge{width:min(35vw,calc(100vh - 345px),360px)}.focus-view .gauge{width:min(37vw,calc(100vh - 215px),390px)}@media(max-width:700px){body{padding-bottom:135px}.controls-dock{padding:7px 9px}.dock-main{gap:5px 9px}.mini-styles button{font-size:10px;padding:6px 8px}.mini-color{width:27px}.subscribe-panel{position:static}.qr-popover{right:5px;left:5px;bottom:calc(100% + 8px);width:auto;gap:10px}.subscribe-panel>summary{font-size:10px;padding:7px 9px}.gauge{width:100%;max-width:220px}.focus-view .gauge{width:100%}}@media(max-height:560px) and (min-width:701px){.gauge{width:min(29vw,calc(100vh - 320px),280px);min-width:125px}.focus-view .gauge{width:min(32vw,calc(100vh - 205px),320px)}}
@media(max-width:450px){.dock-main{display:grid;grid-template-columns:1fr auto;gap:5px}.mini-palette{grid-column:1;grid-row:1;justify-content:center}.subscribe-panel{grid-column:2;grid-row:1}.mini-styles{grid-column:1/-1;grid-row:2;justify-content:center}.mini-color{width:26px}.subscribe-panel>summary{padding:7px 8px;font-size:10px}.controls-dock{padding:7px 8px}}
/* Compact internet radio, using the shared color palette. */
.radio-now{display:grid;grid-template-columns:120px minmax(0,1fr) 48px;gap:24px;align-items:center}.radio-disc{width:120px;height:120px;border:1px solid var(--acid);border-radius:50%;display:grid;place-items:center;font-size:54px;color:var(--acid);background:repeating-radial-gradient(circle,var(--surface) 0 5px,var(--surface-deep) 6px 8px);box-shadow:0 0 30px var(--accent-glow)}.radio-current h2{font-size:clamp(24px,4vw,42px);margin:8px 0;overflow-wrap:anywhere}.radio-current small{letter-spacing:.2em;color:var(--acid)}.radio-current p{margin:8px 0;color:var(--muted)}.radio-current a{font-size:12px;color:var(--muted)}.radio-favorite{font-size:30px!important;padding:6px!important;color:var(--acid)!important}.radio-transport{grid-column:1/-1;display:flex;align-items:center;justify-content:center;gap:12px}.radio-transport button{min-width:64px;min-height:58px;font-size:26px}.radio-transport #radio-play{min-width:100px}.radio-volume{display:flex;align-items:center;gap:10px;margin-left:16px}.radio-volume input{width:130px;accent-color:var(--acid)}.radio-filters{display:flex;gap:8px;flex-wrap:wrap;margin:22px 0 16px}.radio-filters button{min-height:44px}.radio-filters button[aria-pressed=true],.radio-station[aria-pressed=true]{border-color:var(--acid);color:var(--acid)}.radio-filters input{flex:1;min-width:180px;background:var(--surface);border:1px solid var(--edge);color:var(--ink);border-radius:12px;padding:12px}.radio-stations{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.radio-station{text-align:left;min-height:100px;padding:18px!important;display:flex;flex-direction:column;justify-content:center;gap:12px;background:var(--surface);border:1px solid var(--edge);border-radius:16px;overflow-wrap:anywhere}.radio-station small{color:var(--muted);font-size:10px;letter-spacing:.1em}.radio-station strong{font-size:17px}.radio-page header{flex-wrap:wrap}@media(max-width:650px){.radio-now{grid-template-columns:64px minmax(0,1fr) 40px;gap:12px}.radio-disc{width:64px;height:64px;font-size:32px}.radio-stations{grid-template-columns:repeat(2,minmax(0,1fr))}.radio-transport{flex-wrap:wrap}.radio-volume{margin-left:0}.radio-volume input{width:100px}}@media(max-width:380px){.radio-stations{grid-template-columns:1fr}}

.radio-overlay{position:fixed;inset:0;z-index:1000;background:var(--scene,#101313);padding-top:54px}.radio-overlay[hidden]{display:none}.radio-overlay iframe{width:100%;height:100%;border:0;display:block}.radio-close{position:absolute;top:7px;left:16px;min-height:40px}.radio-is-open{overflow:hidden}.radio-mini{position:fixed;right:12px;bottom:112px;z-index:80;display:flex;gap:5px;padding:5px;max-width:calc(100vw - 24px);background:var(--surface);border:1px solid var(--edge);border-radius:14px}.radio-mini[hidden]{display:none}.radio-mini button{min-height:40px;padding:8px 12px}.radio-mini #radio-mini-open{max-width:210px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px}.radio-country-label{display:block;margin-bottom:16px}.radio-country-label select{max-width:100%;background:var(--surface);color:var(--ink);border:1px solid var(--edge);padding:12px;border-radius:10px}.radio-embedded .controls-dock{display:none}.radio-embedded{padding-bottom:20px}#radio-more{display:block;margin:18px auto;min-height:44px}#radio-more[hidden]{display:none}@media(max-width:700px){.radio-mini{bottom:145px}.radio-mini #radio-mini-open{max-width:170px}}/* Touch scrolling is allowed over all controls except held pedals. */
button{touch-action:manipulation}#gas,#brake,#rev{touch-action:none}.radio-station,.radio-filters button{touch-action:pan-y}.focus-view .sound-picker{display:block;margin:6px auto 10px;max-width:460px}.focus-view .sound-picker select{font-size:16px;min-height:42px}.radio-overlay{padding:0;overflow-y:auto;overscroll-behavior:contain;touch-action:pan-y}.radio-overlay[hidden]{display:none}.radio-panel-header{position:sticky;top:0;z-index:5;display:flex;justify-content:space-between;padding:10px 20px;background:var(--surface-deep);border-bottom:1px solid var(--edge)}.radio-panel-header button{min-height:42px;padding:8px 14px}.radio-panel-body{max-width:1050px;margin:auto;padding:14px 24px 34px}.radio-panel-body .radio-intro{display:none}.radio-panel-body .radio-now{grid-template-columns:58px minmax(0,1fr) 44px;gap:12px;padding:16px}.radio-panel-body .radio-disc{width:58px;height:58px;font-size:28px}.radio-panel-body .radio-current h2{font-size:24px;margin:3px 0}.radio-panel-body .radio-current p{margin:3px 0;font-size:12px}.radio-panel-body .radio-current small{font-size:9px}.radio-panel-body .radio-transport{gap:10px}.radio-panel-body .radio-transport button{min-height:46px;min-width:54px;padding:8px;font-size:22px}.radio-panel-body .radio-filters{margin:14px 0 10px;gap:6px}.radio-panel-body .radio-filters button{padding:10px 14px;min-height:42px}.radio-panel-body .radio-country-label{margin:0}.radio-panel-body .radio-country-label select{font-size:14px;padding:8px}.radio-results{margin:10px 0;color:var(--acid);font-size:13px}.radio-panel-body footer{padding:14px 0}.radio-is-open>.controls-dock,.radio-is-open>.radio-mini{display:none}.radio-panel-body .radio-station{min-height:80px;padding:14px!important}.radio-mini{bottom:112px}@media(max-width:700px){.radio-panel-body{padding:12px}.radio-mini{bottom:145px}.radio-panel-body .radio-stations{gap:8px}.focus-view .sound-picker{max-width:100%}}
#phone-open{margin-bottom:18px}.phone-dialog{max-width:420px;width:calc(100% - 32px);max-height:90vh;overflow:auto;border:1px solid var(--edge);border-radius:18px;padding:22px;background:var(--surface);color:var(--ink)}.phone-dialog::backdrop{background:#000b}.phone-dialog h2{font-size:22px}.phone-dialog #phone-close{float:right;padding:8px 12px}.phone-dialog #phone-qr{clear:both;width:260px;max-width:100%;margin:18px auto;background:white}.phone-dialog svg{display:block;width:100%;height:auto}.phone-page{max-width:600px;padding:28px 20px}.phone-page h1{font-size:34px;letter-spacing:-1px;line-height:1.2}.phone-page input{width:100%;padding:15px;border:1px solid var(--edge);border-radius:10px;background:var(--surface);color:var(--ink);font-size:16px;margin:10px 0 16px}.phone-page button{width:100%}.phone-page small{font-size:12px;color:var(--muted)}
.sound-picker{display:flex;align-items:center;gap:10px}.sound-picker label{flex:1;min-width:0}.sound-picker .engine-arrows{display:flex;gap:6px}.engine-arrows button{min-width:42px;min-height:42px;padding:5px 13px;font-size:24px}.focus-view .sound-picker{display:flex}.radio-panel-body .radio-library{scroll-margin-top:76px}body:not(.radio-is-open) .radio-mini{max-width:calc(100vw - 24px)}

/* Engine selection belongs to the center instrument console. */
.dashboard,.focus-view .dashboard{grid-template-columns:minmax(0,1fr) clamp(180px,20vw,240px) minmax(0,1fr);gap:10px}.center-console{min-width:0}.center-console .center-engine-picker,.focus-view .center-console .center-engine-picker{display:grid;grid-template-columns:40px minmax(0,1fr) 40px;align-items:end;gap:6px;width:100%;max-width:240px;border:0;padding:0;margin:18px 0 0}.center-engine-picker label{min-width:0;width:auto;font-size:10px;line-height:1.3;text-align:center}.center-console .center-engine-picker select,.focus-view .center-console .center-engine-picker select{width:100%;max-width:100%;min-height:44px;margin:5px 0 0;padding:8px 3px;font-size:13px;line-height:1.2;text-overflow:ellipsis}.center-engine-picker button{min-width:0;width:40px;min-height:44px;padding:6px 3px;font-size:24px;line-height:1}
@media(max-width:600px){.dashboard,.focus-view .dashboard{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10px}.dashboard .speed-gauge{grid-column:1;grid-row:1}.dashboard .tach-gauge{grid-column:2;grid-row:1}.dashboard .center-console{grid-column:1/-1;grid-row:2;display:grid!important;grid-template-columns:1fr auto 1fr;gap:6px 12px;width:100%;margin:4px auto 8px}.center-console .drive-indicator{grid-column:1;grid-row:1}.center-console .gear-label{grid-column:1;grid-row:2}.center-console>strong{grid-column:2;grid-row:1/3}.center-console #limiter{grid-column:3;grid-row:1}.center-console .engine-limit{grid-column:3;grid-row:2}.center-console .center-engine-picker,.focus-view .center-console .center-engine-picker{grid-column:1/-1;justify-self:center;max-width:300px;margin-top:5px;grid-template-columns:44px minmax(0,1fr) 44px}.center-engine-picker button{width:44px}.center-console .center-engine-picker select,.focus-view .center-console .center-engine-picker select{font-size:14px}}
/* Instrument controls stay folded until requested. */
body.instrument-page{padding-bottom:76px}.settings-launcher{position:fixed;z-index:1004;left:50%;bottom:14px;transform:translateX(-50%);display:flex;align-items:center;gap:9px;min-height:44px;padding:10px 20px;border-radius:24px;background:var(--surface-deep);border-color:var(--acid);box-shadow:0 5px 22px #0005}.settings-launcher .settings-icon{display:inline-block;font-size:21px;line-height:1;color:var(--acid);animation:settings-nudge 6s ease-in-out infinite}.settings-launcher[aria-expanded=true] .settings-icon{animation:none;transform:rotate(90deg);transition:transform .25s}.settings-backdrop{position:fixed;inset:0;z-index:1001;background:#0007;backdrop-filter:blur(3px)}.settings-backdrop[hidden]{display:none}.instrument-page .settings-drawer{position:fixed;z-index:1003;left:50%;right:auto;bottom:72px;width:min(720px,calc(100vw - 24px));max-height:calc(100vh - 100px);overflow-y:auto;transform:translate(-50%,26px);opacity:0;transition:transform .2s ease,opacity .2s ease;pointer-events:none;padding:14px 18px;border-radius:18px;background:var(--surface-deep)}.instrument-page .settings-drawer[hidden]{display:none!important}.instrument-page .settings-drawer.is-open{transform:translate(-50%,0);opacity:1;pointer-events:auto}.settings-drawer-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.settings-drawer-heading b{font-size:15px}.settings-drawer-heading button{width:40px;min-height:40px;padding:5px;font-size:24px;line-height:1}.settings-drawer .dock-main{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:14px}.settings-drawer .subscribe-panel .qr-popover{position:static;transform:none;width:100%;margin-top:12px;box-shadow:none}.settings-drawer .subscribe-panel[open]{width:100%}.instrument-page .radio-mini{bottom:76px}.radio-is-open>.settings-launcher{display:none}@keyframes settings-nudge{0%,75%,100%{transform:rotate(0)}80%{transform:rotate(18deg)}87%{transform:rotate(-12deg)}94%{transform:rotate(6deg)}}@media(max-width:500px){.settings-drawer .mini-styles{flex-wrap:wrap;justify-content:center}.settings-drawer .dock-main{gap:12px}.instrument-page .settings-drawer{padding:12px}.settings-drawer .qr-popover{display:grid;grid-template-columns:1fr}}@media(prefers-reduced-motion:reduce){.settings-launcher .settings-icon{animation:none}.instrument-page .settings-drawer,.settings-launcher[aria-expanded=true] .settings-icon{transition:none}}
/* Tactile ignition and pedal controls. */
.ignition-controls{display:flex;align-items:center;justify-content:center;gap:28px;min-height:148px;margin-top:14px;padding:10px 6px}.ignition-controls .ignition-switch{flex:0 0 98px;width:98px;height:98px;min-height:98px;padding:15px 8px 10px;border-radius:50%;border:6px solid #63686e;background:radial-gradient(circle at 36% 25%,#fb524b,#b30e19 62%,#59050d);color:#fff;box-shadow:0 0 0 2px #171a1e,0 0 0 4px #90969b,0 7px 12px #0009,inset 0 2px 4px #ffffff55,inset 0 -5px 7px #280005;font-family:system-ui,sans-serif;line-height:1.15;text-shadow:0 1px 2px #500;touch-action:manipulation;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px}.ignition-word{font-size:14px;font-weight:800;letter-spacing:1.2px}.ignition-switch small{font-size:8px;letter-spacing:2px;opacity:.75;margin-top:3px}.ignition-led{position:absolute;top:9px;left:calc(50% - 8px);width:16px;height:3px;border-radius:2px;background:#fa9c94;box-shadow:0 0 8px #ff9d8b}.ignition-controls[data-state=running] .ignition-led{background:#a7ff86;box-shadow:0 0 10px #8aff69}.ignition-controls[data-state=starting] .ignition-led{background:#ffd771;animation:ignition-led-blink .6s ease-in-out infinite}.ignition-switch:active{transform:translateY(3px);box-shadow:0 0 0 2px #171a1e,0 0 0 4px #90969b,0 2px 5px #0009,inset 0 2px 4px #ffffff33,inset 0 -3px 7px #280005}.ignition-switch:disabled{opacity:.75;cursor:wait}.ignition-controls #pedals,.focus-view .ignition-controls #pedals{display:flex!important;align-items:flex-end;gap:24px;padding:0;background:none;border:0;margin:0}.ignition-controls #pedals .car-pedal,.focus-view .ignition-controls #rev{display:flex!important;flex-direction:column;align-items:center;justify-content:flex-end;gap:10px;width:auto;min-width:0;min-height:126px;padding:6px 4px;background:transparent;border:0;border-radius:12px;box-shadow:none;touch-action:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;transform:none}.car-pedal .pedal-face{display:block;border:3px solid #89939b;border-radius:10px;background:repeating-linear-gradient(0deg,transparent 0 11px,#13191c 11px 18px,transparent 18px 23px),linear-gradient(115deg,#5d6871,#d9e0e5 30%,#8f9ba4 50%,#e6ecef 72%,#66717a);box-shadow:inset 0 1px 4px #fff7,inset 0 -4px 6px #0007,0 6px 0 #282e34,0 10px 14px #0009;transition:transform .12s,box-shadow .12s;pointer-events:none}.brake-pedal .pedal-face{width:118px;height:70px;transform:perspective(240px) rotateX(8deg)}.accelerator-pedal .pedal-face{width:58px;height:108px;border-radius:9px;transform:perspective(240px) rotateX(8deg)}.ignition-controls .pedal-caption{font-size:10px!important;letter-spacing:1.8px;color:var(--muted);line-height:1.2;pointer-events:none}.ignition-controls #pedals .car-pedal.held .pedal-face{transform:perspective(240px) rotateX(22deg) translateY(5px);box-shadow:inset 0 1px 4px #fff5,inset 0 -4px 6px #0008,0 2px 0 #282e34,0 4px 6px #0009}.ignition-controls #pedals .car-pedal.held .pedal-caption{color:var(--acid)}.ignition-hint{display:flex;align-items:center;gap:12px;max-width:240px;font-size:12px;line-height:1.5;color:var(--muted)}.ignition-hint[hidden]{display:none}.hint-pedal-arrow{display:block;color:#ff6d63;font-size:25px;animation:brake-arrow 1.5s ease-in-out infinite}.ignition-controls.brake-ready .hint-pedal-arrow{color:var(--acid);animation:none}.ignition-controls:not(.brake-ready)[data-state=off] .brake-pedal .pedal-face{animation:brake-invitation 2.5s ease-in-out infinite}.needs-brake .ignition-hint{color:#ff877c}.focus-view .ignition-controls{display:flex!important}.focus-view .ignition-controls #rev{display:flex!important}@keyframes brake-arrow{0%,100%{transform:translateX(4px);opacity:.5}50%{transform:translateX(-5px);opacity:1}}@keyframes brake-invitation{0%,100%{border-color:#89939b}50%{border-color:#ff7469}}@keyframes ignition-led-blink{50%{opacity:.3}}@media(max-width:700px){.ignition-controls{gap:20px;flex-wrap:wrap;min-height:140px}.ignition-controls .ignition-switch{flex-basis:86px;width:86px;height:86px;min-height:86px}.ignition-controls #pedals{gap:16px}.brake-pedal .pedal-face{width:100px;height:64px}.accelerator-pedal .pedal-face{width:52px;height:96px}.ignition-hint{max-width:100%;flex-basis:100%;justify-content:center;font-size:12px}.hint-pedal-arrow{transform:rotate(90deg);animation:none}.ignition-controls .pedal-unit{min-width:0}}@media(prefers-reduced-motion:reduce){.ignition-controls .pedal-face,.ignition-controls .hint-pedal-arrow,.ignition-controls .ignition-led{animation:none!important;transition:none}}
/* Decorative brake press accompanies ignition; it never gates Start/Stop. */
.ignition-controls[data-state=starting] .brake-pedal .pedal-face{transform:perspective(240px) rotateX(22deg) translateY(5px);border-color:var(--acid);animation:none}
/* Radio volume within reach, language selection in the upper-right corner. */
.app-header{position:relative;padding-right:180px}.app-header .languages{position:absolute;right:0;top:0;margin:0;justify-content:flex-end}.app-header #status{margin-left:0}.instrument-page .radio-mini{flex-wrap:wrap;align-items:center;gap:5px;max-width:min(520px,calc(100vw - 24px))}.radio-mini-volume{display:flex;align-items:center;gap:7px;min-height:40px;padding:0 7px;color:var(--muted)}.radio-mini-volume input{width:100px;max-width:25vw;min-height:32px;margin:0;accent-color:var(--acid);touch-action:pan-x}.radio-mini-volume output{min-width:32px;font-size:11px;font-variant-numeric:tabular-nums}.ignition-controls .brake-unit{display:none}.ignition-hint .hint-pedal-arrow{display:none}.weather-widget{box-sizing:border-box;flex:0 0 150px;width:150px;min-height:146px;border:1px solid var(--edge);border-radius:16px;padding:11px;background:var(--surface);display:flex;flex-direction:column;justify-content:center;gap:6px;text-align:left}.weather-widget button{touch-action:manipulation}.weather-widget #weather-enable{display:flex;flex-direction:column;align-items:center;gap:6px;padding:8px 3px;min-height:84px;width:100%;border:0;background:transparent}.weather-widget #weather-enable[hidden],#weather-content[hidden]{display:none}.weather-widget #weather-enable>span{font-size:29px;color:var(--acid)}.weather-widget b{font-size:12px}.weather-widget small{font-size:10px;line-height:1.35;color:var(--muted);display:block}.weather-heading{display:flex;align-items:center;gap:8px}.weather-heading>span{font-size:24px}.weather-heading strong{font-size:29px;line-height:1}.weather-heading button{margin-left:auto;padding:2px;width:28px;min-height:30px;font-size:20px}.weather-widget #weather-condition{font-size:11px;display:block;margin:5px 0}.weather-widget #weather-status{font-size:10px;line-height:1.3;margin:0}.weather-credit{margin-top:auto}.weather-credit a{color:var(--muted);text-decoration:none}.weather-widget #weather-next,.weather-widget #weather-updated{margin-top:4px}@media(max-width:900px){.app-header{padding-top:48px;padding-right:0;flex-wrap:wrap;gap:10px}.app-header .languages{top:0;right:0}.ignition-controls{gap:20px}.ignition-hint{max-width:190px}.radio-mini #radio-mini-open{max-width:180px}}@media(max-width:500px){.radio-mini-volume{width:100%;justify-content:center;min-height:32px}.radio-mini-volume input{width:160px;max-width:52vw}.weather-widget{flex-basis:140px;width:140px;min-height:134px}.ignition-controls .ignition-hint{order:4}.radio-mini #radio-mini-open{max-width:160px}}
.app-header{flex-wrap:wrap;gap:10px}

/* Keep frequently used radio controls on the driver's side. */
.instrument-page .radio-mini{left:16px;right:auto;bottom:76px}
.ignition-controls,.focus-view .ignition-controls{display:grid!important;grid-template-columns:minmax(0,1fr) 150px 98px 66px;grid-template-rows:auto auto;justify-content:end;align-items:center;gap:10px 24px;padding:8px 6px;min-height:148px}
.ignition-controls #weather-widget{grid-column:2;grid-row:1/3;justify-self:end;align-self:center}
.ignition-controls #start{grid-column:3;grid-row:1;justify-self:center}
.ignition-controls #pedals,.focus-view .ignition-controls #pedals{grid-column:4;grid-row:1;justify-self:end}
.ignition-controls #ignitionHint{grid-column:3/5;grid-row:2;justify-self:center;max-width:190px;text-align:center;font-size:11px}
@media(max-width:600px){.instrument-page .radio-mini{left:12px;right:auto;max-width:calc(100vw - 24px)}.ignition-controls,.focus-view .ignition-controls{grid-template-columns:minmax(0,1fr) 86px 58px;gap:8px 14px;min-height:140px}.ignition-controls #weather-widget{grid-column:1;justify-self:end;max-width:100%}.ignition-controls #start{grid-column:2}.ignition-controls #pedals,.focus-view .ignition-controls #pedals{grid-column:3}.ignition-controls #ignitionHint{grid-column:2/4;order:initial}}
@media(max-width:380px){.ignition-controls,.focus-view .ignition-controls{grid-template-columns:minmax(0,1fr) 78px 52px;gap:8px 10px}.ignition-controls #start{width:78px;height:78px;min-height:78px}.ignition-controls #weather-widget{width:128px;padding:8px}.ignition-controls .accelerator-pedal .pedal-face{width:46px}}

/* Keep the cockpit radio under the speedometer, beside ignition and weather. */
.instrument-page .ignition-controls .radio-mini{position:static;left:auto;right:auto;bottom:auto;grid-column:1;grid-row:1/3;justify-self:start;align-self:center;width:100%;max-width:520px;margin:0;box-sizing:border-box;z-index:auto}
@media(max-width:900px){
.instrument-page .ignition-controls .radio-mini{grid-column:1/-1;grid-row:1;max-width:520px}
.ignition-controls #weather-widget{grid-row:2/4}
.ignition-controls #start,.ignition-controls #pedals,.focus-view .ignition-controls #pedals{grid-row:2}
.ignition-controls #ignitionHint{grid-row:3}
}
@media(max-width:600px){
.instrument-page .ignition-controls .radio-mini{max-width:100%}
.ignition-controls #weather-widget{grid-column:1;grid-row:2/4}
.ignition-controls #start{grid-column:2;grid-row:2}
.ignition-controls #pedals,.focus-view .ignition-controls #pedals{grid-column:3;grid-row:2}
.ignition-controls #ignitionHint{grid-column:2/4;grid-row:3}
}

/* Focus mode must preserve space reserved for the top-right languages. */
.focus-view .app-header{padding:0 180px 0 0}
@media(max-width:900px){.focus-view .app-header{padding:48px 0 0}}

/* Compact cockpit: keep controls in flow, never over the weather or pedals. */
.app-header,.focus-view .app-header{padding:0 0 6px;gap:8px;flex-wrap:wrap}
.app-header .languages,.focus-view .app-header .languages{position:static;order:3;flex:0 0 auto;margin:0 0 0 auto;align-self:center}
.instrument-page .settings-launcher{position:static;transform:none;width:max-content;max-width:100%;margin:10px auto 0;min-height:36px;padding:6px 16px}
body.instrument-page{padding-bottom:12px}
.instrument-page .ignition-controls,.focus-view .ignition-controls{grid-template-columns:minmax(220px,1fr) 118px 78px 52px;grid-template-rows:auto auto;gap:6px 12px;min-height:120px;padding:6px 0}
.instrument-page .ignition-controls .radio-mini{grid-column:1;grid-row:1/3;max-width:440px;display:grid;grid-template-columns:minmax(0,1fr) 42px 42px;gap:5px;padding:7px}
.radio-mini #radio-mini-open{max-width:100%;min-width:0;text-align:left}
.radio-mini-volume{grid-column:1/-1;display:flex;width:auto;gap:7px;padding:0;min-height:42px}
.radio-mini-volume input{flex:1;min-width:50px;width:100%;max-width:none;min-height:42px;touch-action:pan-y}
.radio-mini-volume button{flex:0 0 40px;min-height:40px;padding:4px;font-size:22px;touch-action:manipulation}
.radio-mini-volume output{min-width:34px;text-align:right}
.ignition-controls #weather-widget{grid-column:2;grid-row:1/3;width:118px;min-height:116px;padding:8px;justify-self:end}
.ignition-controls #start{grid-column:3;grid-row:1;width:78px;height:78px;min-height:78px}
.ignition-controls #pedals,.focus-view .ignition-controls #pedals{grid-column:4;grid-row:1}
.ignition-controls #pedals .car-pedal,.focus-view .ignition-controls #rev{min-height:90px;padding:0;gap:5px}
.ignition-controls .accelerator-pedal .pedal-face{width:44px;height:78px}
.ignition-controls #ignitionHint{grid-column:3/5;grid-row:2;font-size:10px;line-height:1.25;max-width:140px}
.engine-off .dashboard,.engine-off.focus-view .dashboard{grid-template-columns:1fr!important;justify-items:center}
.engine-off .dashboard .tach-gauge,.engine-off .dashboard .center-console{display:none!important}
.engine-off .dashboard .speed-gauge{grid-column:1;grid-row:1;justify-self:center}
@media(min-width:601px) and (max-height:800px){
.instrument-page .dashboard,.focus-view .dashboard{padding:3px 0;gap:8px}
.instrument-page .dashboard .gauge,.focus-view .dashboard .gauge{width:min(31vw,calc(100vh - 265px),340px);min-width:150px;justify-self:center}
.instrument-page.engine-off .dashboard .speed-gauge{width:min(55vw,calc(100vh - 225px),370px)}
.instrument-page .cockpit{margin-top:4px;padding:6px 12px}
.focus-view .cockpit{padding:0}
.center-console>strong,.focus-view .center-console>strong{font-size:28px}
.center-console .center-engine-picker,.focus-view .center-console .center-engine-picker{margin-top:6px}
.instrument-page .settings-launcher{margin-top:6px}
}
@media(max-width:600px){
.instrument-page .ignition-controls,.focus-view .ignition-controls{grid-template-columns:minmax(0,1fr) 78px 52px;gap:6px 10px}
.instrument-page .ignition-controls .radio-mini{grid-column:1/-1;grid-row:1;max-width:none}
.ignition-controls #weather-widget{grid-column:1;grid-row:2/4;justify-self:start}
.ignition-controls #start{grid-column:2;grid-row:2}
.ignition-controls #pedals,.focus-view .ignition-controls #pedals{grid-column:3;grid-row:2}
.ignition-controls #ignitionHint{grid-column:2/4;grid-row:3}
.engine-off .dashboard .speed-gauge{width:min(70vw,330px)}
}

.engine-off .rpm-track{display:none!important}

/* Radio navigation stays together at the left edge of the station content. */
.instrument-page .radio-panel-header{justify-content:flex-start;flex-wrap:wrap;align-items:center;gap:12px;padding:8px max(12px,calc((100% - 1050px)/2 + 24px))}
@media(max-width:700px){.instrument-page .radio-panel-header{padding:8px 12px;gap:8px}}