/* V0.3 racing screen — garage V0.2.1 styling remains unchanged. */
body.race-active .stage,body.race-active .tools,body.race-active .footer,body.race-active .footercopy{display:none}
body:not(.race-active) #raceScreen{display:none}
#raceScreen{display:block;padding:0 0 22px;background:#141026;color:#e9f7f5}
.race-heading{padding:15px 15px 11px;display:flex;align-items:center;justify-content:space-between;gap:8px;background:#171028}.race-heading strong{font-size:clamp(13px,3vw,17px);letter-spacing:.07em}.race-heading small{display:block;margin-top:4px;font-size:10px;color:#8cd5d0;letter-spacing:.09em}.race-badge{font-size:9px;color:#e4bbec;border:1px solid #684b79;padding:7px 5px;border-radius:4px;text-align:center}
.race-scene{position:relative;background:#070e20;overflow:hidden;min-height:275px;height:clamp(290px,49svh,520px)}#roadCanvas{width:100%;height:100%;display:block;touch-action:none}.race-overlay{position:absolute;left:12px;right:12px;top:12px;display:flex;justify-content:space-between;pointer-events:none;font-size:11px;text-shadow:1px 2px 6px #000;letter-spacing:.05em;color:#b2f6e1}.race-overlay span{background:#0b1233a9;border:1px solid #34747879;padding:5px 7px;border-radius:3px}.race-timing{position:absolute;left:12px;right:12px;bottom:12px;display:flex;justify-content:space-between;gap:12px;pointer-events:none}.race-timing span{font-size:10px;letter-spacing:.07em;background:#07121ed9;border:1px solid #3b7881aa;border-radius:3px;padding:5px 8px;color:#d39bd5}.race-timing b{font-size:16px;display:block;margin-top:4px;color:#8cf8d4}
.race-instruments{margin:9px 10px 0;border:1px solid #356b5e;border-radius:8px;background:#090f12;overflow:hidden;box-shadow:0 0 18px #52e8be12}.race-instruments svg{width:100%;height:auto;display:block;max-height:240px}.race-instruments svg[hidden]{display:none}.race-config{display:flex;align-items:center;justify-content:space-between;padding:8px 11px;background:#091513;gap:7px;border-bottom:1px solid #27483f}.race-config>div{display:flex;gap:5px}.race-config button,.race-control-settings button{border:1px solid #3b6165;background:#161d2d;font-size:11px;color:#b2cbc9;padding:9px 12px;border-radius:4px;letter-spacing:.04em}.race-config button.selected,.race-control-settings button.selected{color:#d3fff6;background:#285159;border-color:#78d9d0}.race-config span{font-size:9px;color:#a1b9a2;text-align:right}.race-config span.danger{color:#ff8089}
.race-control-settings{display:flex;justify-content:space-between;align-items:center;padding:13px 14px 10px;gap:10px}.race-control-settings>div{display:flex;gap:7px}.race-control-settings #audioToggle{font-size:10px;min-width:95px}
.race-control-area{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:3px 14px 8px}.race-direction,.race-pedals{display:flex;gap:9px}.drive-pad{touch-action:none;user-select:none;-webkit-user-select:none;min-height:64px;flex:1;border:1px solid #586d7e;border-radius:8px;background:linear-gradient(#262a41,#181c2e);font-size:23px;color:#aaf3e7;box-shadow:inset 0 -4px 0 #0e1323}.drive-pad.pressed,.drive-pad:active{background:#365a65;border-color:#85ffdf;box-shadow:inset 0 2px 8px #61f8d445}.drive-pad.brake{font-size:13px;background:linear-gradient(#4a2a49,#281726);border-color:#ab5578;color:#ffc3db}.drive-pad.gas{font-size:13px;background:linear-gradient(#214b48,#122d2c);border-color:#4a9d90;color:#cbfff5}
.manual-controls{display:flex;justify-content:center;gap:12px;padding:5px 14px 10px}.manual-controls[hidden]{display:none}.manual-controls button{min-height:43px;min-width:110px;border:1px solid #9576ac;background:#32203f;color:#f0cffc;border-radius:5px}.race-actions{display:flex;gap:10px;padding:5px 14px}.race-actions button{width:50%;font-size:12px}.race-note{color:#aa96ba;font-size:10px;line-height:1.7;padding:10px 16px 0}
@media(orientation:landscape) and (max-height:580px){.race-scene{height:68svh;min-height:220px}.race-instruments svg{max-height:205px}}
@media(min-width:690px){.race-scene{height:clamp(375px,60svh,600px)}.race-control-area{max-width:640px;margin:auto}.race-config,.race-control-settings,.race-actions,.race-note{padding-left:26px;padding-right:26px}.race-instruments{max-width:740px;margin:13px auto 0}.race-heading{padding-left:28px;padding-right:28px}.race-actions{max-width:630px;margin:auto}}
/* Compact race-only HUD: road, cluster and touch controls remain in the phone viewport. */
@media(max-width:689px){
 body.race-active .brandline{display:none}
 body.race-active .top{padding:calc(8px + env(safe-area-inset-top)) 10px 8px}
 body.race-active .tabs{margin-top:0}
 body.race-active .tab{padding:10px 3px}
 .race-heading{padding:9px 11px 7px}
 .race-scene{height:clamp(245px,38svh,410px);min-height:245px}
 .race-instruments{margin:5px 9px 0}
 .race-instruments svg{max-height:150px}
 .race-config{padding:5px 8px}
 .race-config button{padding:6px 9px}
 .race-control-settings{padding:7px 12px 5px}
 .race-control-settings button{padding:7px 9px}
 .race-control-area{padding:3px 11px 6px}
 .drive-pad{min-height:56px}
 .race-actions{padding:5px 12px}
 .race-actions .action{padding:10px 5px}
 .race-note{padding:5px 12px;font-size:9px}
 body.race-running .race-actions,body.race-running .race-note{display:none}
}