:root{--dashboard-texture:url('../img/dashboard-leather.webp');color-scheme:dark;--accent:#f7a43b;--silver:#d9dddf;font-family:'Arial Narrow','Helvetica Neue',Arial,sans-serif;background:#080a0c;color:#edf0f2;font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100svh}button,input,select{font:inherit}button{cursor:pointer;color:inherit;border:0;user-select:none;-webkit-tap-highlight-color:transparent;touch-action:manipulation}button:focus-visible,select:focus-visible,input:focus-visible{outline:2px solid var(--accent);outline-offset:4px}button:disabled{opacity:.4}button:active{filter:brightness(1.15)}.app-shell{height:100svh;min-height:400px;width:100%;display:flex}.cockpit{--accent:#f5a544;--trim:#554a36;isolation:isolate;position:relative;display:flex;flex-direction:column;width:100%;min-width:0;overflow:hidden;padding:18px 24px 10px;background:radial-gradient(ellipse at 50% 30%,#171b1db0,#020405e0 85%),var(--dashboard-texture) center/430px 430px}.cockpit:before{content:'';position:absolute;inset:0;pointer-events:none;z-index:-1;background:linear-gradient(180deg,#07090a00 60%,#02030499);box-shadow:inset 0 1px 0 #aaa2,inset 0 3px 10px #0009}.dash-header{display:flex;justify-content:space-between;align-items:center;height:52px;min-height:52px;gap:12px;position:relative;z-index:6;border-bottom:1px solid #73767a24;padding-bottom:12px}.car-switch{display:flex;align-items:center;min-width:0;gap:8px}.car-arrow{font-family:Arial,sans-serif;font-size:33px;font-weight:200;width:35px;min-width:35px;height:40px;background:linear-gradient(150deg,#242a2e88,#0b0e1099);border:1px solid #626a7044;border-radius:6px;color:#b9c0c5;line-height:30px;box-shadow:inset 0 1px 0 #ffffff0c}.car-arrow:hover{color:var(--accent);border-color:#9ca3a66b}.car-title{padding:0 6px;background:none;text-align:left;min-width:0;display:flex;align-items:baseline;gap:10px;white-space:nowrap}.car-title>span:first-child{font-size:12px;letter-spacing:3px;color:#d3d6d8}.car-title strong{font-size:25px;font-style:italic;font-weight:800;letter-spacing:-.6px;line-height:1.1}.car-title strong em{font-size:.72em;font-style:italic;color:#e23536;letter-spacing:-.4px}.chevron{color:#899297;font-size:15px;align-self:center}.header-actions{display:flex;align-items:center;gap:13px}.live-status{font-size:8px;letter-spacing:1.4px;color:#717a81;white-space:nowrap}.live-status.on{color:var(--accent)}.settings-button{background:none;color:#bec4c9;font-size:26px;width:40px;height:40px;padding:0;display:grid;place-items:center;border-radius:50%}.settings-button:hover{background:#aab3bb15}.dash-main{display:grid;grid-template-columns:56px minmax(0,1fr) 56px;align-items:center;gap:16px;flex:1;min-height:0;position:relative}.pedal{position:relative;overflow:hidden;width:100%;height:78%;max-height:410px;min-height:120px;padding:17px 6px 15px;border:1px solid #5e666d;border-radius:13px;background:linear-gradient(100deg,#757b7f 0%,#1e2529 4%,#050708 13%,#111719 78%,#31383d 94%,#73797c 100%);box-shadow:inset 0 0 0 3px #090c0e,0 5px 12px #0009;display:flex;align-items:center;flex-direction:column;gap:14px;touch-action:none}.pedal:after{content:'';position:absolute;left:6px;right:6px;top:42px;bottom:14px;border-radius:4px;border:1px solid #c5cbd00e;box-shadow:inset 0 0 7px #000;pointer-events:none}.pedal>span{font-size:8px;letter-spacing:1.4px;color:#bbc5ca;z-index:1}.pedal>i{flex:1;width:75%;background:repeating-linear-gradient(0deg,#06090b 0px,#06090b 10px,#495057 11px,#161c20 13px);border-radius:4px;opacity:.8;position:relative}.pedal>i:after{content:'';position:absolute;bottom:0;left:0;right:0;height:var(--pedal-level,0%);background:repeating-linear-gradient(0deg,#0c0e0f 0px,#0c0e0f 7px,var(--accent) 8px,var(--accent) 10px);box-shadow:0 0 10px #f0a44033}.pedal>b{font-size:18px;font-weight:400;color:#a8b1b6;line-height:.7}.pedal.brake{--accent:#e84442}.pedal.pressed{border-color:var(--accent);box-shadow:inset 0 0 0 3px #090c0e,0 0 13px color-mix(in srgb,var(--accent) 20%,transparent)}.instrument{height:100%;min-height:0;min-width:0;display:flex;flex-direction:column;justify-content:center;align-items:center;position:relative;padding:8px 0 0}.shift-lights{height:10px;display:flex;gap:6px;justify-content:center;align-items:center;flex-shrink:0;margin:0 0 7px;opacity:.7}.shift-lights i{width:11px;height:6px;border:1px solid #69727820;background:#090b0d;box-shadow:inset 0 1px 3px #000;border-radius:2px}.shift-lights i.lit{background:var(--light);box-shadow:0 0 9px var(--light);border-color:var(--light)}.dial-wrap{width:100%;height:calc(100% - 57px);min-height:0;position:relative;display:flex;align-items:center;justify-content:center;max-height:620px}#dial{height:100%;width:100%;max-width:620px;overflow:visible;filter:drop-shadow(0 8px 8px #000a);flex-shrink:1}#dial text{font-family:'Arial Narrow','Helvetica Neue',Arial,sans-serif}#dial .scale-number{font-weight:500;letter-spacing:-.8px}#dial #gear{font-variant-numeric:tabular-nums}.paddle{position:absolute;z-index:3;top:29%;height:39%;max-height:190px;width:47px;border:1px solid #777f84;border-radius:60% 12% 15% 45%;background:linear-gradient(100deg,#6c7378,#22282c 10%,#4c5458 48%,#171d20 92%,#747d81),repeating-linear-gradient(80deg,#fff1 0 1px,#0001 2px 3px);box-shadow:inset 1px 0 0 #c5cace99,inset -3px 0 6px #0008,3px 4px 8px #000a;color:#eef1f2;font-size:31px;text-shadow:0 1px 2px #000;clip-path:polygon(34% 2%,100% 0,71% 51%,98% 100%,22% 94%,0 62%,8% 31%)}.paddle.down{left:0}.paddle.up{right:0;transform:scaleX(-1)}.paddle.up{font-size:0}.paddle.up:after{content:'+';font-size:31px;display:block;transform:scaleX(-1)}.paddle:hover{border-color:var(--accent)}.speed-readout{display:flex;align-items:baseline;gap:6px;height:36px;flex-shrink:0;margin-top:4px;color:#d8dce0;font-variant-numeric:tabular-nums}.speed-readout>strong{font-size:26px;font-weight:500;letter-spacing:-.5px}.speed-readout>span{font-size:10px;color:#929da5}.speed-readout>i{height:19px;border-left:1px solid #67707877;align-self:center;margin:0 9px}.rpm-readout b{color:#d5dce1;font-size:15px;font-weight:500}.dash-footer{height:114px;min-height:96px;display:flex;align-items:center;justify-content:space-between;gap:25px;position:relative;z-index:4}.round{width:88px;height:88px;flex-shrink:0;border-radius:50%;padding:8px;position:relative;background:conic-gradient(from 40deg,#1d2225,#cad0d4 13%,#5d666d 18%,#121619 32%,#dce2e5 48%,#747c80 54%,#111619 67%,#aeb5b8 85%,#252b2e);box-shadow:0 0 0 2px #080a0c,0 0 0 3px #6c737866,0 5px 9px #000b}.round:before{content:'';position:absolute;inset:5px;border:1px solid #b2babd88;border-radius:50%;pointer-events:none}.round>span{height:100%;width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;border:2px solid #0a0c0e;border-radius:50%;box-shadow:inset 0 0 0 1px #89919599,inset 0 8px 9px #fff1,inset 0 -8px 15px #000b;background:radial-gradient(ellipse at 45% 18%,#3b4247,#14191c 65%,#080c0e);font-size:14px;font-weight:500;letter-spacing:.5px;text-shadow:0 1px 2px #000}.power>span{background:radial-gradient(ellipse at 48% 15%,#f95150,#aa1821 55%,#500710 95%);font-size:10px;line-height:1.15;letter-spacing:.3px;color:#fff}.power b{font-size:14px;font-weight:500}.power.running:after{content:'';position:absolute;bottom:16px;width:15px;left:calc(50% - 7px);height:2px;border-radius:2px;background:#fff;box-shadow:0 0 6px #fff}.rev>span{border-color:#090d10;box-shadow:inset 0 0 0 2px var(--accent),inset 0 8px 9px #fff1,inset 0 -8px 15px #000b}.rev.pressed>span{color:var(--accent);box-shadow:inset 0 0 0 2px var(--accent),0 0 18px color-mix(in srgb,var(--accent) 30%,transparent)}.footer-center{flex:1;min-width:0;max-width:660px;display:flex;align-self:stretch;flex-direction:column;justify-content:flex-end}.meters{display:flex;gap:20px;padding:0 8px 16px}.meters label{min-width:0;flex:1;font-size:9px;letter-spacing:1.5px;color:#c0c6ca}.meters output{float:right;font-size:10px;letter-spacing:0;color:#eff3f5}.meters label>i{display:block;height:10px;border:1px solid #7d858a99;border-radius:5px;background:#020405;margin-top:8px;box-shadow:inset 0 2px 4px #000;overflow:hidden;padding:2px}.meters i>b{display:block;height:100%;width:0;background:var(--accent);box-shadow:0 0 6px var(--accent);border-radius:1px}.meters label:last-child i>b{background:#e94b47}.tabs{display:flex;justify-content:center;align-self:center;min-width:80%;border-top:1px solid #5b62693d;position:relative}.tabs:before{content:'';position:absolute;left:50%;top:10px;height:22px;border-left:1px solid #69717855}.tabs button{position:relative;background:none;color:#858f96;flex:1;font-size:10px;letter-spacing:1.6px;padding:14px 8px}.tabs button.active{color:#f3f4f4}.tabs button.active:after{content:'';position:absolute;left:14%;right:14%;height:1px;bottom:3px;background:linear-gradient(90deg,transparent,var(--accent),transparent);box-shadow:0 2px 9px color-mix(in srgb,var(--accent) 55%,transparent)}.aux-panel{display:none;min-width:0}.aux-caption{font-size:8px;letter-spacing:1.8px;color:#aab4bb}.aux-car img{width:100%;max-height:120px;object-fit:contain;margin:25px 0 13px;filter:drop-shadow(0 10px 4px #0008)}.aux-car>strong{font-size:12px;text-transform:uppercase;letter-spacing:2px;font-weight:500;display:block;text-align:center}.aux-car>span:not(.aux-caption){font-size:9px;color:#939da5;line-height:1.7;letter-spacing:1px;text-align:center;margin-top:8px;display:block}.aux-rule{width:80%;height:1px;background:#5e677266;margin:24px auto}.exhaust-mode{font-size:10px;font-weight:400;letter-spacing:1px;display:flex;justify-content:space-between;margin-top:14px}.exhaust-mode i{color:var(--accent);font-size:8px}.aux-data{margin-top:20px}.aux-data label{font-size:8px;letter-spacing:1px;color:#a0aab2;display:block;border-bottom:1px solid #58616855;padding:9px 0}.aux-data strong{font-size:24px;font-weight:500;display:block;color:#e5eaed;margin-top:7px}.aux-data small{font-size:10px;color:#83909a}.aux-gmeter{height:90px;aspect-ratio:1;position:relative;border:1px solid #68768099;border-radius:50%;margin:22px auto 15px;background:linear-gradient(90deg,transparent 49.6%,#69778077 50%,transparent 50.4%),linear-gradient(0deg,transparent 49.6%,#69778077 50%,transparent 50.4%)}.aux-gmeter:before{content:'';position:absolute;inset:25%;border:1px dashed #69778077;border-radius:50%}.aux-gmeter i{position:absolute;width:6px;height:6px;left:calc(50% - 3px);top:calc(50% - 3px);border-radius:50%;background:var(--accent);box-shadow:0 0 5px var(--accent)}.digital-dial{display:none;height:94%;max-height:440px;width:calc(100% - 80px);min-width:170px;position:relative;text-align:center;padding:18px 20px 10px;background:linear-gradient(150deg,#182028,#030608 75%);border:2px solid #515b65;border-radius:17px;box-shadow:inset 0 0 0 4px #0b1014,0 5px 12px #000a;flex-direction:column}.digital-dial>span{font-size:9px;letter-spacing:2px;color:#aebac3;position:absolute;left:20px;top:27px}.digital-dial>strong{font-variant-numeric:tabular-nums;font-size:29px;font-weight:600;text-align:right;line-height:1.1;letter-spacing:1px}.digital-scale{display:flex;height:20px;margin:12px 0 0;gap:2px}.digital-scale i{flex:1;background:#303e49;border-bottom:1px solid #516271}.digital-scale i.lit{background:#d4eff7}.digital-scale i:nth-last-child(-n+6).lit{background:#ed414b}.digital-scale:after{content:'0           2500          5000          7500          10000          12500         15000';position:absolute;top:89px;left:20px;right:20px;white-space:pre;font-size:6px;color:#91a2af;overflow:hidden}.digital-gear{font-size:clamp(90px,16vh,190px);font-weight:600;line-height:1.05;flex:1;display:grid;place-items:center;padding-top:18px;font-variant-numeric:tabular-nums}.digital-dial>small{font-size:8px;letter-spacing:3px;color:#7a8e9c}.digital-speed{margin-top:10px;display:flex;flex-direction:column;align-items:center;gap:3px}.digital-speed b{font-size:32px;font-weight:500}.digital-speed span{font-size:10px;letter-spacing:1px;color:#a2b0bb}.dynamics[hidden]{display:none}.dynamics{position:absolute;z-index:5;inset:90px 30px 125px;background:linear-gradient(145deg,#12191ff5,#05090cf8);border:1px solid #66727d;border-radius:12px;padding:24px;display:flex;flex-direction:column;box-shadow:inset 0 0 0 4px #0006,0 10px 25px #000a}.dynamics>header{display:flex;justify-content:space-between;font-size:10px;letter-spacing:1.5px;border-bottom:1px solid #555f6b66;padding-bottom:15px}.sim-tag{font-size:8px;color:var(--accent)}.dynamics-grid{flex:1;min-height:0;display:flex;align-items:center;justify-content:space-around;gap:30px}.readings{flex:1;max-width:320px}.readings label{display:block;font-size:9px;letter-spacing:1px;color:#98a5b0;border-bottom:1px solid #3d495555;padding:9px 0}.readings strong{font-size:28px;font-weight:500;color:var(--accent);display:block;margin-top:5px}.readings small{font-size:11px;color:#a9b5bf}.g-meter{flex:1;max-width:250px;display:flex;align-items:center;flex-direction:column;gap:16px;font-size:8px;letter-spacing:2px;color:#a7b1bc}.g-circle{width:100%;aspect-ratio:1;border:1px solid #81939f;border-radius:50%;position:relative;background:linear-gradient(90deg,transparent 49.7%,#7d919d99 50%,transparent 50.3%),linear-gradient(0deg,transparent 49.7%,#7d919d99 50%,transparent 50.3%)}.g-circle:after{content:'';position:absolute;inset:25%;border:1px dashed #71849099;border-radius:50%}.g-circle>i{position:absolute;left:calc(50% - 5px);top:calc(50% - 5px);height:10px;width:10px;background:var(--accent);border-radius:50%;box-shadow:0 0 10px var(--accent)}#backCockpit{background:#252f37;border:1px solid #69778066;border-radius:5px;padding:10px;font-size:11px;color:#c6d1d9}.toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);padding:12px 20px;background:#1e2830;border:1px solid #697a86;border-radius:8px;box-shadow:0 6px 18px #0009;color:#edf5fa;opacity:0;pointer-events:none;font-size:12px;z-index:30;transition:opacity .2s}.toast.visible{opacity:1}
/* Distinct materials and instrument families. */
[data-theme=ferrari]{--accent:#ed2b2e;--trim:#a91622;background-image:radial-gradient(ellipse at 50% 40%,#19202455,#020405d9 80%),var(--dashboard-texture)}.cockpit[data-theme=ferrari]:before{box-shadow:inset 0 2px 0 #d1262e99,inset 0 -2px 0 #d1262e55,inset 0 8px 14px #0008}.cockpit[data-theme=ferrari] .car-title>span:first-child{font-family:Georgia,serif;font-size:20px;letter-spacing:0}.cockpit[data-theme=ferrari] .paddle{background:repeating-linear-gradient(45deg,#171b1d 0 2px,#22282c 2px 4px);border-color:#727a7e}.cockpit[data-theme=ferrari] .rev>span{box-shadow:inset 0 0 0 2px #ed3339,inset 0 5px 10px #fff2}.cockpit[data-theme=ferrari] .shift-lights{visibility:hidden}
[data-theme=porsche]{--accent:#ee9d33}.cockpit[data-theme=porsche] .shift-lights{visibility:hidden}.cockpit[data-theme=porsche] .speed-readout{opacity:.55;font-size:8px;height:23px}.cockpit[data-theme=porsche] .speed-readout>strong,.cockpit[data-theme=porsche] .speed-readout>span:not(.rpm-readout),.cockpit[data-theme=porsche] .speed-readout>i{display:none}
[data-theme=muscle]{--accent:#d9bc8c;--trim:#79664c;background:linear-gradient(180deg,#070809 0 13%,transparent 13% 86%,#050607 86%),repeating-linear-gradient(2deg,#392317 0px,#593721 2px,#312017 3px,#51321d 7px,#231c17 9px);color:#e8d2af}.cockpit[data-theme=muscle]:before{box-shadow:inset 0 2px 0 #c1b59788;background:radial-gradient(ellipse at 50% 20%,#0001,#0008)}.cockpit[data-theme=muscle] .dash-header{border-bottom-color:#b8a48255}.cockpit[data-theme=muscle] .car-title>span:first-child{color:#ccb691}.cockpit[data-theme=muscle] .car-title strong{font-family:Georgia,serif;letter-spacing:2px;font-size:22px}.cockpit[data-theme=muscle] .shift-lights{visibility:hidden}.cockpit[data-theme=muscle] .paddle{height:47px;width:47px;max-height:47px;top:76%;clip-path:none;border-radius:50%;background:radial-gradient(circle,#151615,#060707 60%,#bfc6c8 65%,#414746 69%,#080a0a 73%,#8e9693);border:0;color:#e9d4b0}.cockpit[data-theme=muscle] .paddle.up{transform:none;font-size:30px}.cockpit[data-theme=muscle] .paddle.up:after{display:none}.cockpit[data-theme=muscle] .aux-panel{border-radius:50%;border:4px ridge #949a98;background:#0b0d0e;box-shadow:0 0 0 3px #0007,inset 0 0 20px #000}.cockpit[data-theme=muscle] .aux-car{padding:30px 15px}.cockpit[data-theme=muscle] .aux-car img{margin:15px 0}.cockpit[data-theme=muscle] .aux-telemetry{padding:28px 20px}.cockpit[data-theme=muscle] .aux-data{margin-top:10px}.cockpit[data-theme=muscle] .aux-gmeter{height:60px;margin:14px auto 10px}.cockpit[data-theme=muscle] .aux-rule{margin:10px auto}.cockpit[data-theme=muscle] .tabs{border:3px ridge #888575;border-radius:14px;background:#0b0c0c}.cockpit[data-theme=muscle] .tabs button.active{background:linear-gradient(#eeddbc,#b2a180);color:#171916;border-radius:9px}.cockpit[data-theme=muscle] .tabs button.active:after{display:none}
[data-theme=monster]{--accent:#f6ae34;--trim:#5d5445;background:radial-gradient(ellipse at 50% 35%,#1d202344,#05070899),var(--dashboard-texture) center/250px}.cockpit[data-theme=monster]:after{content:'';position:absolute;inset:5px;pointer-events:none;border:1px solid #71726c88;box-shadow:inset 0 0 0 3px #080a0c;border-radius:6px;z-index:-1}.cockpit[data-theme=monster] .car-title strong{font-size:28px;font-weight:900;letter-spacing:-.3px}.cockpit[data-theme=monster] .aux-panel{background:#090c0fcc;border:4px ridge #6c6c64;border-radius:5px}.cockpit[data-theme=monster] .paddle{height:58px;width:44px;max-height:58px;top:75%;clip-path:polygon(0 20%,100% 0,100% 100%,0 100%);border-radius:3px;color:#ffb73c;background:linear-gradient(100deg,#898d83,#333730 15%,#20241f 80%,#777b70)}.cockpit[data-theme=monster] .power{border-radius:10px;box-shadow:0 0 0 4px #333d3c,0 0 0 5px #89938c,0 5px 10px #000}.cockpit[data-theme=monster] .shift-lights i{width:14px;height:10px;border-radius:50%;background:#090b0c;border-color:#65686377}.cockpit[data-theme=monster] .meters i{height:12px;border-radius:3px;border-color:#747870}.cockpit[data-theme=monster] .tabs{border:1px solid #5f686c;background:#111718;border-radius:6px}.cockpit[data-theme=monster] .tabs button.active{color:#ffb638}
[data-theme=f1]{--accent:#49d0e2;--trim:#9c2229;background:linear-gradient(180deg,#020304aa,#0006),repeating-linear-gradient(45deg,#252a2e 0 2px,#161c20 2px 4px,#2c3236 4px 6px,#12171b 6px 8px)}.cockpit[data-theme=f1] .car-title>span:first-child{color:#ee333d;font-weight:900;font-style:italic;font-size:25px;letter-spacing:-2px}.cockpit[data-theme=f1] .car-title strong{font-style:italic;letter-spacing:1px}.cockpit[data-theme=f1] #dial{display:none}.cockpit[data-theme=f1] .digital-dial{display:flex}.cockpit[data-theme=f1] .speed-readout{display:none}.cockpit[data-theme=f1] .dial-wrap{height:calc(100% - 28px)}.cockpit[data-theme=f1] .shift-lights{height:18px;opacity:1;margin:0 0 12px}.cockpit[data-theme=f1] .shift-lights i{height:13px;width:17px;border-radius:50%;background:#142129;border:1px solid #313e48;box-shadow:inset 0 3px 5px #000}.cockpit[data-theme=f1] .aux-panel{border-radius:10px;background:#04090bcc;border:3px ridge #4b555c}.cockpit[data-theme=f1] .paddle{clip-path:polygon(0 0,100% 13%,100% 87%,0 100%);border-radius:4px;top:34%;height:40%;background:linear-gradient(90deg,#363e45,#141c22);width:39px}
[data-theme=urus]{--accent:#b8df46;--trim:#5b7130;background:radial-gradient(ellipse at 50% 30%,#18201d66,#020504ee),repeating-conic-gradient(#101719 0 25%,#171d1f 0 50%) 0/10px 10px}.cockpit[data-theme=urus] .car-title>span:first-child{font-family:Georgia,serif;font-size:16px;font-style:italic;letter-spacing:.5px}.cockpit[data-theme=urus] .car-title strong{letter-spacing:3px}.cockpit[data-theme=urus] .aux-panel{clip-path:polygon(10% 0,100% 0,100% 90%,90% 100%,0 100%,0 10%);border:1px solid #9ec44c55;background:#09100edd;border-radius:0}.cockpit[data-theme=urus] .paddle{clip-path:polygon(25% 0,85% 0,100% 30%,85% 100%,15% 100%,0 70%);height:65px;top:73%;background:#242d2d;color:#f0f8f0}.cockpit[data-theme=urus] .power{border-radius:19px;background:linear-gradient(#ed342c 0 17%,#333d3f 20%,#020604 90%);border:1px solid #a0ac9e}.cockpit[data-theme=urus] .tabs{clip-path:polygon(5% 0,100% 0,95% 100%,0 100%);background:#1a2421;border:1px solid #7e9a5366}.cockpit[data-theme=urus] .tabs button.active{color:#b8df46}
[data-theme=bugatti]{--accent:#82b8da;--trim:#648193}.cockpit[data-theme=bugatti] .car-title>span:first-child{font-family:Georgia,serif;font-size:15px;letter-spacing:3px}.cockpit[data-theme=bugatti] .shift-lights{visibility:hidden}.cockpit[data-theme=bugatti] .aux-panel{border-radius:50%;border:2px solid #70849466;background:radial-gradient(circle at 40% 30%,#0c2130,#04090d 85%);padding-top:28px;padding-bottom:28px}
[data-theme=hellcat]{--accent:#e34a42;--trim:#85413d}.cockpit[data-theme=hellcat] .car-title strong{letter-spacing:1px}.cockpit[data-theme=hellcat] .aux-panel{border-top:1px solid #bd42365c;border-bottom:1px solid #bd42365c;background:#080d10aa}.cockpit[data-theme=hellcat] .shift-lights{visibility:hidden}
[data-theme=gtr]{--accent:#e63341;--trim:#7e2630}.cockpit[data-theme=gtr] .aux-panel{border:1px solid #626e7c;border-radius:5px;background:linear-gradient(#131d26dd,#050c12ee)}.cockpit[data-theme=gtr] .car-title strong{font-style:normal;letter-spacing:-1px}.cockpit[data-theme=gtr] .shift-lights{visibility:hidden}.cockpit[data-theme=gtr] .paddle{border-radius:8px;clip-path:polygon(0 8%,100% 0,80% 100%,15% 95%);background:linear-gradient(100deg,#58636a,#242d32 30%,#11191d)}
/* Garage and settings share the same tactile visual language. */
dialog{width:min(900px,95vw);max-height:90svh;overflow:auto;color:#edf1f5;background:radial-gradient(ellipse at 30% 10%,#242e37,#10171e);border:1px solid #65727e;border-radius:14px;padding:26px;box-shadow:0 35px 100px #000c}dialog::backdrop{background:#020507c9;backdrop-filter:blur(8px)}.dialog-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px}.dialog-heading small{font-size:9px;letter-spacing:3px;color:#a2b2bf}.dialog-heading h1{font-size:30px;font-weight:500;margin:6px 0}.dialog-heading button{width:36px;height:36px;border:1px solid #677b8c66;border-radius:50%;background:#293641;color:#c7d5df}.garage{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.car-card{text-align:left;min-width:0;background:linear-gradient(145deg,#1a2833,#101922);border:1px solid #697e9144;border-radius:9px;padding:13px;position:relative}.car-card:hover{border-color:#a8bfd388}.car-card.selected{border-color:#d8b66b;background:linear-gradient(145deg,#343128,#171e24);box-shadow:inset 0 0 0 1px #d8b66b22}.car-card img{width:100%;height:85px;object-fit:contain;filter:drop-shadow(0 10px 5px #0008);margin:3px 0 12px;display:block}.car-card strong{font-size:12px;font-weight:600;letter-spacing:.3px}.car-card small{display:block;font-size:9px;color:#92a5b4;line-height:1.7;margin-top:5px}.monster-icon{height:85px;display:grid;place-items:center;font-size:24px;font-style:italic;font-weight:800;color:#97d568}.settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:23px;border-top:1px solid #63778944;margin-top:24px;padding-top:24px}.settings-grid label{font-size:12px;color:#bacbd7}.settings-grid output{float:right;color:#e0bd6c}.settings-grid input{width:100%;display:block;margin-top:16px;accent-color:#d7b469}.settings-grid select{width:100%;padding:10px;background:#1b2935;border:1px solid #677f9355;color:#dce5ed;border-radius:5px;font-size:11px;margin-top:12px}.sensor-status{font-size:11px;line-height:1.5;color:#8ca1b1;margin-top:23px}
@media(min-width:880px){.dash-main{grid-template-columns:50px minmax(120px,.65fr) minmax(300px,1.7fr) minmax(120px,.65fr) 50px;gap:14px}.aux-panel{display:flex;flex-direction:column;justify-content:center;padding:20px 16px;max-height:370px;min-height:230px;align-self:center}.aux-car{align-items:center}.aux-telemetry{justify-content:center}.instrument{padding-left:0;padding-right:0}.dial-wrap{max-height:540px}.dash-footer{gap:35px}.round{height:96px;width:96px}.aux-car .exhaust-mode{width:100%}.aux-car .aux-rule{margin-top:18px;margin-bottom:18px}}
@media(min-width:1400px){.cockpit{padding:22px 35px 15px}.dash-main{grid-template-columns:65px minmax(190px,.8fr) minmax(420px,1.7fr) minmax(190px,.8fr) 65px;gap:25px}.aux-panel{padding-left:25px;padding-right:25px}.aux-car img{max-height:150px}.dash-footer{height:135px}.car-title strong{font-size:31px}.car-title>span:first-child{font-size:15px}}
@media(max-width:759px){.cockpit{padding:14px 17px 8px}.dash-header{height:54px;min-height:54px;padding-bottom:12px}.car-switch{gap:3px}.car-arrow{width:30px;min-width:30px;height:36px;font-size:29px}.car-title{gap:8px;padding:0 7px}.car-title>span:first-child{font-size:9px;letter-spacing:2px}.car-title strong{font-size:23px}.live-status{display:none}.settings-button{font-size:25px;width:34px}.header-actions{gap:0}.dash-main{grid-template-columns:40px minmax(0,1fr) 40px;gap:6px}.pedal{height:71%;max-height:335px;padding:14px 5px;gap:13px}.pedal>span{font-size:7px;letter-spacing:.7px}.pedal>i{width:75%}.paddle{width:35px;height:37%;top:29%}.paddle.up:after{font-size:28px}.paddle.down{font-size:28px}.dial-wrap{max-height:490px}.dash-footer{gap:17px;height:110px;min-height:100px}.round{width:75px;height:75px;padding:7px}.power>span{font-size:9px}.power b{font-size:13px}.round>span{font-size:13px}.meters{padding:0 0 14px;gap:14px}.meters label{font-size:7px;letter-spacing:1px}.meters output{font-size:8px}.meters label>i{height:8px;margin-top:6px}.tabs{min-width:100%}.tabs button{font-size:9px;letter-spacing:1px;padding:15px 4px}.dynamics{inset:84px 17px 120px;padding:19px}.dynamics-grid{gap:20px}.readings label{font-size:8px}.readings strong{font-size:25px}.garage{gap:8px}.car-card{padding:10px}.car-card img{height:72px}.car-card strong{font-size:11px}.car-card small{font-size:8px}.digital-dial{width:calc(100% - 60px);padding:20px 15px 12px}.digital-dial>strong{font-size:27px}.digital-dial>span{font-size:7px;left:15px;top:30px}.digital-scale:after{font-size:5px;left:15px;right:15px}.cockpit[data-theme=f1] .paddle{width:32px}.cockpit[data-theme=ferrari] .car-title>span:first-child{font-size:15px}.cockpit[data-theme=monster] .car-title strong{font-size:24px}.cockpit[data-theme=muscle] .car-title strong{font-size:18px}.cockpit[data-theme=bugatti] .car-title>span:first-child{font-size:12px;letter-spacing:2px}}
@media(max-width:459px){.cockpit{padding:10px 10px 6px}.dash-header{height:50px;min-height:50px}.car-switch{gap:0}.car-arrow{width:26px;min-width:26px;height:33px;font-size:25px}.car-title{gap:5px;padding:0 6px}.car-title>span:first-child{font-size:8px;letter-spacing:1px}.car-title strong{font-size:18px}.car-title strong em{font-size:.63em}.chevron{display:none}.settings-button{width:30px;font-size:22px}.dash-main{grid-template-columns:29px minmax(0,1fr) 29px;gap:4px}.pedal{border-radius:8px;max-height:270px;padding:13px 3px}.pedal>span{writing-mode:vertical-rl;font-size:8px;letter-spacing:1px}.pedal>i{width:60%}.pedal>b{font-size:15px}.paddle{width:27px;min-height:75px}.paddle.down{font-size:23px}.paddle.up:after{font-size:23px}.dash-footer{gap:10px;height:98px;min-height:90px}.round{width:60px;height:60px;padding:6px}.round>span{font-size:11px}.power>span{font-size:7px}.power b{font-size:10px}.meters{gap:9px;padding-bottom:12px}.meters label{font-size:6px;letter-spacing:0}.meters output{font-size:7px}.tabs button{font-size:7px;letter-spacing:.8px;padding:13px 3px}.tabs:before{height:16px}.speed-readout>strong{font-size:23px}.speed-readout{height:31px}.rpm-readout b{font-size:12px}.speed-readout>span{font-size:9px}.dynamics{inset:76px 10px 104px;padding:15px}.dynamics>header{font-size:8px;letter-spacing:.5px}.dynamics-grid{gap:13px}.readings label{font-size:7px;letter-spacing:.5px}.readings strong{font-size:22px}.g-meter{font-size:6px;letter-spacing:.5px}.garage{grid-template-columns:repeat(2,minmax(0,1fr))}.settings-grid{grid-template-columns:1fr}dialog{padding:20px 15px}.digital-dial{width:calc(100% - 45px);min-width:150px;padding:17px 10px 10px}.digital-dial>strong{font-size:23px}.digital-dial>span{font-size:6px;top:24px;left:12px}.digital-scale{gap:1px;height:17px}.digital-scale:after{top:75px;font-size:4px;left:10px}.digital-gear{font-size:110px}.digital-speed b{font-size:25px}.cockpit[data-theme=f1] .paddle{width:25px}.cockpit[data-theme=f1] .shift-lights{gap:4px}.cockpit[data-theme=f1] .shift-lights i{width:12px;height:10px}.cockpit[data-theme=ferrari] .car-title>span:first-child{font-size:14px}.cockpit[data-theme=urus] .car-title>span:first-child{font-size:12px}.cockpit[data-theme=muscle] .car-title strong{font-size:15px}.cockpit[data-theme=monster] .car-title strong{font-size:20px}.cockpit[data-theme=bugatti] .car-title>span:first-child{font-size:10px;letter-spacing:1px}}
@media(max-height:560px) and (min-width:560px){.cockpit{padding:10px 18px 6px}.dash-header{height:37px;min-height:37px;padding-bottom:7px}.car-arrow{height:30px;width:28px;min-width:28px;font-size:26px}.car-title strong{font-size:21px}.car-title>span:first-child{font-size:10px}.settings-button{height:30px;font-size:23px}.dash-main{gap:10px;grid-template-columns:40px minmax(0,1fr) 40px}.pedal{min-height:100px;height:83%;padding:12px 4px;gap:9px}.pedal>span{font-size:7px}.dash-footer{height:78px;min-height:78px}.round{width:62px;height:62px;padding:6px}.round>span{font-size:12px}.power>span{font-size:8px}.power b{font-size:11px}.meters{padding-bottom:7px}.tabs button{font-size:8px;padding:10px 4px}.tabs:before{top:7px;height:15px}.meters label{font-size:8px}.meters label>i{height:7px;margin-top:5px}.instrument{padding-top:3px}.shift-lights{height:7px;margin-bottom:2px}.shift-lights i{height:4px;width:9px}.speed-readout{height:26px;margin-top:0}.speed-readout>strong{font-size:21px}.paddle{width:31px}.paddle.up:after{font-size:25px}.paddle.down{font-size:25px}.dynamics{inset:60px 18px 87px;padding:14px}.dynamics>header{padding-bottom:8px}.readings label{padding:5px 0;font-size:7px}.readings strong{font-size:21px;margin-top:1px}.g-meter{max-width:150px;gap:8px}.digital-dial{max-height:290px;padding:12px 15px 8px}.digital-dial>strong{font-size:22px}.digital-dial>span{top:18px;font-size:7px}.digital-scale{height:14px;margin-top:9px}.digital-scale:after{top:62px;font-size:5px}.digital-gear{font-size:88px;padding-top:9px}.digital-speed{margin-top:4px;gap:0}.digital-speed b{font-size:24px}.digital-speed span{font-size:8px}.digital-dial>small{font-size:6px}.cockpit[data-theme=f1] .shift-lights{height:10px;margin:0 0 4px}.cockpit[data-theme=f1] .shift-lights i{height:8px;width:12px}}
@media(max-height:560px) and (min-width:880px){.dash-main{grid-template-columns:40px minmax(110px,.65fr) minmax(260px,1.7fr) minmax(110px,.65fr) 40px;gap:12px}.aux-panel{min-height:170px;padding:15px 12px;max-height:240px}.aux-car img{max-height:70px;margin:8px 0}.aux-car>strong{font-size:10px;letter-spacing:1px}.aux-car>span:not(.aux-caption){font-size:8px;margin-top:5px}.aux-caption{font-size:7px;letter-spacing:1px}.aux-car .aux-rule{margin:12px 0}.exhaust-mode{font-size:8px;margin-top:9px}.aux-data{margin-top:7px}.aux-data label{font-size:7px;padding:5px 0}.aux-data strong{font-size:18px;margin-top:4px}.aux-gmeter{height:53px;margin:12px auto 10px}.cockpit[data-theme=muscle] .aux-panel{min-height:190px;max-height:230px;padding:15px}.cockpit[data-theme=muscle] .aux-gmeter{height:48px;margin:8px auto}.cockpit[data-theme=muscle] .aux-rule{margin:8px auto}}
@media(prefers-reduced-motion:reduce){*{transition:none!important}}

/* Scale labels line up with their actual values, at every viewport width. */
.digital-scale:after{display:none}.digital-scale-labels{display:flex;justify-content:space-between;margin-top:5px;font-size:8px;color:#afc0cc;font-variant-numeric:tabular-nums}.digital-gear{padding-top:8px}
.cockpit[data-theme=porsche] .speed-readout{visibility:hidden;height:16px}
.cockpit[data-theme=bugatti] .speed-readout>strong,.cockpit[data-theme=bugatti] .speed-readout>span:not(.rpm-readout),.cockpit[data-theme=bugatti] .speed-readout>i,.cockpit[data-theme=hellcat] .speed-readout>strong,.cockpit[data-theme=hellcat] .speed-readout>span:not(.rpm-readout),.cockpit[data-theme=hellcat] .speed-readout>i,.cockpit[data-theme=muscle] .speed-readout>strong,.cockpit[data-theme=muscle] .speed-readout>span:not(.rpm-readout),.cockpit[data-theme=muscle] .speed-readout>i,.cockpit[data-theme=monster] .speed-readout>strong,.cockpit[data-theme=monster] .speed-readout>span:not(.rpm-readout),.cockpit[data-theme=monster] .speed-readout>i,.cockpit[data-theme=gtr] .speed-readout>strong,.cockpit[data-theme=gtr] .speed-readout>span:not(.rpm-readout),.cockpit[data-theme=gtr] .speed-readout>i{display:none}
.cockpit[data-theme=urus] .speed-readout>i,.cockpit[data-theme=urus] .rpm-readout{display:none}
.cockpit:not([data-theme=muscle]):not([data-theme=f1]):not([data-theme=urus]):before{background:var(--dashboard-texture) repeat center/380px 380px;opacity:.19;filter:brightness(1.7)}
@media(max-width:459px){.digital-scale-labels{font-size:6px}.car-title strong{font-size:17px}}
@media(max-height:560px) and (min-width:560px){.digital-scale-labels{font-size:6px;margin-top:3px}.digital-gear{padding-top:3px}}
/* Working modes: the instrument stays visible; dynamics occupies its sides. */
.cockpit .dash-main{grid-template-columns:48px minmax(0,1fr) 48px;gap:16px}
.cockpit .aux-panel{display:none}
.cockpit .instrument{width:100%;justify-self:center;max-width:980px}
.cockpit .dial-wrap{max-height:600px}
.cockpit #dial{width:calc(100% - 128px);max-width:600px}
.cockpit .paddle{width:62px;min-height:100px;height:55%;max-height:235px;top:22%;font-size:42px;clip-path:polygon(25% 2%,100% 0,75% 47%,96% 100%,16% 94%,0 62%,7% 28%)}
.cockpit .paddle.up{font-size:0}
.cockpit .paddle.up:after{font-size:42px}
.cockpit .paddle.down{left:0}
.cockpit .paddle.up{right:0}
.cockpit.show-dynamics .dash-main{grid-template-columns:42px minmax(130px,.8fr) minmax(220px,2.15fr) minmax(130px,.8fr) 42px;gap:12px}
.cockpit.show-dynamics .aux-panel{display:flex;flex-direction:column;align-items:center;justify-content:center;aspect-ratio:1;width:100%;height:auto;min-height:0;max-height:none;padding:14% 12%;border:3px ridge #6e767c;border-radius:50%;background:radial-gradient(ellipse at 45% 30%,#151b20,#030607 83%);box-shadow:inset 0 0 0 3px #0009,inset 0 0 25px #0009,0 3px 8px #0008;overflow:hidden}
.aux-panel h2{font-size:clamp(7px,1vw,13px);font-weight:500;letter-spacing:1.4px;text-align:center;margin:0 0 9px;width:100%;color:#c7d2da;white-space:nowrap}
.aux-panel .aux-data{width:100%;margin:0;min-width:0}
.aux-panel .aux-data label{font-size:clamp(6px,.65vw,9px);letter-spacing:.7px;text-align:center;line-height:1.2;padding:6px 0}
.aux-panel .aux-data label:last-child{border:0}
.aux-panel .aux-data strong{font-size:clamp(15px,2vw,27px);line-height:1.2;margin-top:4px}
.aux-panel .aux-data small{font-size:.45em}
.cockpit .aux-gmeter{width:100%;height:auto;aspect-ratio:1;margin:3px 0 8px;flex-shrink:0;border-color:#62737f}
.aux-gmeter:after{content:'';position:absolute;inset:11%;border:1px solid #42566088;border-radius:50%}
.aux-gmeter .g-scale-one,.aux-gmeter .g-scale-half{position:absolute;color:#9cabb6;font-size:clamp(5px,.6vw,8px);right:4%;top:10%;white-space:nowrap}
.aux-gmeter .g-scale-half{right:24%;top:30%}
.aux-load{font-size:clamp(6px,.7vw,9px);color:#94a7b5;display:flex;gap:9px;justify-content:center;white-space:nowrap}
.aux-load b{font-weight:400;color:#dbe5ed}
.aux-panel .aux-caption{font-size:clamp(5px,.6vw,8px);margin-top:7px;letter-spacing:1px}
.cockpit.show-dynamics #dial{width:calc(100% - 96px)}
.cockpit.show-dynamics .paddle{width:47px;height:52%;top:23%;font-size:34px}
.cockpit.show-dynamics .paddle.up{font-size:0}.cockpit.show-dynamics .paddle.up:after{font-size:34px}
.cockpit .dash-footer{height:132px;min-height:110px;gap:22px}
.footer-controls{display:flex;justify-content:center;margin:0 0 9px;min-height:25px}
.escape-control{display:flex;gap:12px;align-items:center;color:#8f9da6;font-size:8px;letter-spacing:1.4px;background:#05090bad;border:1px solid #66798777;border-radius:6px;padding:6px 12px;min-width:180px;justify-content:space-between;box-shadow:inset 0 1px 0 #ffffff0a}
.escape-control b{font-size:10px;font-weight:500;color:var(--accent);letter-spacing:.5px}.escape-control>span{font-size:16px;color:#c9d4dc;line-height:10px}
.cockpit .power>span{font-size:10px;line-height:1.8}.cockpit .power b{font-size:11px;font-weight:600;letter-spacing:0}.cockpit .rev>span{font-size:10px;letter-spacing:0}
.cockpit[data-theme=muscle] .paddle,.cockpit[data-theme=monster] .paddle,.cockpit[data-theme=urus] .paddle{max-height:220px;height:53%;top:23%;border-radius:9px;clip-path:polygon(20% 0,100% 5%,80% 100%,10% 94%,0 55%)}
.cockpit[data-theme=muscle] .paddle.up{transform:scaleX(-1);font-size:0}.cockpit[data-theme=muscle] .paddle.up:after{display:block}
.cockpit.show-dynamics[data-theme=monster] .aux-panel,.cockpit.show-dynamics[data-theme=f1] .aux-panel{aspect-ratio:auto;min-height:230px;border-radius:9px;border:3px ridge #6e767c;padding:23px 16px;background:#050b0f}
.cockpit.show-dynamics[data-theme=urus] .aux-panel{clip-path:none;border-radius:50%;border:2px solid #586e7d;background:radial-gradient(circle at 40% 30%,#142430,#020609 85%)}
@media(max-width:759px){.cockpit .dash-main{grid-template-columns:35px minmax(0,1fr) 35px;gap:8px}.cockpit #dial{width:calc(100% - 100px)}.cockpit .paddle{width:48px;max-height:220px;height:53%;top:23%;font-size:34px}.cockpit .paddle.up:after{font-size:34px}.cockpit.show-dynamics .dash-main{grid-template-columns:26px minmax(78px,.7fr) minmax(0,2.6fr) minmax(78px,.7fr) 26px;gap:5px}.cockpit.show-dynamics .aux-panel{padding:12% 10%;border-width:2px}.aux-panel h2{font-size:7px;letter-spacing:.5px;margin-bottom:4px}.aux-panel .aux-data label{font-size:5px;letter-spacing:0;padding:4px 0}.aux-panel .aux-data strong{font-size:14px;margin-top:3px}.aux-panel .aux-data small{font-size:7px}.cockpit.show-dynamics #dial{width:calc(100% - 50px)}.cockpit.show-dynamics .paddle{width:27px;min-height:80px;height:32%;max-height:110px;top:34%;font-size:22px}.cockpit.show-dynamics .paddle.up:after{font-size:22px}.cockpit.show-dynamics[data-theme=f1] .aux-panel,.cockpit.show-dynamics[data-theme=monster] .aux-panel{min-height:170px;padding:12px 8px}.cockpit .aux-load{font-size:5px;gap:4px}.cockpit .aux-caption{font-size:5px;letter-spacing:.3px}.cockpit .dash-footer{height:134px;min-height:119px;gap:15px}.escape-control{min-width:170px;font-size:7px;padding:5px 10px}.escape-control b{font-size:9px}.footer-controls{margin-bottom:8px}.cockpit .power>span{font-size:8px}.cockpit .power b{font-size:9px}.cockpit .rev>span{font-size:9px}}
@media(max-width:459px){.cockpit .dash-main{grid-template-columns:25px minmax(0,1fr) 25px;gap:3px}.cockpit #dial{width:calc(100% - 76px)}.cockpit .paddle{width:38px;min-height:100px;max-height:175px;top:27%;height:45%;font-size:28px}.cockpit .paddle.up:after{font-size:28px}.cockpit.show-dynamics .dash-main{grid-template-columns:17px minmax(55px,.6fr) minmax(0,2.9fr) minmax(55px,.6fr) 17px;gap:3px}.cockpit.show-dynamics #dial{width:100%}.cockpit.show-dynamics .paddle{top:69%;height:45px;min-height:45px;width:25px;border-radius:6px;clip-path:none;font-size:19px}.cockpit.show-dynamics .paddle.up:after{font-size:19px}.cockpit.show-dynamics .aux-panel{padding:10% 8%;aspect-ratio:.7}.aux-panel h2{font-size:5px;letter-spacing:0}.aux-panel .aux-data label{font-size:4px}.aux-panel .aux-data strong{font-size:11px}.aux-panel .aux-data small{font-size:5px}.cockpit.show-dynamics[data-theme=monster] .aux-panel,.cockpit.show-dynamics[data-theme=f1] .aux-panel{min-height:140px;padding:9px 4px}.cockpit.show-dynamics .aux-gmeter{width:100%}.cockpit .dash-footer{gap:10px}.escape-control{min-width:135px;gap:8px;padding:5px 8px}.escape-control b{font-size:8px}.escape-control{font-size:6px;letter-spacing:.4px}.cockpit .power b{font-size:7px}.cockpit .rev>span{font-size:7px}}
@media(max-height:560px) and (min-width:560px){.cockpit .dash-footer{height:102px;min-height:102px}.footer-controls{min-height:22px;margin-bottom:6px}.escape-control{padding:4px 10px;min-width:165px;font-size:7px}.escape-control b{font-size:9px}.cockpit .paddle{height:53%;max-height:175px;top:24%;width:53px}.cockpit #dial{width:calc(100% - 112px)}.cockpit.show-dynamics #dial{width:calc(100% - 86px)}.cockpit.show-dynamics .paddle{width:43px}.cockpit .power b{font-size:8px}.cockpit .rev>span{font-size:8px}.cockpit.show-dynamics[data-theme=monster] .aux-panel,.cockpit.show-dynamics[data-theme=f1] .aux-panel{min-height:190px}}
/* OFF preserves the selected vehicle; ON swaps it for live side instruments. */
.cockpit .dash-main{grid-template-columns:44px minmax(135px,.65fr) minmax(0,2fr) 44px;gap:14px}
.cockpit .brake{grid-column:1;grid-row:1}
.cockpit .aux-car{display:flex;grid-column:2;grid-row:1;align-self:center;flex-direction:column;align-items:center;justify-content:center;min-height:0;aspect-ratio:1;border:2px solid #58636c;border-radius:50%;padding:17% 11%;background:radial-gradient(ellipse at 40% 25%,#172027,#03070a 85%);box-shadow:inset 0 0 0 4px #02040699,0 3px 9px #0009;overflow:hidden}
.cockpit .aux-car img{width:100%;height:clamp(50px,8vw,140px);object-fit:contain;margin:12px 0 13px;flex-shrink:0}
.cockpit .aux-car>strong{display:block;font-size:clamp(9px,1vw,14px);font-weight:500;line-height:1.4;letter-spacing:1px;text-align:center;max-width:100%;overflow-wrap:anywhere}
.cockpit .aux-car>span:not(.aux-caption){display:block;font-size:clamp(7px,.7vw,10px);line-height:1.6;color:#91a2af;text-align:center;letter-spacing:.4px;margin-top:9px;max-width:100%;overflow-wrap:anywhere}
.cockpit .aux-car>.aux-caption{font-size:clamp(6px,.6vw,9px);letter-spacing:1.3px;text-align:center;line-height:1.5}
.cockpit .instrument{grid-column:3;grid-row:1}
.cockpit .throttle{grid-column:4;grid-row:1}
.cockpit.show-dynamics .aux-car{display:none}
.cockpit.show-dynamics .aux-dynamics{grid-column:2;grid-row:1}
.cockpit.show-dynamics .aux-telemetry{grid-column:4;grid-row:1}
.cockpit.show-dynamics .throttle{grid-column:5;grid-row:1}
.cockpit .tabs{min-width:0;width:auto;border:none;align-self:center;padding-bottom:4px}
.cockpit .tabs:before{display:none}
.cockpit .tabs .dynamics-switch{display:flex;align-items:center;gap:15px;justify-content:center;border:1px solid #65778466;border-radius:6px;min-width:180px;padding:9px 16px;font-size:9px;letter-spacing:1.4px;background:#080e12;color:#b6c6d1;box-shadow:inset 0 1px 0 #d9ebf30d}
.dynamics-switch b{font-size:9px;color:#8195a4;font-weight:600;letter-spacing:1px;background:#17242d;border-radius:4px;padding:3px 8px;border:1px solid #526b7d66}
.cockpit .tabs .dynamics-switch.active{background:#101c24;color:#e0edf5}.dynamics-switch.active b{color:var(--accent);border-color:var(--accent)}
.cockpit .tabs .dynamics-switch:after{display:none}
.cockpit[data-theme=urus]{--accent:#83c9f6;--trim:#39789e;background:radial-gradient(ellipse at 50% 10%,#24384455,#020507e8),var(--dashboard-texture) center/430px}
.cockpit[data-theme=urus] .aux-car{clip-path:none;border-radius:50%;border:2px solid #596f7e;background:radial-gradient(circle at 40% 25%,#193144,#040a10 85%)}
.cockpit[data-theme=urus] .shift-lights{visibility:hidden}
.cockpit[data-theme=urus] .power{border-radius:50%;background:conic-gradient(#1d2225,#cad0d4 13%,#121619 32%,#dce2e5 48%,#111619 67%,#aeb5b8 85%,#252b2e)}
.cockpit .pedal>span{font-size:6px;letter-spacing:.2px}
@media(max-width:759px){.cockpit .dash-main{grid-template-columns:30px minmax(100px,.7fr) minmax(0,2fr) 30px;gap:6px}.cockpit .aux-car{padding:13% 10%;aspect-ratio:.95}.cockpit .aux-car img{height:60px;margin:8px 0}.cockpit .aux-car>strong{font-size:8px;letter-spacing:.4px}.cockpit .aux-car>span:not(.aux-caption){font-size:6px;letter-spacing:.1px;margin-top:5px}.cockpit .aux-car>.aux-caption{font-size:5px;letter-spacing:.7px}.cockpit .pedal>span{writing-mode:vertical-rl;font-size:8px;letter-spacing:1px}.cockpit .tabs .dynamics-switch{padding:7px 12px;min-width:160px;font-size:8px;gap:12px}.dynamics-switch b{font-size:8px;padding:2px 7px}.cockpit .tabs{padding-bottom:2px}}
@media(max-width:459px){.cockpit .dash-main{grid-template-columns:23px minmax(70px,.55fr) minmax(0,2fr) 23px;gap:3px}.cockpit .aux-car{aspect-ratio:.7;padding:18% 9%;border-width:1px}.cockpit .aux-car img{height:42px;margin:8px 0}.cockpit .aux-car>strong{font-size:6px;letter-spacing:.3px}.cockpit .aux-car>span:not(.aux-caption){font-size:5px;line-height:1.5}.cockpit .aux-car>.aux-caption{font-size:4px;letter-spacing:.3px}.cockpit .tabs .dynamics-switch{min-width:135px;font-size:7px;padding:6px 9px;gap:10px}.dynamics-switch b{font-size:7px}.cockpit .pedal>span{font-size:7px}}
@media(max-height:560px) and (min-width:560px){.cockpit .dash-main{grid-template-columns:40px minmax(130px,.65fr) minmax(0,2fr) 40px;gap:10px}.cockpit .aux-car img{height:60px;margin:8px 0}.cockpit .aux-car>strong{font-size:9px}.cockpit .aux-car>span:not(.aux-caption){font-size:7px}.cockpit .aux-car>.aux-caption{font-size:6px}.cockpit .tabs .dynamics-switch{padding:5px 12px;font-size:8px;min-width:165px}.dynamics-switch b{font-size:7px;padding:2px 7px}}
/* Final touch layout: equal side columns keep the tachometer on screen centre. */
.cockpit .dash-main,.cockpit.show-dynamics .dash-main{grid-template-columns:58px minmax(140px,.8fr) minmax(280px,2.2fr) minmax(140px,.8fr) 58px;gap:16px}
.cockpit .throttle,.cockpit.show-dynamics .throttle{grid-column:5}
.cockpit .instrument{grid-column:3;container-type:size;width:100%;height:100%;max-width:none;min-height:0;justify-content:center}
.cockpit .dial-wrap{width:100%;height:min(80cqw,calc(100cqh - 60px));flex:0 0 auto;aspect-ratio:auto;max-height:none}
.cockpit #dial,.cockpit.show-dynamics #dial{width:calc(100% - 116px);height:100%;max-width:none}
.cockpit .paddle,.cockpit.show-dynamics .paddle{width:58px;height:58%;top:21%;min-height:110px;max-height:235px;font-size:38px}
.cockpit .paddle.up,.cockpit.show-dynamics .paddle.up{font-size:0}
.cockpit .paddle.up:after,.cockpit.show-dynamics .paddle.up:after{font-size:38px}
.cockpit .dash-header{height:66px;min-height:66px;padding-bottom:10px}
.cockpit .car-arrow{width:52px;min-width:52px;height:52px;font-size:38px;border-radius:9px}
.cockpit .car-title{min-height:52px;align-items:center;padding:0 12px}
.cockpit .settings-button{width:52px;height:52px;font-size:31px}
.cockpit .dash-footer{height:150px;min-height:150px;gap:30px;align-items:center}
.cockpit #power,.cockpit #rev{width:126px;height:126px;min-width:126px;padding:10px}
.cockpit .power>span{font-size:13px;line-height:1.6}
.cockpit .power b{font-size:18px;letter-spacing:.5px}
.cockpit .rev>span{font-size:20px;letter-spacing:1px}
.cockpit .footer-center{width:100%;max-width:760px;align-self:center;gap:7px}
.cockpit .footer-controls{margin:0;min-height:44px}
.cockpit .escape-control{min-width:240px;min-height:44px;font-size:11px;padding:9px 18px;border-radius:8px;gap:25px}
.cockpit .escape-control b{font-size:13px}
.cockpit .escape-control>span{font-size:24px}
.cockpit .meters{padding:0 0 5px;gap:25px}
.cockpit .meters label{font-size:9px;letter-spacing:1px}
.cockpit .meters output{font-size:11px}
.cockpit .meters label>i{height:10px;margin-top:6px}
.cockpit .tabs{padding:0}
.cockpit .tabs .dynamics-switch{min-height:44px;min-width:240px;padding:9px 18px;font-size:11px;gap:25px;clip-path:none}
.cockpit .dynamics-switch b{font-size:11px;padding:4px 12px}
.cockpit .pedal>span{writing-mode:horizontal-tb;font-size:7px;letter-spacing:.4px}
.cockpit .aux-car{max-width:100%;aspect-ratio:1;padding:13% 11%}
.cockpit .aux-car img{height:clamp(65px,7vw,125px);max-height:40%;width:100%;margin:8px 0 10px}
.cockpit .aux-car>strong{font-size:clamp(8px,.9vw,13px);letter-spacing:.7px}
.cockpit .aux-car>span:not(.aux-caption){font-size:clamp(6px,.65vw,9px);letter-spacing:.2px;margin-top:7px}
.cockpit .aux-car>.aux-caption{font-size:clamp(5px,.6vw,8px);letter-spacing:.8px}
.f1-emblem{position:absolute;left:calc(50% - 25px);top:14px;width:50px;height:24px;object-fit:contain}
.cockpit[data-theme=f1] .dial-wrap{height:min(95cqw,calc(100cqh - 30px))}
.cockpit[data-theme=f1] .digital-dial{height:100%;max-height:none;width:calc(100% - 116px)}
.cockpit[data-theme=urus] .speed-readout{visibility:hidden;height:20px}
@media(min-width:1400px){.cockpit .dash-main,.cockpit.show-dynamics .dash-main{grid-template-columns:65px minmax(185px,.8fr) minmax(380px,2.2fr) minmax(185px,.8fr) 65px;gap:22px}.cockpit #power,.cockpit #rev{width:142px;height:142px;min-width:142px}.cockpit .dash-footer{height:166px;min-height:166px}.cockpit .power b{font-size:21px}.cockpit .power>span{font-size:15px}.cockpit .rev>span{font-size:23px}}
@media(max-width:879px){.cockpit .dash-main,.cockpit.show-dynamics .dash-main{grid-template-columns:32px minmax(84px,.65fr) minmax(0,2.8fr) minmax(84px,.65fr) 32px;gap:5px}.cockpit #dial,.cockpit.show-dynamics #dial{width:calc(100% - 60px)}.cockpit .paddle,.cockpit.show-dynamics .paddle{width:32px;height:55%;top:23%;min-height:80px;max-height:150px;font-size:26px}.cockpit .paddle.up:after,.cockpit.show-dynamics .paddle.up:after{font-size:26px}.cockpit .car-arrow{width:46px;min-width:46px;height:48px;font-size:32px}.cockpit .settings-button{width:48px;height:48px;font-size:27px}.cockpit .car-title{min-height:48px;padding:0 6px;gap:6px}.cockpit .car-title strong{font-size:19px}.cockpit .car-title>span:first-child{font-size:9px}.cockpit .car-title .chevron{display:none}.cockpit .dash-footer{gap:15px;height:145px;min-height:145px}.cockpit #power,.cockpit #rev{height:100px;width:100px;min-width:100px;padding:9px}.cockpit .power b{font-size:16px}.cockpit .power>span{font-size:11px}.cockpit .rev>span{font-size:18px}.cockpit .escape-control{min-width:185px;min-height:44px;padding:7px 12px;font-size:9px;gap:15px}.cockpit .escape-control b{font-size:11px}.cockpit .tabs .dynamics-switch{min-width:185px;font-size:9px;gap:15px;min-height:44px;padding:7px 12px}.cockpit .dynamics-switch b{font-size:9px;padding:3px 8px}.cockpit .meters label{font-size:7px;letter-spacing:.3px}.cockpit .meters output{font-size:9px}.cockpit .meters{gap:13px;padding-bottom:3px}.cockpit .pedal>span{writing-mode:vertical-rl;font-size:8px;letter-spacing:1px}.cockpit .aux-car{aspect-ratio:.9;padding:12% 8%}.cockpit .aux-car img{height:50px;margin:5px 0 7px}.cockpit .aux-car>strong{font-size:7px;letter-spacing:.3px}.cockpit .aux-car>span:not(.aux-caption){font-size:5px;line-height:1.5}.cockpit .aux-car>.aux-caption{font-size:4px;letter-spacing:.5px}.f1-emblem{width:34px;height:18px;left:calc(50% - 17px)}}
@media(max-width:459px){.cockpit .dash-main,.cockpit.show-dynamics .dash-main{grid-template-columns:20px minmax(52px,.55fr) minmax(0,2.9fr) minmax(52px,.55fr) 20px;gap:3px}.cockpit .car-arrow{width:40px;min-width:40px;height:44px;font-size:30px}.cockpit .dash-header{height:59px;min-height:59px;padding-bottom:8px}.cockpit .car-title{padding:0 4px;gap:4px}.cockpit .car-title strong{font-size:16px}.cockpit .car-title>span:first-child{font-size:7px;letter-spacing:.5px}.cockpit .settings-button{width:44px;height:44px;font-size:24px}.cockpit .car-switch{gap:2px}.cockpit .aux-car{aspect-ratio:.65;padding:10% 7%}.cockpit .aux-car img{height:30px;margin:5px 0}.cockpit .aux-car>strong{font-size:5px;letter-spacing:0}.cockpit .aux-car>span:not(.aux-caption){font-size:4px;letter-spacing:0}.cockpit .aux-car>.aux-caption{display:none}.cockpit #dial,.cockpit.show-dynamics #dial{width:100%}.cockpit .paddle,.cockpit.show-dynamics .paddle{width:30px;min-height:55px;height:38%;max-height:80px;top:35%;font-size:22px;left:-12px}.cockpit .paddle.up,.cockpit.show-dynamics .paddle.up{right:-12px;left:auto}.cockpit .paddle.up:after,.cockpit.show-dynamics .paddle.up:after{font-size:22px}.cockpit .dash-footer{height:145px;min-height:145px;gap:7px}.cockpit #power,.cockpit #rev{width:85px;min-width:85px;height:85px;padding:7px}.cockpit .power b{font-size:13px}.cockpit .power>span{font-size:9px}.cockpit .rev>span{font-size:15px}.cockpit .escape-control{min-width:135px;min-height:42px;font-size:7px;gap:8px;padding:6px 8px}.cockpit .escape-control b{font-size:9px}.cockpit .tabs .dynamics-switch{min-width:135px;min-height:42px;font-size:7px;gap:10px;padding:6px 8px}.cockpit .dynamics-switch b{font-size:8px;padding:3px 6px}.cockpit .meters label{font-size:5px}.cockpit .meters output{font-size:7px}.cockpit .meters{gap:8px}.cockpit .meters label>i{height:7px}.cockpit[data-theme=ferrari] .car-title>span:first-child{font-size:11px}.cockpit[data-theme=urus] .car-title>span:first-child{font-size:10px}.cockpit[data-theme=monster] .car-title strong{font-size:16px}}
/* Engine sound occupies the reserved right column when dynamics is off. */
.cockpit .aux-sound{display:flex;grid-column:4;grid-row:1;align-self:center;flex-direction:column;align-items:center;justify-content:center;aspect-ratio:1;width:100%;min-height:0;max-height:none;padding:13% 10%;overflow:hidden;border:2px solid #586a78;border-radius:50%;background:radial-gradient(ellipse at 40% 25%,#193144,#040a10 85%);box-shadow:inset 0 0 0 4px #02040688,0 4px 10px #0009}
.cockpit.show-dynamics .aux-sound{display:none}
.aux-sound h2{font-size:clamp(7px,.85vw,12px);letter-spacing:1.5px;font-weight:500;margin:0 0 10px;color:#b7cbd9;text-align:center}
#soundWave{display:block;flex-shrink:0;width:100%;height:clamp(28px,4vw,55px);border-top:1px solid #667f9133;border-bottom:1px solid #667f9133;margin:0 0 9px;background:#01070d44}
.sound-stats{display:flex;gap:12px;width:100%;justify-content:space-between;align-items:center;color:#829aab;font-size:clamp(5px,.55vw,8px);letter-spacing:.4px;margin-bottom:10px}
.sound-stats span{display:flex;flex-direction:column;gap:4px}.sound-stats span:last-child{text-align:right}.sound-stats b{font-size:clamp(9px,1vw,14px);font-weight:500;letter-spacing:0;color:#dceaf4}
.sound-exhaust{display:flex;width:100%;gap:3px;flex-shrink:0;justify-content:center}
.sound-exhaust button{flex:1;min-width:0;height:40px;background:#0c1924;border:1px solid #5c778b55;border-radius:5px;color:#92aabc;font-size:clamp(7px,.65vw,10px);padding:4px 2px}
.sound-exhaust button[aria-pressed=true]{border-color:var(--accent);color:var(--accent);background:color-mix(in srgb,var(--accent) 12%,#06101a)}
.cockpit.show-dynamics .aux-telemetry{padding:10% 12%}
.cockpit .aux-telemetry .aux-gmeter{width:72%;margin:2px 0 5px}
.cockpit .aux-telemetry h2{margin-bottom:5px}
.cockpit .aux-telemetry .aux-caption{margin-top:4px}
.cockpit[data-theme=muscle] .aux-sound{background:radial-gradient(ellipse at 40% 25%,#242019,#060809 85%);border-color:#9c937a}
.cockpit[data-theme=ferrari] .aux-sound{background:radial-gradient(ellipse at 40% 25%,#22252a,#05070a 85%);border-color:#8c8f91}
.cockpit[data-theme=monster] .aux-sound{background:radial-gradient(ellipse at 40% 25%,#21251c,#050907 85%);border-color:#8a9081}
@media(min-width:880px){.cockpit .footer-controls{display:none}.cockpit .footer-center{gap:14px}.sound-exhaust button{height:44px}}
@media(max-width:879px){.cockpit .aux-sound{padding:14% 11%;aspect-ratio:.9}.aux-sound h2{font-size:5px;letter-spacing:.5px;margin-bottom:6px}.sound-exhaust{display:none}#soundWave{height:28px;margin-bottom:6px}.sound-stats{font-size:4px;gap:4px;margin:0}.sound-stats b{font-size:8px}.cockpit .aux-telemetry h2{font-size:6px}.cockpit .aux-telemetry .aux-caption{font-size:4px}}
@media(max-width:459px){.cockpit .aux-sound{aspect-ratio:.65;padding:12% 8%}.aux-sound h2{font-size:4px;letter-spacing:.2px}.sound-stats{flex-direction:column;align-items:center;gap:6px}.sound-stats span,.sound-stats span:last-child{text-align:center;align-items:center}.sound-stats b{font-size:7px}.sound-stats span{gap:2px}#soundWave{height:22px}.cockpit .aux-telemetry .aux-load,.cockpit .aux-telemetry .aux-caption{display:none}.cockpit .aux-telemetry .aux-gmeter{width:100%;margin-top:3px}}
.cockpit[data-theme=urus] .aux-sound{clip-path:none;border-radius:50%;border:2px solid #586a78;background:radial-gradient(ellipse at 40% 25%,#193144,#040a10 85%)}
.cockpit .aux-sound .sound-exhaust{width:80%}
.cockpit .paddle{background:linear-gradient(100deg,#717c83 0%,#29343b 7%,#58636a 24%,#2b353c 58%,#111b22 90%,#9eabb3 100%);box-shadow:inset 1px 0 0 #d0d8dc99,inset -4px 0 10px #0008,3px 5px 10px #000b}
.cockpit[data-theme=ferrari] .paddle{background:linear-gradient(100deg,#a0a8ad33,#0001 20%,#0007),repeating-linear-gradient(45deg,#182025 0 2px,#323b41 2px 4px)}
@font-face{font-family:Cluster;src:url('../fonts/Rajdhani-Medium.ttf') format('truetype');font-weight:500;font-display:swap}
@font-face{font-family:Cluster;src:url('../fonts/Rajdhani-SemiBold.ttf') format('truetype');font-weight:600 900;font-display:swap}
@font-face{font-family:Heritage;src:url('../fonts/BarlowCondensed-SemiBold.ttf') format('truetype');font-weight:600 900;font-display:swap}
:root{--walnut:url('../img/dashboard-walnut.webp');--monster-frame:url('../img/monster-panel.webp');--ferrari-frame:url('../img/ferrari-panel.webp')}
#cockpit{--panel-radius:50%;--panel-ratio:1;--panel-art:none;--panel-border:3px ridge #687783;--panel-background:radial-gradient(ellipse at 40% 25%,#17242e,#030709 85%);--panel-padding:10% 12%;font-family:Cluster,Arial,sans-serif;font-weight:500}
#cockpit .aux-panel{display:none;grid-row:1;align-self:center;flex-direction:column;justify-content:center;align-items:center;width:100%;min-height:0;max-height:none;height:auto;aspect-ratio:var(--panel-ratio);padding:var(--panel-padding);border:var(--panel-border);border-radius:var(--panel-radius);clip-path:none;background-image:var(--panel-art),var(--panel-background);background-size:100% 100%;background-repeat:no-repeat;box-shadow:inset 0 0 0 2px #0008,0 5px 13px #000b;overflow:hidden}
#cockpit .aux-car,#cockpit .aux-dynamics{grid-column:2}
#cockpit .aux-sound,#cockpit .aux-telemetry{grid-column:4}
#cockpit[data-view=cockpit] .aux-car,#cockpit[data-view=cockpit] .aux-sound,#cockpit[data-view=dynamics] .aux-dynamics,#cockpit[data-view=dynamics] .aux-telemetry{display:flex}
#cockpit[data-view=clean] .aux-panel{display:none}
#cockpit .aux-panel h2{width:100%;text-align:center;font:600 clamp(9px,1.15vw,17px) Cluster,sans-serif;letter-spacing:1.2px;margin:0 0 8px;color:#d3dde4;line-height:1.2}
#cockpit .aux-car img{height:clamp(45px,5.7vw,100px);max-height:38%;width:100%;object-fit:contain;margin:10px 0 14px}
#cockpit .aux-car>strong{font:600 clamp(9px,1.1vw,16px) Cluster,sans-serif;letter-spacing:1.2px;line-height:1.4;text-align:center;max-width:100%}
#cockpit .aux-car>span:not(.aux-caption){font:500 clamp(6px,.75vw,11px) Cluster,sans-serif;letter-spacing:.6px;line-height:1.55;text-align:center;margin:8px 0 0;max-width:100%;color:#a6b2ba}
#cockpit .aux-car>.aux-caption{font:500 clamp(6px,.7vw,10px) Cluster,sans-serif;letter-spacing:1.7px;color:#99a8b3}
#cockpit .aux-data{width:100%;margin:0}
#cockpit .aux-data label{font:500 clamp(7px,.8vw,12px) Cluster,sans-serif;letter-spacing:1px;line-height:1.2;padding:6px 0;text-align:left;border-bottom:1px solid #7d8a943b}
#cockpit .aux-data label:last-child{border:0}
#cockpit .aux-data strong{font:600 clamp(19px,2.7vw,39px) Cluster,sans-serif;line-height:1.08;margin-top:4px;color:#e9eef2}
#cockpit .aux-data small{font-size:.4em;font-weight:500;color:#9caab4}
#cockpit .aux-telemetry .aux-gmeter{width:66%;height:auto;aspect-ratio:1;flex-shrink:0;margin:3px 0 8px;border-color:#8597a38c}
#cockpit .aux-telemetry .aux-load{font:500 clamp(6px,.75vw,11px) Cluster,sans-serif;letter-spacing:1px}
#cockpit .aux-telemetry .aux-caption{font:500 clamp(5px,.6vw,9px) Cluster,sans-serif;letter-spacing:1px;margin-top:5px}
#cockpit .aux-sound h2{margin-bottom:9px}
#cockpit .sound-stats{font:500 clamp(6px,.65vw,10px) Cluster,sans-serif;letter-spacing:.5px;line-height:1.3;margin-bottom:10px}
#cockpit .sound-stats b{font:600 clamp(11px,1.2vw,18px) Cluster,sans-serif;line-height:1.2}
#cockpit .sound-exhaust{width:86%;gap:4px}
#cockpit .sound-exhaust button{font:600 clamp(8px,.85vw,13px) Cluster,sans-serif;min-height:44px;height:auto;padding:7px 2px;line-height:1}
#cockpit #dial text{font-family:Cluster,Arial,sans-serif}
#cockpit #dial .scale-number{font-weight:600;letter-spacing:-.4px}
#cockpit #dial #gear{font-weight:600}
#cockpit .digital-dial{font-family:Cluster,Arial,sans-serif;background:linear-gradient(145deg,#27333f88,#01070b 65%);border:4px ridge #596873;border-radius:8px;box-shadow:inset 0 0 0 5px #020507,0 6px 15px #000c}
#cockpit .digital-gear{font-weight:600;font-size:clamp(100px,22vh,200px);line-height:.95}
#cockpit .digital-dial>strong{font-size:35px;font-weight:600;letter-spacing:1px}
#cockpit .digital-scale{height:23px;gap:2px}
#cockpit .digital-scale-labels{font-size:10px;font-weight:500;letter-spacing:.3px}
#cockpit .digital-speed b{font-size:40px;font-weight:600;line-height:1}
#cockpit .digital-speed span{font-size:13px}
#cockpit .mode-switcher{display:flex;align-items:center;justify-content:center;gap:5px;min-width:0;width:min(100%,480px);margin:0 auto;padding:0;border:0;border-radius:8px;clip-path:none;background:#070b0e;box-shadow:0 0 0 1px #8b9aa644,0 4px 10px #0006}
#cockpit .mode-switcher:before{display:none}
#cockpit .mode-switcher .view-button{flex:1;position:relative;min-width:0;height:48px;margin:0;padding:7px 14px;background:linear-gradient(#29333b,#0c1217);border:1px solid #65768166;border-radius:5px;font:600 14px Cluster,sans-serif;letter-spacing:1px;color:#9eaeba;box-shadow:inset 0 1px 0 #ffffff12;line-height:1}
#cockpit .mode-switcher .view-button:after{display:none}
#cockpit .mode-switcher .view-button[aria-pressed=true]{color:var(--accent);border-color:var(--accent);background:linear-gradient(color-mix(in srgb,var(--accent) 10%,#202a31),#060c11);box-shadow:inset 0 -2px 0 var(--accent),0 0 8px #0009}
#cockpit .meters{border:1px solid #71828f66;border-radius:8px;background:linear-gradient(#010508,#0c1318);padding:9px 14px;box-shadow:inset 0 0 0 2px #0005}
#cockpit .meters label{font:600 12px Cluster,sans-serif;letter-spacing:1px;color:#b6c5ce}
#cockpit .meters output{font:600 14px Cluster,sans-serif;color:var(--accent)}
#cockpit .meters label>i{height:12px;border:1px solid #72838e99;border-radius:3px;background:repeating-linear-gradient(90deg,#16232d 0 6px,#03090e 6px 8px);padding:1px;margin-top:6px}
#cockpit .meters i>b{background:repeating-linear-gradient(90deg,var(--accent) 0 6px,#03090e 6px 8px);box-shadow:none;border-radius:1px}
#cockpit .meters label:last-child i>b{background:repeating-linear-gradient(90deg,#d24542 0 6px,#03090e 6px 8px)}
#cockpit .car-title strong{font-family:Cluster,Arial,sans-serif;font-weight:600;letter-spacing:1px}
#cockpit .pedal{box-shadow:inset 0 0 0 3px #070a0c,0 0 0 1px #b6c0c633,0 6px 13px #000b}
#cockpit .pedal>span{font-family:Cluster,sans-serif;font-weight:600;font-size:10px;letter-spacing:.6px}
#cockpit .pedal>i{background:repeating-linear-gradient(0deg,#020406 0 12px,#596870 13px,#141d22 16px);border:1px solid #79848a22;box-shadow:inset 0 0 7px #000}
#cockpit .pedal>i:after{background:repeating-linear-gradient(0deg,#061016 0 10px,var(--accent) 11px,var(--accent) 14px);box-shadow:0 0 13px color-mix(in srgb,var(--accent) 40%,transparent)}
#cockpit .car-switch .car-arrow{font-family:Arial,sans-serif}
#cockpit[data-theme=muscle]{--accent:#dcc093;--panel-border:5px ridge #a6a89e;--panel-background:radial-gradient(ellipse at 40% 25%,#191b19,#030506 85%);background:linear-gradient(180deg,#020406ee 0 12%,#05050533 13% 86%,#020406ee 88% 100%),var(--walnut) center/cover}
#cockpit[data-theme=muscle]:before{background:radial-gradient(ellipse at 50% 25%,#0000,#0006);box-shadow:inset 0 2px 0 #e5dfc233}
#cockpit[data-theme=muscle] #dial .scale-number{font-family:Heritage,Arial,sans-serif;font-size:29px;font-weight:600}
#cockpit[data-theme=muscle] #dial #gear,#cockpit[data-theme=muscle] #dial #dialSpeed{font-family:Heritage,Arial,sans-serif}
#cockpit[data-theme=muscle] .mode-switcher .view-button[aria-pressed=true]{background:linear-gradient(#f2e6ca,#c0a67b);color:#1c211e;box-shadow:inset 0 2px 6px #fff7}
#cockpit[data-theme=muscle] .car-title strong{font-family:Heritage,sans-serif;font-size:30px;letter-spacing:3px}
#cockpit[data-theme=muscle] .meters{border:4px ridge #7c827a;border-radius:9px;background:#050a0c}
#cockpit[data-theme=monster]{--panel-radius:3px;--panel-ratio:.86;--panel-art:var(--monster-frame);--panel-border:0;--panel-background:linear-gradient(#050708,#050708);--panel-padding:15% 13%;--accent:#ffb42d}
#cockpit[data-theme=monster] .aux-panel{box-shadow:0 7px 15px #000a}
#cockpit[data-theme=monster] .aux-data strong{color:#ffb42d;font-family:Heritage,sans-serif;font-size:clamp(21px,3vw,43px);letter-spacing:.6px}
#cockpit[data-theme=monster] #dial .scale-number{font-family:Heritage,sans-serif;font-weight:600;font-size:29px;font-style:italic}
#cockpit[data-theme=monster] .car-switch{position:absolute;left:50%;transform:translateX(-50%)}
#cockpit[data-theme=monster] .car-title>span:first-child{font:600 30px Heritage,sans-serif;font-style:italic;letter-spacing:2px}
#cockpit[data-theme=monster] .car-title strong{font:600 44px Heritage,sans-serif;font-style:italic;letter-spacing:1px}
#cockpit[data-theme=monster] #power,#cockpit[data-theme=monster] #rev{border-radius:6px;background:var(--monster-frame) center/100% 100%;border:0;box-shadow:0 5px 14px #000c;padding:17px}
#cockpit[data-theme=monster] #power:before,#cockpit[data-theme=monster] #rev:before{display:none}
.engine-guard{display:none;pointer-events:none}
#cockpit[data-theme=monster] .engine-guard{display:block;position:absolute;left:10%;right:10%;top:3%;height:77%;border:7px solid #8d1116;border-top-width:12px;border-bottom:0;border-radius:18px 18px 0 0;box-shadow:inset 2px 2px 2px #ff9d8a88,2px 2px 3px #0008}
#cockpit[data-theme=monster] #power>span{position:relative;z-index:1}
#cockpit[data-theme=monster] .meters{border:3px ridge #6e746b;border-radius:6px}
#cockpit[data-theme=ferrari]{--panel-radius:5px;--panel-ratio:.9;--panel-art:var(--ferrari-frame);--panel-border:0;--panel-background:linear-gradient(#050708,#050708);--panel-padding:15% 12%}
#cockpit[data-theme=ferrari] .car-switch{position:absolute;left:50%;transform:translateX(-50%)}
#cockpit[data-theme=ferrari] .car-title>span:first-child{font:600 26px Georgia,serif;letter-spacing:1px}
#cockpit[data-theme=ferrari] .car-title strong{font:600 38px Cluster,sans-serif;font-style:italic;letter-spacing:0}
#cockpit[data-theme=ferrari] .car-title strong em{font-size:.8em}
#cockpit[data-theme=ferrari] .meters{border:2px ridge #69757d;border-radius:8px;box-shadow:inset 0 0 0 3px #020405}
#cockpit[data-theme=f1]{--panel-radius:8px;--panel-ratio:.84;--panel-art:var(--ferrari-frame);--panel-border:0;--panel-background:linear-gradient(#04090b,#04090b);--panel-padding:16% 12%}
#cockpit[data-theme=f1] .car-switch{position:absolute;left:50%;transform:translateX(-50%)}
#cockpit[data-theme=f1] .car-title strong{font-size:33px;letter-spacing:2px}
#cockpit[data-theme=f1] .shift-lights i{width:20px;height:16px;background:radial-gradient(ellipse at 40% 20%,color-mix(in srgb,var(--light) 35%,#051016),#030709 85%);border:1px solid #60717c66}
#cockpit[data-theme=f1] .shift-lights i.lit{background:var(--light);box-shadow:inset 0 2px 4px #fff7,0 0 12px var(--light)}
#cockpit[data-theme=f1] .paddle{border:2px ridge #73838b;border-radius:8px;clip-path:polygon(0 0,100% 14%,100% 86%,0 100%);background:linear-gradient(110deg,#3f4b54,#121d24);box-shadow:inset 0 0 0 3px #01080c}
#cockpit[data-theme=porsche]{--panel-border:4px ridge #8b9297;--panel-background:radial-gradient(ellipse at 40% 25%,#121719,#020506 85%)}
@media(max-width:879px){#cockpit{--panel-padding:11% 10%}#cockpit .aux-panel h2{font-size:7px;letter-spacing:.5px;margin-bottom:5px}#cockpit .aux-car img{height:40px;margin:7px 0 8px}#cockpit .aux-car>strong{font-size:8px;letter-spacing:.3px}#cockpit .aux-car>span:not(.aux-caption){font-size:5px;letter-spacing:0;margin-top:5px}#cockpit .aux-car>.aux-caption{font-size:5px;letter-spacing:.4px}#cockpit .aux-data label{font-size:5px;padding:4px 0;letter-spacing:0}#cockpit .aux-data strong{font-size:16px;margin-top:3px}#cockpit .aux-data small{font-size:6px}#cockpit .sound-stats{font-size:5px;margin:0}#cockpit .sound-stats b{font-size:9px}#cockpit .aux-telemetry .aux-caption{font-size:4px}#cockpit .aux-telemetry .aux-load{font-size:5px}#cockpit .mode-switcher{width:100%;gap:3px}#cockpit .mode-switcher .view-button{height:44px;padding:6px 4px;font-size:10px;letter-spacing:.5px}#cockpit .meters{padding:6px 8px}#cockpit .meters label{font-size:9px;letter-spacing:.3px}#cockpit .meters output{font-size:10px}#cockpit .pedal>span{font-size:9px}#cockpit[data-theme=monster] .car-title>span:first-child{font-size:22px}#cockpit[data-theme=monster] .car-title strong{font-size:32px}#cockpit[data-theme=ferrari] .car-title>span:first-child{font-size:17px}#cockpit[data-theme=ferrari] .car-title strong{font-size:26px}#cockpit[data-theme=f1] .car-title strong{font-size:25px}}
@media(max-width:459px){#cockpit{--panel-padding:10% 8%}#cockpit .aux-panel h2{font-size:5px;letter-spacing:0}#cockpit .aux-car img{height:25px;margin:4px 0 5px}#cockpit .aux-car>strong{font-size:5px;letter-spacing:0}#cockpit .aux-car>span:not(.aux-caption){font-size:4px;line-height:1.3}#cockpit .aux-car>.aux-caption{display:none}#cockpit .aux-data strong{font-size:12px}#cockpit .aux-data label{font-size:4px}#cockpit .mode-switcher .view-button{font-size:8px;padding:5px 2px;height:44px;letter-spacing:0}#cockpit .meters{padding:5px}#cockpit .meters label{font-size:6px}#cockpit .meters output{font-size:8px}#cockpit[data-theme=ferrari] .car-title>span:first-child{font-size:13px}#cockpit[data-theme=ferrari] .car-title strong{font-size:19px}#cockpit[data-theme=monster] .car-title>span:first-child{font-size:16px}#cockpit[data-theme=monster] .car-title strong{font-size:24px}#cockpit[data-theme=f1] .car-title strong{font-size:18px}}
#cockpit[data-theme=f1] .digital-dial{border:0;background:var(--ferrari-frame) center/100% 100% no-repeat;box-shadow:none;padding:13% 12% 10%;border-radius:0}
#cockpit[data-theme=f1] .digital-dial>span{left:13%;top:14%;font:500 10px Cluster,sans-serif;letter-spacing:1px}
#cockpit[data-theme=f1] .digital-dial>strong{font:600 31px Cluster,sans-serif;line-height:1}
#cockpit[data-theme=f1] .f1-emblem{top:13%;width:35px;height:20px;left:calc(50% - 18px)}
#cockpit[data-theme=f1] .digital-scale{margin-top:12px;min-height:18px}
#cockpit[data-theme=f1] .digital-gear{padding-top:0;line-height:.9;min-height:0;font-size:clamp(85px,22vh,180px)}
#cockpit[data-theme=f1] .digital-dial>small{font-size:7px;margin-top:3px}
#cockpit[data-theme=f1] .digital-speed{margin-top:7px}
#cockpit[data-theme=f1] .digital-speed b{font-size:34px}
#cockpit[data-view=clean] .instrument{max-width:none}
@media(max-width:879px){#cockpit .aux-car>.aux-caption,#cockpit .aux-car>span:not(.aux-caption){display:none}#cockpit .aux-car img{height:35px;max-height:45%;margin:0 0 6px}#cockpit .aux-car>strong{font-size:7px;letter-spacing:.3px;line-height:1.2}#cockpit .aux-sound h2{font-size:6px;letter-spacing:.5px;margin-bottom:4px}#cockpit #soundWave{height:20px;margin-bottom:3px}#cockpit .sound-stats{font-size:4px;line-height:1.1;margin:0}#cockpit .sound-stats span{gap:2px}#cockpit .sound-stats b{font-size:7px}#cockpit[data-theme=f1] .digital-dial>span{font-size:6px}#cockpit[data-theme=f1] .digital-dial>strong{font-size:21px}#cockpit[data-theme=f1] .f1-emblem{width:24px;height:14px;left:calc(50% - 12px)}#cockpit[data-theme=f1] .digital-scale{height:13px;min-height:13px;margin-top:7px}#cockpit[data-theme=f1] .digital-scale-labels{font-size:6px}#cockpit[data-theme=f1] .digital-speed b{font-size:23px}#cockpit[data-theme=f1] .digital-speed span{font-size:8px}#cockpit[data-theme=f1] .digital-gear{font-size:clamp(50px,13vh,115px)}}
@media(max-width:459px){#cockpit .aux-car img{height:24px;margin-bottom:4px}#cockpit .aux-car>strong{font-size:5px;letter-spacing:0}#cockpit .aux-sound h2{font-size:4px}#cockpit #soundWave{height:15px}#cockpit[data-theme=f1] .digital-dial>span{display:none}#cockpit[data-theme=f1] .digital-dial>strong{font-size:15px}#cockpit[data-theme=f1] .digital-scale-labels{font-size:4px}#cockpit[data-theme=f1] .digital-dial>small{font-size:5px}#cockpit[data-theme=f1] .f1-emblem{width:20px;left:12%;top:12%}}
/* The automatic gearbox needs no paddle controls. */
#cockpit #dial{width:100%;height:100%}
#cockpit .dial-wrap{height:min(100cqw,calc(100cqh - 52px))}
#cockpit[data-theme=f1] .digital-dial{width:100%}
#cockpit[data-theme=f1] .dial-wrap{height:min(110cqw,calc(100cqh - 35px))}
#cockpit[data-view=clean] .instrument{grid-column:2/5;width:100%;max-width:950px;justify-self:center}
/* Side instruments scale frame + content together; no text can escape its dial. */
#cockpit .aux-panel{position:relative;padding:0!important;border:0!important;border-radius:0!important;background:none!important;box-shadow:none!important;clip-path:none!important;overflow:visible!important;min-height:0;max-height:none}
#cockpit .side-art{position:absolute;inset:0;background-position:center;background-size:100% 100%;background-repeat:no-repeat;pointer-events:none}
#cockpit .side-steel{background-image:var(--monster-frame)}
#cockpit .side-carbon,#cockpit .side-lime{background-image:var(--ferrari-frame)}
#cockpit .side-lime{filter:hue-rotate(88deg) saturate(.85)}
#cockpit .side-svg{position:relative;z-index:1;display:block;width:100%;height:auto;overflow:visible;flex:none;max-height:none}
#cockpit .side-svg text{font-family:Cluster,Arial,sans-serif;font-weight:500;fill:#e5edf2}
#cockpit .side-svg .side-title{fill:#edf3f7;font-weight:600}
#cockpit .side-svg .side-caption,#cockpit .side-svg .side-muted{fill:#a1b4c1}
#cockpit .side-svg .side-value{font-weight:600;fill:var(--side-accent)}
#cockpit .side-svg .side-grid{stroke:#89a4b433;stroke-width:1}
#cockpit .side-svg .sound-trace{stroke:var(--accent);stroke-width:2;filter:drop-shadow(0 0 3px var(--accent))}
#cockpit .side-svg .exhaust-face{fill:#101e28;stroke:#5e7688;stroke-width:1.5}
#cockpit .side-svg .exhaust-label{fill:#a9bdcc;font-weight:600;pointer-events:none}
#cockpit .side-svg .exhaust-choice{cursor:pointer;outline:none}
#cockpit .side-svg .exhaust-choice[aria-pressed=true] .exhaust-face{fill:color-mix(in srgb,var(--accent) 14%,#08121b);stroke:var(--accent);stroke-width:2}
#cockpit .side-svg .exhaust-choice[aria-pressed=true] .exhaust-label{fill:var(--accent)}
#cockpit .side-svg .exhaust-choice:focus-visible .exhaust-face{stroke:#fff;stroke-width:3}
#cockpit .side-svg .g-outer{stroke:#96acbb;stroke-width:1.2}
#cockpit .side-svg .g-inner{stroke:#718795;stroke-width:1;stroke-dasharray:5 4}
#cockpit .side-svg .g-cross{stroke:#90a7b5aa;stroke-width:1}
#cockpit .side-svg .g-live{fill:var(--accent);filter:drop-shadow(0 0 4px var(--accent))}
#cockpit[data-theme=muscle] .side-svg text{fill:#dfc79e}
#cockpit[data-theme=monster] .side-svg .side-value{font-family:Heritage,sans-serif;fill:#ffb32b}
#cockpit[data-theme=urus]{--accent:#b7df3d;--panel-ratio:1;background:radial-gradient(ellipse at 50% 20%,#13201844,#020504ee),repeating-linear-gradient(45deg,#171d1f 0 2px,#0b1114 2px 4px)}
#cockpit[data-theme=urus] .mode-switcher .view-button[aria-pressed=true]{color:#c4e944;border-color:#a8d633;box-shadow:inset 0 -2px 0 #a8d633}
#cockpit[data-theme=urus] .power{border-radius:14px!important;background:linear-gradient(#be2b27 0 13%,#536159 16%,#14201a 80%)!important;border:2px ridge #789080!important;box-shadow:inset 0 0 0 4px #040b07,0 4px 10px #0009!important}

/* Display preference applies to pedals and input telemetry together. */
#cockpit.hide-inputs .pedal,#cockpit.hide-inputs .meters{display:none!important}
#cockpit.hide-inputs .dash-main{grid-template-columns:0 minmax(0,.8fr) minmax(0,2.2fr) minmax(0,.8fr) 0;column-gap:16px}
#cockpit .header-actions{margin-left:auto}
.visibility-setting{grid-column:1/-1;display:flex!important;align-items:center;justify-content:space-between;gap:20px;min-height:64px;padding:12px 16px;border:1px solid #63758266;border-radius:8px;background:#10191f}
.visibility-setting small{display:block;margin-top:5px;color:#91a3b0;font-size:13px;font-weight:500;letter-spacing:0}
.visibility-setting input{width:28px;height:28px;flex:none;accent-color:#bbde41;cursor:pointer}
#cockpit[data-theme=monster] .engine-guard{display:none}
#cockpit[data-theme=monster] #power,#cockpit[data-theme=monster] #rev{padding:0;display:grid;place-items:center}
#cockpit[data-theme=monster] #power>span,#cockpit[data-theme=monster] #rev>span{position:absolute;inset:13%;width:74%;height:74%;margin:0;line-height:1.4}
#cockpit[data-theme=monster] #power.running:after{bottom:19%;width:14px;left:calc(50% - 7px)}
/* The vehicle picker has one position across every cockpit theme. */
#cockpit .dash-header .car-switch{position:static;left:auto;transform:none;min-width:0;max-width:calc(100% - 64px)}
#cockpit .dash-header .car-title{min-width:0;overflow:hidden}
#cockpit .dash-header .car-title strong{overflow:hidden;text-overflow:ellipsis}
#cockpit .dash-header .header-actions{flex-shrink:0;margin-left:auto}
@media(max-width:879px){#cockpit .dash-header .car-title>span:first-child{font-size:10px;letter-spacing:.7px}#cockpit .dash-header .car-title strong{font-size:23px}#cockpit .dash-header .live-status{display:none}}
@media(max-width:459px){#cockpit .dash-header .car-title>span:first-child{font-size:8px}#cockpit .dash-header .car-title strong{font-size:17px}}
/* Urus: a single, tightly packed TFT cluster instead of three floating cards. */
@media(min-width:700px) and (orientation:landscape){
 #cockpit[data-theme=urus] .dash-main,#cockpit[data-theme=urus].hide-inputs .dash-main{grid-template-columns:48px minmax(0,1fr) minmax(0,1.65fr) minmax(0,1fr) 48px;gap:0;align-items:center;margin:8px 0}
 #cockpit[data-theme=urus].hide-inputs .dash-main{grid-template-columns:0 minmax(0,1fr) minmax(0,1.65fr) minmax(0,1fr) 0}
 #cockpit[data-theme=urus] .dash-main:before{content:'';position:absolute;inset:2% 2.5%;z-index:-1;background:linear-gradient(160deg,#27332e,#060b09 16%,#010503 75%,#17231c);border:2px solid #55655a;clip-path:polygon(3% 0,97% 0,100% 8%,100% 92%,97% 100%,3% 100%,0 92%,0 8%);box-shadow:inset 0 0 0 5px #030705,inset 0 0 45px #000}
 #cockpit[data-theme=urus] .dash-main:after{content:'';position:absolute;left:7%;right:7%;top:4%;height:2px;z-index:-1;background:linear-gradient(90deg,#a8d438,transparent 32%,transparent 68%,#a8d438);box-shadow:0 0 12px #a9d43955}
 #cockpit[data-theme=urus] .instrument{padding:0;z-index:2;overflow:visible}
 #cockpit[data-theme=urus] .dial-wrap{width:112%;height:100%;max-height:none}
 #cockpit[data-theme=urus] #dial{width:100%;height:100%;max-width:none}
 #cockpit[data-theme=urus] .shift-lights,#cockpit[data-theme=urus] .speed-readout{display:none}
 #cockpit[data-theme=urus] .aux-panel{width:100%;max-height:96%;align-self:center;z-index:1}
 #cockpit[data-theme=urus] .side-lime{background:none!important;filter:none}
 #cockpit[data-theme=urus] .pedal{z-index:3}
 #cockpit[data-theme=urus][data-view=clean] .dial-wrap{width:min(100%,650px)}
 #cockpit[data-theme=urus][data-view=clean] .dash-main:before,#cockpit[data-theme=urus][data-view=clean] .dash-main:after{display:none}
}
/* Tesla browser edition: visible source selector, large touch controls. */
.drive-mode{min-height:52px;padding:8px 16px;border:1px solid #7d91a466;border-radius:7px;background:#162129;color:#e1ebf2;font:600 13px Cluster,Arial,sans-serif;letter-spacing:1px;white-space:nowrap}
#cockpit .car-arrow,#cockpit .settings-button{min-width:52px;min-height:52px}
#cockpit .mode-switcher .view-button{min-height:52px}
#cockpit .header-actions{gap:12px}
#cockpit .footer-controls{display:flex;justify-content:center}
#cockpit .escape-control{min-height:48px}
#cockpit .footer-center{gap:8px}
#cockpit .dash-footer{min-height:156px;height:156px}
#settingsDialog select,#settingsDialog input[type=range]{min-height:48px}
#settingsDialog .dialog-heading button{min-height:52px;min-width:52px}
@media(max-width:879px){#cockpit .live-status{display:none}.drive-mode{min-height:48px;padding:8px;font-size:10px}#cockpit .dash-header .car-switch{max-width:calc(100% - 140px)}#cockpit .car-title{gap:4px}#cockpit .dash-header .car-title>span:first-child{display:none}}
@supports not (container-type:size){#cockpit .dial-wrap{height:calc(100% - 55px)}#cockpit .dash-main{min-height:220px}}

/* Second garage: one hand-drawn cluster per car. Only families, colours and
 * materials are themed here, so every responsive size rule above still applies. */
#dial [data-on]:not(.on){opacity:.13}
#dial [data-gear]:not(.on){opacity:.22}
#cockpit:is([data-theme=enzo],[data-theme=veneno],[data-theme=turbos],[data-theme=gt3rs],[data-theme=rs6],[data-theme=m3],[data-theme=shifter],[data-theme=roadster],[data-theme=zen],[data-theme=hearse]) .speed-readout{visibility:hidden;height:16px}
#cockpit:is([data-theme=veneno],[data-theme=turbos],[data-theme=rs6],[data-theme=m3],[data-theme=shifter],[data-theme=roadster],[data-theme=zen],[data-theme=hearse]) .shift-lights{visibility:hidden}

#cockpit[data-theme=enzo]{--accent:#ff3b2f;--trim:#a3141c;--dashboard-texture:url('../img/dashboard-carbon.webp');background:radial-gradient(ellipse at 50% 38%,#191c1fb0,#020303ee 84%),var(--dashboard-texture) center/360px 360px}
#cockpit[data-theme=enzo]:before{opacity:.1;box-shadow:inset 0 2px 0 #d1262e99,inset 0 -2px 0 #ffd21f33,inset 0 8px 14px #0008}
#cockpit[data-theme=enzo] .car-title>span:first-child{font-family:Georgia,serif;letter-spacing:1px;color:#ffd21f}
#cockpit[data-theme=enzo] .car-title strong{font-style:italic;letter-spacing:3px}
#cockpit[data-theme=enzo] .shift-lights{opacity:1}
#cockpit[data-theme=enzo] .shift-lights i{border-radius:3px;background:#160909;border-color:#4a1b1b}
#cockpit[data-theme=enzo] .meters,#cockpit[data-theme=enzo] .mode-switcher{box-shadow:0 0 0 1px #d0162255,0 4px 10px #0007}
#cockpit[data-theme=enzo] .power>span{background:radial-gradient(ellipse at 48% 15%,#ff5b4c,#c0101a 55%,#5a0710 95%)}

#cockpit[data-theme=veneno]{--accent:#f2f5f7;--trim:#e2231a;--dashboard-texture:url('../img/dashboard-forged-carbon.webp');background:radial-gradient(ellipse at 50% 32%,#1b2023b8,#020304f0 84%),var(--dashboard-texture) center/420px 420px}
#cockpit[data-theme=veneno]:before{opacity:.08;box-shadow:inset 0 2px 0 #e2231a88,inset 0 8px 14px #0009}
#cockpit[data-theme=veneno] .car-title>span:first-child{font-family:Georgia,serif;font-style:italic;letter-spacing:.5px}
#cockpit[data-theme=veneno] .car-title strong{font-style:italic;letter-spacing:4px}
#cockpit[data-theme=veneno] .mode-switcher,#cockpit[data-theme=veneno] .meters{clip-path:polygon(3% 0,97% 0,100% 50%,97% 100%,3% 100%,0 50%);border-radius:0}
#cockpit[data-theme=veneno] .mode-switcher .view-button{border-radius:0}
#cockpit[data-theme=veneno] .mode-switcher .view-button[aria-pressed=true]{color:#fff;border-color:#e2231a;box-shadow:inset 0 -2px 0 #e2231a}
#cockpit[data-theme=veneno] .power{border-radius:14px;background:linear-gradient(#e2231a 0 14%,#4a5156 17%,#0b0d0e 85%)}
#cockpit[data-theme=veneno] .side-svg .exhaust-choice[aria-pressed=true] .exhaust-face{stroke:#e2231a}

#cockpit[data-theme=turbos]{--accent:#d6dde3;--trim:#7d8a94;--dashboard-texture:url('../img/dashboard-turbo-aluminium.webp');background:radial-gradient(ellipse at 50% 30%,#1c2125a8,#020304ee 84%),var(--dashboard-texture) center/480px 480px}
#cockpit[data-theme=turbos]:before{opacity:.07}
#cockpit[data-theme=turbos] .car-title strong{font-style:italic;letter-spacing:1px}
#cockpit[data-theme=turbos] .rev>span{box-shadow:inset 0 0 0 2px #d6dde3,inset 0 8px 9px #fff1,inset 0 -8px 15px #000b}

#cockpit[data-theme=gt3rs]{--accent:#ff6a17;--trim:#b8470c;--dashboard-texture:url('../img/dashboard-racetex.webp');background:radial-gradient(ellipse at 50% 32%,#201914a0,#030202ec 84%),var(--dashboard-texture) center/380px 380px}
#cockpit[data-theme=gt3rs]:before{opacity:.08;box-shadow:inset 0 2px 0 #ff6a1788,inset 0 8px 14px #0008}
#cockpit[data-theme=gt3rs] .car-title strong{font-weight:700;letter-spacing:1px}
#cockpit[data-theme=gt3rs] .shift-lights{opacity:1}
#cockpit[data-theme=gt3rs] .shift-lights i{border-radius:50%;width:12px;height:12px}

#cockpit[data-theme=rs6]{--accent:#ff2338;--trim:#8c0f1d;--dashboard-texture:url('../img/dashboard-rs-honeycomb.webp');background:radial-gradient(ellipse at 50% 30%,#1a1d20a8,#020203ee 84%),var(--dashboard-texture) center/320px 320px}
#cockpit[data-theme=rs6]:before{opacity:.08}
#cockpit[data-theme=rs6] .car-title strong{letter-spacing:2px}
#cockpit[data-theme=rs6] .car-title>span:first-child{letter-spacing:5px}
#cockpit[data-theme=rs6] .mode-switcher .view-button[aria-pressed=true]{color:#fff;box-shadow:inset 0 -3px 0 #e4002b}
#cockpit[data-theme=rs6] .meters i>b{background:repeating-linear-gradient(90deg,#e4002b 0 6px,#03090e 6px 8px)}

#cockpit[data-theme=m3]{--accent:#4fb2ff;--trim:#24479a;--dashboard-texture:url('../img/dashboard-m-leather.webp');background:radial-gradient(ellipse at 50% 30%,#141b22a8,#020305ee 84%),var(--dashboard-texture) center/400px 400px}
#cockpit[data-theme=m3]:before{opacity:.08;box-shadow:inset 0 3px 0 -1px #4fb2ff,inset 0 6px 0 -3px #24479a,inset 0 9px 0 -6px #e1262d,inset 0 12px 16px #0008}
#cockpit[data-theme=m3] .car-title strong{font-style:italic;letter-spacing:1px}
#cockpit[data-theme=m3] .mode-switcher .view-button[aria-pressed=true]{border-image:linear-gradient(90deg,#4fb2ff,#24479a,#e1262d) 1}

#cockpit[data-theme=shifter]{--accent:#f5e100;--trim:#8a7f00;--dashboard-texture:url('../img/dashboard-knurled.webp');background:radial-gradient(ellipse at 50% 30%,#1e201eaa,#020302ee 84%),var(--dashboard-texture) center/300px 300px}
#cockpit[data-theme=shifter]:before{opacity:.07;box-shadow:inset 0 3px 0 #f5e10077,inset 0 8px 14px #0009}
#cockpit[data-theme=shifter] .car-title>span:first-child{color:#f5e100;font-weight:700;letter-spacing:6px}
#cockpit[data-theme=shifter] .car-title strong{font-style:italic;font-weight:700;letter-spacing:2px}
#cockpit[data-theme=shifter] .power,#cockpit[data-theme=shifter] .rev{border-radius:18px}
#cockpit[data-theme=shifter] .power>span,#cockpit[data-theme=shifter] .rev>span{border-radius:12px}
#cockpit[data-theme=shifter] .rev>span{color:#f5e100}

#cockpit[data-theme=roadster]{--accent:#e31937;--trim:#7a0f1d;--dashboard-texture:url('../img/dashboard-heatshield.webp');background:radial-gradient(ellipse at 50% 30%,#141a22b0,#010203f0 84%),var(--dashboard-texture) center/360px 360px}
#cockpit[data-theme=roadster]:before{opacity:.06}
#cockpit[data-theme=roadster] .car-title>span:first-child{letter-spacing:8px;color:#e31937;font-weight:700}
#cockpit[data-theme=roadster] .car-title strong{font-weight:500;letter-spacing:6px}
#cockpit[data-theme=roadster] .mode-switcher,#cockpit[data-theme=roadster] .meters{border-radius:24px}
#cockpit[data-theme=roadster] .mode-switcher .view-button{border-radius:20px}
#cockpit[data-theme=roadster] .power,#cockpit[data-theme=roadster] .rev{background:conic-gradient(#e9edf0,#8b969e 25%,#f4f6f8 50%,#7d8890 75%,#e9edf0)}

#cockpit[data-theme=zen]{--accent:#4fc0a3;--trim:#2f9e83;background:radial-gradient(ellipse at 50% 40%,#2a272244,#0d0c0bd8 88%),var(--dashboard-texture) center/520px 1040px}
#cockpit[data-theme=zen]:before{opacity:0}
#cockpit[data-theme=zen] .dash-header{border-bottom-color:#f4eee233}
#cockpit[data-theme=zen] .car-title>span:first-child{font-family:Georgia,serif;letter-spacing:6px;color:#e9e1d1}
#cockpit[data-theme=zen] .car-title strong{font-family:Georgia,serif;font-weight:400;letter-spacing:8px;color:#f4eee2}
#cockpit[data-theme=zen] .mode-switcher,#cockpit[data-theme=zen] .meters{background:#1c1a17e6;border-radius:22px}
#cockpit[data-theme=zen] .mode-switcher .view-button{border-radius:18px;background:linear-gradient(#34302a,#1a1815)}
#cockpit[data-theme=zen] .power>span{background:radial-gradient(ellipse at 48% 15%,#d24a3e,#b8322a 55%,#5e1611 95%)}
#cockpit[data-theme=zen] .side-svg text,#cockpit[data-theme=zen] .side-svg .side-title{fill:#2a2622}
#cockpit[data-theme=zen] .side-svg .side-caption,#cockpit[data-theme=zen] .side-svg .side-muted{fill:#6d655b}
#cockpit[data-theme=zen] .side-svg .side-value{fill:#2f9e83}
#cockpit[data-theme=zen] .side-svg .side-grid{stroke:#6d655b55}
#cockpit[data-theme=zen] .side-svg .exhaust-face{fill:#e8e0cf;stroke:#9c9282}
#cockpit[data-theme=zen] .side-svg .exhaust-label{fill:#4a443c}
#cockpit[data-theme=zen] .side-svg .exhaust-choice[aria-pressed=true] .exhaust-face{fill:#d3eadf;stroke:#2f9e83}
#cockpit[data-theme=zen] .side-svg .exhaust-choice[aria-pressed=true] .exhaust-label{fill:#1f7a64}
#cockpit[data-theme=zen] .side-svg .sound-trace{stroke:#2f9e83}
#cockpit[data-theme=zen] .side-svg .g-outer{stroke:#6d655b}
#cockpit[data-theme=zen] .side-svg .g-inner,#cockpit[data-theme=zen] .side-svg .g-cross{stroke:#9c9282}
#cockpit[data-theme=zen] .side-svg .g-live{fill:#2f9e83}

#cockpit[data-theme=hearse]{--accent:#a8ffc0;--trim:#5b3a78;--dashboard-texture:url('../img/dashboard-velvet.webp');background:radial-gradient(ellipse at 50% 35%,#2a183880,#050207e8 86%),var(--dashboard-texture) center/420px 420px}
#cockpit[data-theme=hearse]:before{opacity:.06;box-shadow:inset 0 2px 0 #7d5aa099,inset 0 8px 14px #000a}
#cockpit[data-theme=hearse] .car-title>span:first-child{font-family:Georgia,serif;letter-spacing:5px;color:#c9b6dc}
#cockpit[data-theme=hearse] .car-title strong{font-family:Georgia,serif;font-style:normal;font-weight:700;letter-spacing:5px;color:#efe9f6;text-shadow:0 0 12px #a8ffc066}
#cockpit[data-theme=hearse] .mode-switcher .view-button[aria-pressed=true]{text-shadow:0 0 8px #a8ffc0}
#cockpit[data-theme=hearse] .power>span{background:radial-gradient(ellipse at 48% 15%,#7a4a9e,#3d1f57 55%,#16091f 95%)}
#cockpit[data-theme=hearse] .side-svg text{font-family:Georgia,serif}
#cockpit[data-theme=hearse] .side-svg .side-caption,#cockpit[data-theme=hearse] .side-svg .side-muted{fill:#b7a8c8}
/* Tesla Engine Sound Pro: header badge, V12 lock and the Pro dialog. */
.pro-badge{min-height:52px;padding:8px 14px;border:1px solid #bbde4199;border-radius:7px;background:#1b2610;color:#d8f27a;font:600 13px Cluster,Arial,sans-serif;letter-spacing:1px;white-space:nowrap;cursor:pointer;font-variant-numeric:tabular-nums}
.pro-badge.is-pro{border-color:#f0c94d99;background:#2a2210;color:#f6d873}
@media(max-width:879px){.pro-badge{min-height:48px;padding:8px;font-size:10px}}
.embedded .pro-badge{display:none}
.car-card.locked{position:relative}.car-card.locked::after{content:"PRO";position:absolute;top:10px;right:10px;padding:4px 9px;border-radius:5px;background:#f0c94d;color:#10171e;font:700 12px Arial,sans-serif;letter-spacing:1.5px}
.pro-dialog{width:min(760px,95vw)}.pro-dialog h2{font-size:21px;font-weight:600;margin:0 0 8px}.pro-dialog p{color:#b9c6d0;line-height:1.45}
.pro-reason:empty{display:none}.pro-reason{margin:-10px 0 18px;padding:12px 16px;border-radius:9px;background:#3a2a10;color:#f6d873!important;font-weight:600}
.pro-perks{margin:0 0 22px;padding:0;list-style:none;display:grid;gap:10px;font-size:17px}.pro-perks li::before{content:"✓";color:#bbde41;font-weight:700;margin-right:10px}
.pro-plans{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.pro-plan{position:relative;display:grid;gap:6px;min-height:104px;padding:20px;border:1px solid #65727e;border-radius:12px;background:#162129;color:#edf1f5;text-align:left;cursor:pointer;font:inherit}
.pro-plan b{font-size:20px}.pro-plan span{font-size:17px;color:#d8f27a}.pro-plan.best{border-color:#bbde41;box-shadow:0 0 0 1px #bbde41 inset}
.pro-plan i{position:absolute;top:-11px;right:14px;padding:3px 9px;border-radius:5px;background:#bbde41;color:#10171e;font:700 11px Arial,sans-serif;font-style:normal;letter-spacing:1px}
.pro-links{margin-top:20px;text-align:center}.pro-dialog a{color:#bbde41}
.pro-pay{display:grid;grid-template-columns:1fr 1fr;gap:24px;align-items:start}
.pro-qr{width:200px;max-width:100%;padding:10px;border-radius:10px;background:#fff}.pro-qr svg{display:block;width:100%;height:auto}
.pro-cta{display:inline-flex;align-items:center;justify-content:center;min-height:56px;padding:0 26px;border:0;border-radius:10px;background:#bbde41;color:#10171e;font:700 17px Arial,sans-serif;text-decoration:none;cursor:pointer}
.pro-dialog a.pro-cta{color:#10171e}
.pro-secondary{min-height:56px;padding:0 20px;border:1px solid #65727e;border-radius:10px;background:#162129;color:#edf1f5;font:600 16px Arial,sans-serif;cursor:pointer}
.pro-row{display:flex;flex-wrap:wrap;align-items:center;gap:14px;margin-top:16px}
.pro-dialog input{width:100%;box-sizing:border-box;min-height:58px;margin-top:8px;padding:0 16px;border:1px solid #65727e;border-radius:10px;background:#0c1217;color:#edf1f5;font:600 22px Arial,sans-serif;letter-spacing:2px}
.pro-code{font:700 46px Arial,sans-serif;letter-spacing:8px;color:#d8f27a!important;margin:10px 0}
.pro-error{min-height:1.4em;margin:14px 0 0;color:#ff8a80!important}
@media(max-width:620px){.pro-plans,.pro-pay{grid-template-columns:1fr}}
/* Manual gearbox: on-screen paddles and the gearbox switch. */
.cockpit .instrument{position:relative}
.shift-paddles{position:absolute;inset:auto 0 6% 0;display:flex;justify-content:space-between;pointer-events:none;z-index:3}
.shift-paddles[hidden]{display:none}
.shift-paddles button{pointer-events:auto;width:96px;height:96px;border-radius:50%;border:1px solid #ffffff40;background:#0b1116d9;color:#f2f5f7;font:300 54px/1 Arial,sans-serif;cursor:pointer;box-shadow:0 8px 24px #0009;touch-action:manipulation}
.shift-paddles button:active{background:var(--accent);color:#0b1116}
.gearbox-control{margin-right:10px}.gearbox-control.manual b{color:#f6d873}
.gear-flash{animation:gearflash .35s ease-out}@keyframes gearflash{0%{transform:scale(1.35);filter:brightness(1.8)}100%{transform:none;filter:none}}
@media(max-width:759px){.shift-paddles button{width:64px;height:64px;font-size:36px}}
/* Minimal display (Settings › Display › Minimal): flat and quiet, day and night. */
:root[data-mn-theme=day]{--mn-bg:#f4f5f6;--mn-fg:#171a1c;--mn-dim:#7b8287;--mn-line:#d9dcdf;--mn-card:#ffffff;--mn-accent:#3e6ae1}
:root[data-mn-theme=night]{--mn-bg:#0f1112;--mn-fg:#eef0f1;--mn-dim:#8b9196;--mn-line:#2a2e31;--mn-card:#1a1d1f;--mn-accent:#5b86f0}
.skin-minimal #cockpit{display:none}
.minimal-ui{position:fixed;inset:0;display:flex;flex-direction:column;background:var(--mn-bg);color:var(--mn-fg);font-family:system-ui,-apple-system,'Segoe UI',Roboto,'Helvetica Neue',Arial,sans-serif;padding:28px 40px 26px;user-select:none;z-index:1}
.minimal-ui[hidden]{display:none}
.mn-top{display:flex;justify-content:space-between;align-items:center}
.mn-car{display:flex;align-items:baseline;gap:10px;min-height:60px;padding:0 18px;border:0;border-radius:12px;background:transparent;color:var(--mn-fg);font:inherit;font-size:18px;cursor:pointer}
.mn-car span{color:var(--mn-dim);letter-spacing:2px;font-size:14px}.mn-car strong{font-size:26px;font-weight:500}.mn-car i{font-style:normal;color:var(--mn-dim)}
.mn-top-right{display:flex;gap:12px}
.mn-pill{min-height:56px;min-width:56px;padding:0 20px;border:1px solid var(--mn-line);border-radius:28px;background:var(--mn-card);color:var(--mn-fg);font:500 17px system-ui,Arial,sans-serif;cursor:pointer;font-variant-numeric:tabular-nums}
.mn-pro.is-pro{color:#b8860b;border-color:#e3c46a}
.mn-body{flex:1;display:grid;grid-template-columns:120px 1fr 160px;align-items:center;min-height:0}
.mn-gears{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px;font-size:26px;font-weight:500;color:var(--mn-dim)}
.mn-gears li{width:54px;height:44px;display:grid;place-items:center;border-radius:10px;transition:color .15s,background .15s}
.mn-gears li.on{color:var(--mn-fg);background:var(--mn-card);box-shadow:0 1px 0 var(--mn-line),0 0 0 1px var(--mn-line)}
.mn-center{display:flex;flex-direction:column;align-items:center;gap:10px;min-height:0}
.mn-status{font-size:15px;letter-spacing:3px;color:var(--mn-dim)}
.mn-speed{display:flex;flex-direction:column;align-items:center;line-height:1}
.mn-speed strong{font-size:min(22vh,190px);font-weight:300;letter-spacing:-4px;font-variant-numeric:tabular-nums}
.mn-speed span{font-size:20px;color:var(--mn-dim);margin-top:4px}
.mn-rpm{width:min(560px,70%);margin-top:16px}
.mn-rpm-bar{position:relative;height:8px;border-radius:4px;background:var(--mn-line);overflow:hidden}
.mn-rpm-bar i{position:absolute;inset:0 auto 0 0;width:0;background:var(--mn-fg);border-radius:4px;transition:width .05s linear}
.mn-rpm-bar i.red{background:#e82127}
.mn-rpm-bar b{position:absolute;top:0;bottom:0;right:0;background:#e8212733}
.mn-rpm-text{margin-top:8px;text-align:center;color:var(--mn-dim);font-size:17px;font-variant-numeric:tabular-nums}
.mn-carimg{max-width:min(620px,60%);max-height:26vh;object-fit:contain;margin-top:10px;filter:drop-shadow(0 18px 18px #0002)}
:root[data-mn-theme=night] .mn-carimg{filter:drop-shadow(0 18px 22px #0008)}
.mn-shift{display:flex;flex-direction:column;gap:18px;align-items:center}
.mn-shift[hidden]{display:none}
.mn-shift button{width:120px;height:120px;border-radius:50%;border:1px solid var(--mn-line);background:var(--mn-card);color:var(--mn-fg);font:300 64px/1 system-ui,Arial,sans-serif;cursor:pointer;box-shadow:0 6px 20px #0001;touch-action:manipulation}
.mn-shift button:active{background:var(--mn-accent);color:#fff}
.mn-bottom{display:flex;align-items:center;justify-content:center;gap:18px;flex-wrap:wrap}
.mn-start{min-width:200px;min-height:68px;border:0;border-radius:34px;background:var(--mn-accent);color:#fff;font:600 20px system-ui,Arial,sans-serif;letter-spacing:2px;cursor:pointer}
.mn-start.running{background:var(--mn-card);color:var(--mn-fg);box-shadow:0 0 0 1px var(--mn-line)}
.mn-seg{display:flex;padding:4px;border-radius:30px;background:var(--mn-line);gap:2px}
.mn-seg button{min-height:56px;padding:0 22px;border:0;border-radius:26px;background:transparent;color:var(--mn-dim);font:500 17px system-ui,Arial,sans-serif;cursor:pointer}
.mn-seg button.on{background:var(--mn-card);color:var(--mn-fg);box-shadow:0 1px 3px #0002}
@media(max-width:760px){.minimal-ui{padding:16px}.mn-body{grid-template-columns:64px 1fr 86px}.mn-shift button{width:76px;height:76px;font-size:44px}.mn-gears{font-size:18px}.mn-gears li{width:40px;height:32px}.mn-start{min-width:140px}}
.embedded .minimal-ui{display:none}
.mn-carsw{display:flex;align-items:center;gap:4px}
.mn-arrow{width:56px;height:56px;border:0;border-radius:28px;background:transparent;color:var(--mn-fg);font:300 40px/1 system-ui,Arial,sans-serif;cursor:pointer}
.mn-arrow:active{background:var(--mn-line)}
.mn-lights{display:flex;gap:8px;height:10px}.mn-lights i{width:22px;height:6px;border-radius:3px;background:var(--mn-line)}.mn-lights i.lit{background:var(--light)}
.mn-meters{display:flex;gap:28px;width:min(560px,70%);margin-top:4px}
.mn-meters label{flex:1;display:grid;grid-template-columns:1fr auto;gap:6px;font-size:14px;color:var(--mn-dim)}
.mn-meters b{font-weight:500;color:var(--mn-fg);font-variant-numeric:tabular-nums}
.mn-meters i{grid-column:1/-1;height:4px;border-radius:2px;background:var(--mn-line);overflow:hidden}.mn-meters i span{display:block;height:100%;width:0;background:var(--mn-fg)}
.mn-hold{min-height:68px;min-width:130px;padding:0 22px;border:1px solid var(--mn-line);border-radius:34px;background:var(--mn-card);color:var(--mn-fg);font:600 17px system-ui,Arial,sans-serif;letter-spacing:1px;cursor:pointer;touch-action:none}
.mn-hold.pressed{background:var(--mn-fg);color:var(--mn-bg)}
.mn-rev{min-width:96px;border-radius:50%;width:96px;height:96px;padding:0}
.mn-no-pedals .mn-gas,.mn-no-pedals .mn-brake{display:none}
@media(max-width:760px){.mn-hold{min-width:90px;min-height:56px}.mn-rev{width:70px;height:70px}}
/* Pro dialog: plans + QR together (like the paywall of similar apps). */
.pro-qr-big{width:260px;max-width:70%;margin:22px auto 10px;padding:12px;border-radius:12px;background:#fff;aspect-ratio:1}
.pro-qr-big svg{display:block;width:100%;height:auto}
.pro-qr-big.loading{display:grid;place-items:center;background:#1a2129}
.pro-qr-big.loading::after{content:"";width:34px;height:34px;border:3px solid #ffffff33;border-top-color:#bbde41;border-radius:50%;animation:qrspin .8s linear infinite}
@keyframes qrspin{to{transform:rotate(360deg)}}
.pro-qr-cap{text-align:center;color:#b9c6d0;margin:0 0 6px;font-size:15px}
.pro-plan.chosen{border-color:#bbde41;box-shadow:0 0 0 2px #bbde41 inset}
/* ---- Pro dialog, redesigned (compact, framed QR, selectable plan cards) ---- */
.pro-dialog{width:min(470px,94vw);padding:24px 24px 22px;background:radial-gradient(130% 90% at 50% -10%,#26323d,#0d141b)}
.pro-dialog .dialog-heading{margin-bottom:14px}
.pro-dialog .dialog-heading h1{font-size:24px}
.pro-reason{margin:0 0 18px;padding:11px 14px;border-radius:10px;background:#38290f;border:1px solid #5a451a;color:#f3cf73!important;font-weight:600;font-size:14px;line-height:1.4}
.pro-perks{display:none}
.pro-plans{grid-template-columns:1fr 1fr;gap:12px;margin:0}
.pro-plan{min-height:0;padding:16px 14px 15px;gap:3px;border:1.5px solid #3c4a57;background:#141d25;border-radius:14px;transition:border-color .15s,box-shadow .15s,background .15s}
.pro-plan::after{content:"";position:absolute;top:13px;right:13px;width:18px;height:18px;border-radius:50%;border:2px solid #4a5a68;background:transparent;transition:.15s}
.pro-plan b{font-size:16px;font-weight:600}
.pro-plan span{font-size:14px;color:#aeb9c4}
.pro-plan.chosen,.pro-plan.best.chosen{border-color:#bbde41;background:#18231a;box-shadow:0 0 0 1px #bbde41 inset}
.pro-plan.chosen span{color:#cfe98a}
.pro-plan.chosen::after{border-color:#bbde41;background:radial-gradient(circle,#bbde41 0 42%,transparent 46%)}
.pro-plan i{top:-9px;right:12px;padding:2px 8px;font-size:10px;border-radius:6px}
.pro-qr-big{width:188px;max-width:60%;margin:20px auto 12px;padding:12px;border-radius:14px;background:#fff;box-shadow:0 10px 30px #0006}
.pro-qr-big.loading{min-height:188px}
.pro-qr-cap{font-size:13.5px;color:#9fb0bd;max-width:30ch;margin:0 auto 16px}
.pro-links{margin-top:4px;font-size:13px;color:#8599a8;line-height:1.9}
.pro-links a{color:#bbde41;text-decoration:none}
.pro-links a#proPayHere{display:inline-block;margin-bottom:6px;padding:11px 20px;border:1px solid #4a5a68;border-radius:999px;color:#eaf0f4;font-weight:600}
.pro-links a#proPayHere:hover{border-color:#bbde41;color:#bbde41}
@media(max-width:430px){.pro-plans{grid-template-columns:1fr}.pro-qr-big{max-width:72%}}
.pro-pick{text-align:center;color:#9fb0bd;font-size:14px;margin:18px 0 6px}
.pro-pick[hidden]{display:none}
.pro-paybox[hidden]{display:none}
.pro-links-alt{margin-top:14px}
/* ---- Dialogs themed to match the Tesla UI (minimal) skin, light and dark ---- */
.skin-minimal dialog{background:var(--mn-bg);color:var(--mn-fg);border:1px solid var(--mn-line);box-shadow:0 30px 80px #00000026}
.skin-minimal dialog::backdrop{background:#0009;backdrop-filter:blur(6px)}
.skin-minimal .dialog-heading small{color:var(--mn-dim)}
.skin-minimal .dialog-heading h1{color:var(--mn-fg)}
.skin-minimal .dialog-heading button{background:var(--mn-card);border-color:var(--mn-line);color:var(--mn-fg)}
.skin-minimal .car-card{background:var(--mn-card);border:1px solid var(--mn-line);color:var(--mn-fg)}
.skin-minimal .car-card:hover{border-color:var(--mn-accent)}
.skin-minimal .car-card small{color:var(--mn-dim)}
.skin-minimal .car-card.selected{border-color:var(--mn-accent);background:var(--mn-card);box-shadow:0 0 0 1px var(--mn-accent) inset}
.skin-minimal .car-card img{filter:none}
.skin-minimal .visibility-setting{background:var(--mn-card);border-color:var(--mn-line)}
.skin-minimal .visibility-setting small{color:var(--mn-dim)}
.skin-minimal .visibility-setting input,.skin-minimal .settings-grid input[type=range]{accent-color:var(--mn-accent)}
.skin-minimal .settings-grid{border-top-color:var(--mn-line)}
.skin-minimal .settings-grid label{color:var(--mn-fg)}
.skin-minimal .settings-grid output{color:var(--mn-accent)}
.skin-minimal .settings-grid select{background:var(--mn-card);border-color:var(--mn-line);color:var(--mn-fg)}
.skin-minimal .sensor-status{color:var(--mn-dim)}
/* Pro dialog in Tesla UI */
.skin-minimal .pro-dialog{background:var(--mn-bg)}
.skin-minimal .pro-reason{background:var(--mn-card);border-color:var(--mn-line);color:var(--mn-fg)!important}
.skin-minimal .pro-plan{background:var(--mn-card);border-color:var(--mn-line);color:var(--mn-fg)}
.skin-minimal .pro-plan span{color:var(--mn-dim)}
.skin-minimal .pro-plan.chosen,.skin-minimal .pro-plan.best.chosen{border-color:var(--mn-accent);background:var(--mn-card);box-shadow:0 0 0 1px var(--mn-accent) inset}
.skin-minimal .pro-plan.chosen span{color:var(--mn-fg)}
.skin-minimal .pro-plan.chosen::after{border-color:var(--mn-accent);background:radial-gradient(circle,var(--mn-accent) 0 42%,transparent 46%)}
.skin-minimal .pro-plan i{background:var(--mn-accent);color:#fff}
.skin-minimal .pro-pick,.skin-minimal .pro-qr-cap,.skin-minimal .pro-links{color:var(--mn-dim)}
.skin-minimal .pro-dialog a,.skin-minimal .pro-links a{color:var(--mn-accent)}
.skin-minimal .pro-links a#proPayHere{border-color:var(--mn-line);color:var(--mn-fg)}
.skin-minimal .pro-links a#proPayHere:hover{border-color:var(--mn-accent);color:var(--mn-accent)}
.skin-minimal .pro-cta,.skin-minimal .pro-dialog a.pro-cta{background:var(--mn-accent);color:#fff}
.skin-minimal .pro-secondary{background:var(--mn-card);border-color:var(--mn-line);color:var(--mn-fg)}
.skin-minimal .pro-dialog input{background:var(--mn-card);border-color:var(--mn-line);color:var(--mn-fg)}
.skin-minimal .pro-code{color:var(--mn-accent)!important}
/* ---- Tesla UI: responsive layout (Tesla screen, tablet, phone portrait, phone landscape) ---- */
#mnDrive{display:none}
.mn-body{grid-template-columns:110px minmax(0,1fr) 150px;grid-template-areas:"gears center shift";gap:12px}
.mn-gears{grid-area:gears}.mn-center{grid-area:center;width:100%}.mn-shift{grid-area:shift}
.mn-rev{width:auto;height:auto;min-width:110px;min-height:68px;border-radius:34px;padding:0 24px}
.mn-speed strong{font-size:clamp(64px,min(22vh,18vw),190px)}
.mn-carimg{max-height:clamp(70px,26vh,280px)}
@media(max-width:700px){
 .minimal-ui{padding:10px 12px calc(12px + env(safe-area-inset-bottom))}
 .mn-carsw{gap:0;min-width:0}.mn-car{padding:0 4px;min-height:44px;gap:6px;min-width:0}.mn-car span{display:none}
 .mn-car strong{font-size:20px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:42vw}
 .mn-arrow{width:38px;height:44px;font-size:30px}
 .mn-top-right{gap:6px}.mn-pill{min-height:44px;min-width:44px;padding:0 12px;font-size:14px}#mnSkin{display:none}
 .mn-body{grid-template-columns:minmax(0,1fr);grid-template-areas:"gears" "center" "shift";align-content:center;gap:14px}
 .mn-gears{flex-direction:row;justify-content:center;flex-wrap:wrap;gap:4px;font-size:17px}
 .mn-gears li{width:34px;height:34px;border-radius:9px}
 .mn-center{gap:8px}
 .mn-speed strong{font-size:clamp(76px,28vw,150px);letter-spacing:-3px}
 .mn-speed span{font-size:16px}
 .mn-rpm,.mn-meters{width:100%;max-width:420px}.mn-meters{gap:16px}
 .mn-carimg{max-width:92%;max-height:24vh;margin-top:4px}
 .mn-shift{flex-direction:row;justify-content:center;gap:28px}
 .mn-shift button{width:72px;height:72px;font-size:40px}
 .mn-bottom{flex-wrap:nowrap;gap:8px}
 .mn-seg{flex:none}.mn-seg button{min-height:52px;padding:0 13px;font-size:15px}
 .mn-start{flex:1;min-width:0;max-width:220px;min-height:56px;font-size:17px;letter-spacing:1.5px}
 .mn-rev{min-width:0;min-height:56px;padding:0 16px;font-size:15px}
}
@media(max-height:560px) and (min-width:560px){
 .minimal-ui{padding:8px 18px 10px}
 .mn-car{min-height:40px}.mn-car strong{font-size:20px}.mn-car span{font-size:11px}.mn-arrow{width:40px;height:40px;font-size:28px}
 .mn-pill{min-height:40px;min-width:40px;padding:0 12px;font-size:14px}
 .mn-body{grid-template-columns:44px minmax(0,1fr) auto;grid-template-areas:"gears center shift";gap:10px}
 .mn-gears{gap:1px;font-size:14px}.mn-gears li{width:34px;height:clamp(18px,calc((100vh - 150px) / 10),30px);border-radius:7px}
 .mn-center{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.85fr);grid-template-areas:"lights img" "status img" "speed img" "rpm img" "meters img";column-gap:24px;row-gap:2px;align-items:center;justify-items:center}
 .mn-lights{grid-area:lights}.mn-status{grid-area:status;font-size:12px}.mn-speed{grid-area:speed}.mn-rpm{grid-area:rpm;width:100%;margin-top:4px}.mn-meters{grid-area:meters;width:100%}
 .mn-carimg{grid-area:img;max-width:100%;max-height:52vh;margin:0}
 .mn-speed strong{font-size:clamp(52px,26vh,120px)}.mn-speed span{font-size:14px}.mn-rpm-text{font-size:13px;margin-top:4px}
 .mn-shift{gap:12px}.mn-shift button{width:60px;height:60px;font-size:34px}
 .mn-bottom{gap:10px;flex-wrap:nowrap}.mn-seg button{min-height:44px;padding:0 16px;font-size:15px}
 .mn-start{min-height:48px;min-width:180px;font-size:16px}.mn-rev{min-height:48px;min-width:96px;font-size:15px}
}
.skin-minimal .app-shell{min-height:0}.skin-minimal body{overflow:hidden}
.app-shell{min-height:320px}
.mn-pill{white-space:nowrap}
@media(max-width:380px){.mn-pill{padding:0 9px;font-size:13px;min-width:40px}.mn-car strong{max-width:36vw;font-size:18px}.mn-arrow{width:32px}.mn-seg button{padding:0 10px;font-size:14px}.mn-rev{padding:0 12px}}
/* Only the plan the driver picked looks selected; "best" is marked by its ribbon alone. */
.pro-plan.best{border-color:#3c4a57;box-shadow:none}
.skin-minimal .pro-plan.best{border-color:var(--mn-line);box-shadow:none}
.pro-plan.best.chosen{border-color:#bbde41;box-shadow:0 0 0 1px #bbde41 inset}
.skin-minimal .pro-plan.best.chosen{border-color:var(--mn-accent);box-shadow:0 0 0 1px var(--mn-accent) inset}
/* ---- Cockpit on phones ---- */
@media(max-width:879px){#cockpit #driveMode{display:none!important}}
@media(max-width:700px) and (orientation:portrait){
 #cockpit .dash-main,#cockpit.show-dynamics .dash-main{grid-template-columns:minmax(0,1fr)!important;grid-template-rows:auto!important;gap:0!important;align-content:center;margin:0!important}
 #cockpit .aux-panel,#cockpit .pedal{display:none!important}
 #cockpit .instrument{grid-column:1/-1!important;grid-row:auto!important;width:100%!important;max-width:none!important;justify-self:center}
 #cockpit #dial{width:min(100%,60vh)!important;max-width:none!important}
 #cockpit .digital-dial{width:min(100%,60vh)!important}
 #cockpit .dash-header .car-switch{max-width:calc(100% - 118px)!important}
 #cockpit .dash-header .car-title{gap:4px}
}
@media(max-height:440px) and (orientation:landscape){
 #cockpit .aux-panel{display:none!important}
 #cockpit .dash-main,#cockpit.show-dynamics .dash-main{grid-template-columns:40px minmax(0,1fr) 40px!important;gap:10px!important;margin:0!important}
 #cockpit .meters{display:none!important}
 #cockpit #dial{width:auto!important;height:100%!important;max-height:calc(100svh - 150px)!important}
}
@media(max-width:700px) and (orientation:portrait){
 #cockpit .dial-wrap{height:auto!important;width:100%!important;justify-content:center}
 #cockpit #dial{height:auto!important}
}
@media(max-height:440px) and (orientation:landscape){
 #cockpit .pedal.brake{grid-column:1!important;grid-row:1!important}
 #cockpit .instrument{grid-column:2!important;grid-row:1!important;width:100%!important;max-width:none!important;height:100%;justify-self:center}
 #cockpit .pedal.throttle{grid-column:3!important;grid-row:1!important}
 #cockpit .dial-wrap{height:100%!important;width:100%!important;justify-content:center}
 #cockpit #dial{height:100%!important;width:auto!important;max-width:100%!important}
 #cockpit .mode-switcher{display:none!important}
}
@media(max-width:700px) and (orientation:portrait){
 #cockpit .instrument{height:auto!important;max-height:none!important;min-height:0!important;align-self:center!important;flex-direction:column}
}
@media(max-height:440px) and (orientation:landscape){
 #cockpit .dash-footer{height:74px!important;min-height:74px!important;gap:14px!important}
 #cockpit .dash-footer .round{width:64px!important;height:64px!important;min-width:64px!important}
 #cockpit .footer-controls{margin:0!important}
}
@media(max-width:700px) and (orientation:portrait){
 #cockpit .dash-main,#cockpit.show-dynamics .dash-main{grid-template-rows:minmax(0,1fr)!important}
 #cockpit .instrument{height:100%!important;align-self:stretch!important;justify-content:center}
 #cockpit .dial-wrap{flex:1 1 auto!important;min-height:0!important;display:flex!important;align-items:center!important;justify-content:center!important}
 #cockpit #dial,#cockpit .digital-dial{width:min(100%,62vh)!important;height:auto!important;max-height:100%!important}
}
/* Display switch sits top-right in both UIs; on phones it lives in Settings › Display (same in both). */
.skin-switch{white-space:nowrap}
@media(max-width:700px){#cockpit #skinToMinimal{display:none!important}}
.embedded #skinToMinimal{display:none}
#cockpit #driveMode{display:none!important}