/* PIT GARAGE — compact instruments around a live vehicle stage. */
#garage.panel{--rail-width:clamp(240px,20vw,300px)}
.acid-risk-rail{inset:0 0 auto auto;display:grid;gap:12px;padding:18px;height:auto;min-height:0}
.acid-risk-rail .risk{flex:none;display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-rows:auto 44px 12px;gap:0 8px;margin:0}
.acid-risk-rail .risk>span{grid-column:1;grid-row:1;align-self:center;font-size:12px;line-height:1.45}
.acid-risk-rail #levValue{grid-column:2;grid-row:1;font-size:56px;line-height:1;transform-origin:right center}
.acid-risk-rail input[type=range]{appearance:none;-webkit-appearance:none;writing-mode:horizontal-tb;direction:ltr;grid-column:1/-1;grid-row:2;min-height:44px;height:44px;width:100%;min-width:0;background:transparent;cursor:ew-resize}
.acid-risk-rail input[type=range]::-webkit-slider-runnable-track{height:6px;background:linear-gradient(to right,var(--ink) var(--risk-progress),#13131335 var(--risk-progress));border-radius:0}
.acid-risk-rail input[type=range]::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;width:16px;height:24px;margin-top:-9px;background:var(--ink);border:2px solid var(--acid);border-radius:0;box-shadow:0 0 0 1px var(--ink)}
.acid-risk-rail input[type=range]::-moz-range-track{height:6px;background:#13131335;border-radius:0}.acid-risk-rail input[type=range]::-moz-range-progress{height:6px;background:var(--ink)}.acid-risk-rail input[type=range]::-moz-range-thumb{width:12px;height:20px;background:var(--ink);border:2px solid var(--acid);border-radius:0}
.acid-risk-rail .range-labels{grid-column:1/-1;grid-row:3;flex-direction:row;padding:0;margin:0;font-size:10px;line-height:12px;gap:4px}
.acid-risk-presets{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}
.acid-risk-presets button{min-height:44px;padding:4px 0;background:transparent;color:var(--ink);border:1px solid #13131360;box-shadow:none;border-radius:0;font:800 20px/1 'Barlow Condensed',sans-serif}
.acid-risk-presets button[aria-pressed=true]{background:var(--ink);color:var(--acid);border-color:var(--ink)}
.acid-risk-presets button:hover{background:var(--paper);border-color:var(--ink);color:var(--ink);box-shadow:none}.acid-risk-presets button:focus-visible{outline-color:var(--ink);outline-offset:2px}
.acid-risk-metrics{display:grid;grid-template-columns:minmax(0,.7fr) minmax(0,1.3fr) minmax(0,1fr);gap:10px;border-top:2px solid var(--ink);padding-top:10px}
.acid-risk-rail .density{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:5px;margin:0;padding:0;min-width:0}
.acid-risk-rail .specs{display:contents;border:0;margin:0;padding:0}
.acid-risk-rail .density>span,.acid-risk-rail .specs small{color:#29280b;font-size:9px;line-height:1.3;margin:0 0 5px}
.acid-risk-rail .density>span{margin:0}
.acid-risk-rail .density strong,.acid-risk-rail .specs b{font:800 20px/1 'Barlow Condensed',sans-serif;white-space:nowrap;color:var(--ink)}
.acid-risk-note{margin:0;font-size:10px;line-height:1.55;color:#29280b}
.acid-risk-note strong{font-weight:800;color:var(--ink);margin-right:8px}

/* The setup page has its own hierarchy; the middle stays transparent for the car. */
#setupPage{display:grid;grid-template-columns:minmax(272px,330px) minmax(0,1fr);grid-template-rows:minmax(min-content,1fr) auto auto;gap:16px;align-items:start;padding:0;height:100%;max-height:none;overflow:auto;background:none;border:0;box-shadow:none;scrollbar-width:thin;scroll-padding:8px}
.acid-setup-open .acid-vehicle{display:none}
.acid-identity{grid-column:1;grid-row:1;min-width:0;padding:18px;background:#131313f5;border:1px solid #fcf9ec45;border-left:4px solid var(--garage-paint);box-shadow:0 5px 0 #000;transition:border-color 200ms}
.acid-section-code{display:block;font:700 11px/1.3 'Barlow Condensed',sans-serif;letter-spacing:.12em;color:#bebdb3}
.acid-identity h2{margin:5px 0 16px;font:800 italic 25px/1.2 'Noto Sans TC',sans-serif;letter-spacing:-.04em;color:var(--paper)}
.acid-identity h2:lang(en){font:800 italic 36px/1 'Barlow Condensed',sans-serif}
#setupPage .setup{display:block;margin:0}.acid-identity .setup label>span{font-size:11px;min-height:0}.acid-identity .setup input{font-size:18px;min-height:48px;padding:8px 10px;margin-top:6px}
.acid-identity h3{font-size:11px;font-weight:800;line-height:1.3;color:var(--paper);margin:18px 0 9px}
.acid-finishes{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:5px;margin:0 0 15px}
.acid-finishes button{display:grid;grid-template-rows:24px auto;gap:7px;min-width:0;min-height:58px;padding:5px 3px;background:#232321;border:1px solid #fcf9ec35;border-radius:0;box-shadow:none;color:var(--paper)}
.acid-finishes button i{display:block;background:var(--paint);clip-path:polygon(0 0,calc(100% - 7px) 0,100% 7px,100% 100%,0 100%)}
.acid-finishes button span{font-size:9px;line-height:1.15;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.acid-finishes button[aria-pressed=true]{border-color:var(--acid);box-shadow:inset 0 -3px 0 var(--acid)}
.acid-finishes button:hover{background:#393931;color:var(--paper);border-color:var(--paper)}
.acid-custom-color{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px;border-top:1px solid #fcf9ec30;padding-top:12px}
.acid-custom-color .colorlabel{display:grid;grid-template-columns:minmax(0,1fr) 44px;align-items:center;gap:8px;margin:0}.acid-custom-color .colorlabel>span{font-size:11px;color:var(--paper)}
.acid-custom-color input[type=color]{width:44px;height:44px;min-height:44px;margin:0;padding:5px;background:var(--paper);border:0;border-radius:0;cursor:pointer}
.acid-custom-color output{font:700 11px/1 monospace;color:#b6b5a9}
.acid-setup-display{grid-column:2;grid-row:1;min-width:0;padding:20px 10px;pointer-events:none}
.acid-setup-display>strong{display:block;font:800 italic clamp(38px,4.6vw,72px)/1.05 'Barlow Condensed',sans-serif;letter-spacing:-.035em;color:var(--paper);text-shadow:0 4px 0 var(--ink);margin:10px 0 12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.acid-live-finish{display:inline-flex;align-items:center;gap:8px;font-size:12px;font-weight:800;color:var(--paper)}
.acid-live-finish::before{content:'';width:22px;height:12px;background:var(--garage-paint);clip-path:polygon(6px 0,100% 0,calc(100% - 6px) 100%,0 100%)}
.acid-live-label{display:block;width:max-content;max-width:100%;margin:10px 0 0;color:var(--acid);font-size:10px;letter-spacing:.08em;border-top:1px solid #fcf9ec45;padding-top:8px}
#setupPage .audio-controls{grid-column:1/-1;grid-row:2;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 14px;min-width:0;min-inline-size:0;width:100%;padding:14px;margin:0;border:1px solid #fcf9ec50;border-top:3px solid var(--acid);border-radius:0;background:#131313f5}
#setupPage .audio-controls legend{font-size:16px;font-weight:800;font-style:italic;padding:0 8px;color:var(--acid)}
#setupPage .audio-controls legend::before{content:'02 / ';font:800 20px 'Barlow Condensed',sans-serif;color:var(--paper)}
#setupPage .audio-row{display:grid;grid-template-columns:58px minmax(0,1fr);grid-template-rows:40px 44px;gap:0 12px;min-width:0;margin:0;padding:6px 12px;background:#22221f;border:1px solid #fcf9ec25}
.acid-audio-kind{grid-column:1;grid-row:1/3;align-self:center;font:800 italic 34px/1 'Barlow Condensed',sans-serif;color:var(--paper)}
#setupPage .audio-row>label:not(.audio-volume){grid-column:2;grid-row:1;display:flex;align-items:center;gap:8px;min-width:0;min-height:40px;font-size:12px}
#setupPage .audio-row>label input[type=checkbox]{width:20px;height:20px;margin:0;accent-color:var(--acid);flex-shrink:0}
#setupPage .audio-row>label>span{font-size:12px;line-height:1.3}
#setupPage .audio-volume{grid-column:2;grid-row:2;display:grid;grid-template-columns:minmax(0,1fr) 38px;align-items:center;gap:8px;min-width:0;margin:0}
#setupPage .audio-volume>span{display:none}.audio-volume input[type=range]{width:100%;min-height:44px;margin:0}
#setupPage .audio-volume output{font:800 20px/1 'Barlow Condensed',sans-serif;color:var(--acid);text-align:right}
#setupPage .audio-row:has(input[type=checkbox]:not(:checked)) .acid-audio-kind{color:#85857a}
#setupPage .audio-controls>p{grid-column:1/-1;font-size:10px;line-height:1.5;color:#aaa99c;margin:2px 0 0}#setupPage .audio-controls>p:empty{display:none}
.acid-setup-footer{grid-column:1/-1;grid-row:3;display:flex;align-items:center;justify-content:space-between;gap:12px;min-width:0}
#setupPage .acid-setup-footer .options{display:flex;gap:8px;margin:0;flex-shrink:0}#setupPage .acid-setup-footer .options button{font-size:11px;padding:8px 12px;min-height:44px;width:auto}
#setupPage .acid-setup-footer .disclaimer{margin:0;font-size:10px;line-height:1.6;max-width:460px;color:#b7b6aa}
@media(min-width:801px) and (min-height:501px){
 .acid-setup-open .garage-heading .acid-title{display:flex;align-items:baseline;gap:12px;font-size:48px;margin:0}
 .acid-setup-open .acid-title>span+span{margin-top:0}
 .acid-setup-open .garage-heading>.eyebrow{margin-bottom:10px}
 .acid-setup-open .garage-tabs{top:82px;bottom:auto}
 .acid-setup-open .garage-pages{top:142px;bottom:22px;max-height:none}
 .acid-setup-open #setupPage{height:100%;max-height:none}
}
@media(min-width:801px) and (min-height:501px) and (max-height:780px){
 #setupPage{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:auto auto;gap:12px}
 .acid-setup-display{display:none}.acid-identity{padding:14px}
 #setupPage .audio-controls{grid-column:2;grid-row:1;display:block;padding:12px}
 #setupPage .audio-row{margin-bottom:10px;grid-template-columns:44px minmax(0,1fr);gap:0 6px;padding:5px 8px}.acid-audio-kind{font-size:28px}
 #setupPage .audio-controls>p{margin-top:8px}
 .acid-setup-footer{grid-row:2;align-items:flex-start}.acid-setup-footer .disclaimer{max-width:55%}
}
@media(min-width:801px) and (min-height:501px) and (max-height:650px){
 .acid-risk-rail{gap:6px;padding:10px 12px}.acid-risk-rail #levValue{font-size:40px}.acid-risk-rail .risk>span{font-size:10px}
 .acid-risk-note{display:none}.acid-risk-metrics{padding-top:6px;gap:6px}.acid-risk-rail .density>span,.acid-risk-rail .specs small{font-size:8px}.acid-risk-rail .density strong,.acid-risk-rail .specs b{font-size:18px}
 .acid-setup-open .garage-pages{top:126px}.acid-setup-open .garage-tabs{top:70px}
 .acid-identity h2{font-size:20px}.acid-identity h2:lang(en){font-size:27px}.acid-identity h3{margin-top:12px}.acid-finishes{grid-template-columns:repeat(3,minmax(0,1fr));gap:5px}.acid-finishes button{grid-template-columns:18px 1fr;grid-template-rows:1fr;align-items:center;min-height:44px;gap:3px}.acid-finishes button i{height:24px}.acid-finishes button span{font-size:8px}
}
@media(max-width:800px){
 .acid-risk-rail{position:relative;inset:auto;width:100%;gap:7px;padding:12px;margin-bottom:16px;display:grid}
 .acid-risk-rail #levValue{font-size:44px}.acid-risk-rail .risk>span{font-size:12px}
 .acid-risk-note{display:none}.acid-risk-metrics{padding-top:8px;gap:8px}.acid-risk-rail .density strong,.acid-risk-rail .specs b{font-size:20px}
 .acid-setup-open .garage-heading{min-height:235px}.acid-setup-open .garage-pages{position:relative;inset:auto;height:auto;max-height:none}
 #setupPage{display:flex;flex-direction:column;gap:16px;height:auto;overflow:visible;padding:0;max-height:none}
 .acid-identity{width:100%;padding:16px}.acid-identity h2{font-size:24px}.acid-setup-display{display:none}
 #setupPage .audio-controls{display:block;width:100%;padding:12px}#setupPage .audio-row{margin-bottom:10px}.acid-audio-kind{font-size:34px}
 .acid-setup-footer{display:flex;flex-direction:column;align-items:stretch;gap:10px;width:100%}#setupPage .acid-setup-footer .options{display:flex}#setupPage .acid-setup-footer .options button{flex:1}#setupPage .acid-setup-footer .disclaimer{max-width:none}
}
@media(max-width:360px){
 .acid-finishes{grid-template-columns:repeat(3,minmax(0,1fr))}.acid-finishes button{grid-template-columns:22px minmax(0,1fr);grid-template-rows:1fr;align-items:center;min-height:44px;gap:4px}.acid-finishes button i{height:24px}.acid-finishes button span{font-size:9px}
}
@media(max-height:500px) and (min-width:501px){
 .acid-risk-rail{position:absolute;inset:0 0 auto auto;width:208px;display:block;padding:10px 12px;margin:0}.acid-risk-rail #levValue{font-size:38px}.acid-risk-rail .risk>span{font-size:11px}.acid-risk-rail .risk{grid-template-rows:auto 36px 12px}.acid-risk-rail input[type=range]{min-height:36px;height:36px}
 .acid-risk-presets,.acid-risk-metrics,.acid-risk-note{display:none}
 .acid-setup-open .garage-heading{min-height:170px}
 #setupPage{display:flex;flex-direction:column;gap:14px;height:auto;max-height:none;padding:0;overflow:visible}.acid-setup-display{display:none}.acid-identity{width:100%;padding:12px}.acid-finishes{grid-template-columns:repeat(3,minmax(0,1fr))}.acid-finishes button{grid-template-columns:18px minmax(0,1fr);grid-template-rows:1fr;align-items:center;min-height:44px;gap:4px}.acid-finishes button i{height:24px}
 #setupPage .audio-controls{display:block;width:100%;padding:10px}#setupPage .audio-row{grid-template-columns:38px minmax(0,1fr);gap:0 6px;margin-bottom:8px;padding:6px}.acid-audio-kind{font-size:25px}
 .acid-setup-footer{flex-direction:column;align-items:stretch}#setupPage .acid-setup-footer .disclaimer{max-width:none}
}
@media(prefers-reduced-motion:reduce){.acid-identity{transition:none}}

/* Small screens disclose tuning, keeping the first view focused on the car and ranks. */
.acid-risk-controls{display:contents}.acid-risk-toggle{display:none}
@media(max-width:800px),(max-height:500px) and (min-width:501px){
 .acid-risk-rail{padding:0;gap:0;box-shadow:none}
 .acid-risk-toggle{display:flex;align-items:center;gap:12px;width:100%;min-height:60px;padding:12px 16px;margin:0;background:transparent;color:var(--ink);border:0;box-shadow:none;text-align:left}
 .acid-risk-toggle>span{flex:1;min-width:0;font:700 14px/1.5 'Noto Sans TC',sans-serif}.acid-risk-toggle>strong{font:800 28px/1 'Barlow Condensed',sans-serif;white-space:nowrap}.acid-risk-toggle>i{font:700 20px/1 sans-serif;flex-shrink:0;transition:transform 140ms}
 .acid-risk-toggle[aria-expanded="true"]>i{transform:rotate(180deg)}.acid-risk-toggle:focus-visible{outline:3px solid var(--ink);outline-offset:-5px}.acid-risk-toggle:hover:not(:disabled){background:#ffffff30;box-shadow:none}
 .acid-risk-controls{display:none;padding:0 16px 16px}.acid-risk-rail[data-expanded="true"] .acid-risk-controls{display:grid;gap:12px}
 .acid-risk-controls .risk{grid-template-rows:44px 16px;gap:0}.acid-risk-controls .risk>span,.acid-risk-controls #levValue{display:none}
 .acid-risk-controls input[type=range]{grid-row:1;min-height:44px;height:44px}.acid-risk-controls .range-labels{grid-row:2;font-size:12px;line-height:16px}
 .acid-risk-controls .acid-risk-metrics,.acid-risk-controls .acid-risk-note{display:none}.acid-risk-controls .acid-risk-presets{gap:10px}.acid-risk-presets button{font-size:20px}
 .acid-finishes{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.acid-finishes button{min-height:66px;grid-template-columns:1fr;grid-template-rows:24px auto;padding:7px;gap:8px}.acid-finishes button i{height:24px}.acid-finishes button span{font-size:12px;line-height:1.4;white-space:normal;overflow-wrap:anywhere}
 .acid-identity h3,.acid-identity .setup label>span,.acid-custom-color .colorlabel>span{font-size:13px;line-height:1.5}
 #setupPage .audio-row{grid-template-columns:44px minmax(0,1fr);gap:0 12px;padding:10px}.acid-audio-kind{font-size:26px}
 #setupPage .audio-row>label>span{font-size:14px;line-height:1.5}#setupPage .audio-controls>p,#setupPage .acid-setup-footer .disclaimer{font-size:12px;line-height:1.7}
 #setupPage .acid-setup-footer .options{flex-wrap:wrap;gap:12px}#setupPage .acid-setup-footer .options button{font-size:13px;line-height:1.4;flex:1 1 120px}
}
@media(max-height:500px) and (min-width:501px){
 .acid-risk-rail{z-index:6}
 .acid-risk-toggle{gap:8px;padding:10px 12px;min-height:56px}.acid-risk-toggle>span{font-size:12px}.acid-risk-toggle>strong{font-size:25px}.acid-risk-controls{padding:0 12px 12px}
 .acid-risk-controls{position:absolute;right:calc(100% + 12px);top:0;width:260px;max-width:calc(100vw - var(--mobile-rail) - 64px);padding:12px;background:var(--acid);border:1px solid var(--ink);z-index:6;box-shadow:0 4px 0 #0006}
}