/* ACID BROADCAST — level baselines, shared grid, sharp 45-degree cuts. */
:root{--acid:#f2f000;--ink:#131313;--paper:#fcf9ec;--orange:#ff762a;--gold:var(--acid);--muted:#c4c3ba;--line:#fcf9ec38;--radius:3px;--surface:var(--ink);--ease-out:cubic-bezier(.16,1,.3,1)}
body{color:var(--paper);background:var(--ink)}
button,input,select{border-radius:3px}
button{font-weight:800;transition:background 140ms,border-color 140ms,box-shadow 160ms;box-shadow:0 3px 0 #0006}
button:hover:not(:disabled){background:var(--paper);border-color:var(--paper);color:var(--ink);transform:none;box-shadow:inset 0 -3px 0 var(--orange)}
button:active:not(:disabled){transform:none;box-shadow:inset 0 3px 0 #0006}
button:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid var(--acid);outline-offset:4px}
button.primary{background:var(--acid);border:2px solid var(--ink);color:var(--ink);box-shadow:5px 5px 0 var(--ink);font-weight:800}
button.primary:hover:not(:disabled){background:var(--orange);border-color:var(--ink);box-shadow:7px 8px 0 var(--ink)}
button:disabled{transform:none}
header{left:32px;right:32px;top:max(16px,env(safe-area-inset-top));gap:16px;padding:0 0 12px;border-bottom:1px solid #fcf9ec30;min-height:56px}
header>img{width:128px}.edition{font:700 12px 'Barlow Condensed',sans-serif;letter-spacing:.2em;color:var(--paper)}
header #language{background:#131313e8;border:1px solid #fcf9ec60;border-radius:2px;min-height:44px;font-size:12px}
header .select-chevron{border-color:var(--acid)}
#raceTools button,#raceTools .audio-mute,body.large-text #raceTools button{border-radius:2px;box-shadow:none;transform:none}
#raceTools button:before{border-radius:2px;background:var(--ink);border:1px solid #fcf9ec60;inset:2px}
#raceTools button:hover:before,#raceTools button[aria-pressed=true]:before{background:var(--acid);border-color:var(--acid)}
#raceTools button:hover,#raceTools button[aria-pressed=true]{color:var(--ink)}
.vignette{background:linear-gradient(90deg,#131313c9,transparent 68%),linear-gradient(0deg,#131313f5 4%,#13131300 60%)}
#garage.panel{--rail-width:clamp(208px,18vw,256px);--grid-gap:20px;--deck-height:160px;position:fixed;inset:96px 36px 30px;max-width:none;width:auto;padding:0;border:0;border-radius:0;background:none;box-shadow:none;overflow:visible;display:block;pointer-events:none}
#garage button,#garage input,#garage select,#garage a,#garage label,#garage .garage-pages{pointer-events:auto}
.garage-heading{position:absolute;top:0;left:0;width:calc(100% - var(--rail-width) - var(--grid-gap));pointer-events:none}
.garage-heading .weex-menu-lockup{display:none}
.garage-heading>.eyebrow{display:block;color:var(--acid);font-size:11px;font-weight:800;letter-spacing:.14em;margin:0 0 18px}
.acid-title{display:block;width:max-content;max-width:100%;font:800 italic clamp(76px,9.3vw,150px)/.84 'Barlow Condensed','Arial Narrow',sans-serif;letter-spacing:-.045em;text-shadow:0 5px 0 var(--ink);margin:0 0 20px;transform:none}
.acid-title>span{display:block}.acid-title>span:first-child{font-size:.78em;color:var(--paper);-webkit-text-stroke:1px var(--paper);text-shadow:0 4px 0 var(--ink)}.acid-title>span+span{margin-top:9px}.acid-title em{color:var(--orange);font-style:inherit}.acid-title .acid-rush{color:var(--acid)}
#garage .garage-heading h1,#garage .garage-heading h1:lang(en){font:800 italic clamp(20px,2.2vw,34px)/1.2 'Noto Sans TC',sans-serif;margin:0;letter-spacing:-.035em;text-shadow:0 3px 0 var(--ink)}
.garage-heading>.intro{font-size:12px;line-height:1.6;color:#e5e3db;margin:13px 0 0;max-width:480px}
.garage-tabs{position:absolute;left:0;bottom:calc(var(--deck-height) + 38px);display:flex;width:auto;gap:8px;margin:0;padding:0;border:0;background:none}
.garage-tabs button{min-height:44px;padding:10px 20px;font-size:12px;border:1px solid #fcf9ec7a;border-radius:2px;background:#131313e8;color:var(--paper);box-shadow:3px 3px 0 #000}
.garage-tabs button[aria-selected=true]{background:var(--paper);border-color:var(--paper);color:var(--ink)}
.garage-pages{position:absolute;inset:auto calc(var(--rail-width) + var(--grid-gap)) 22px 0;max-height:var(--deck-height);overflow:visible;margin:0;padding:0;min-height:0}
#marketPage,#setupPage{outline:none}
.market-selector h2{display:none}.market-selector{margin:0}
.market-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--grid-gap);margin:0}
.market-card{--card-fill:var(--paper);position:relative;display:grid;grid-template-columns:48px 1fr;grid-template-rows:44px 20px 48px;column-gap:9px;min-width:0;min-height:var(--deck-height);padding:14px 16px 16px;align-content:center;text-align:left;border:0;border-radius:0;background:transparent;color:var(--ink);box-shadow:none;filter:drop-shadow(0 5px 0 #000);overflow:hidden;transform:none;isolation:isolate}
.market-card::before{content:'';position:absolute;inset:0;z-index:-1;background:var(--card-fill);clip-path:polygon(0 0,calc(100% - 20px) 0,100% 20px,100% 100%,0 100%);transition:background 140ms}
.market-card::after{content:'';position:absolute;left:16px;right:16px;bottom:7px;height:4px;background:var(--ink);transform:scaleX(0);transform-origin:left;transition:transform 220ms var(--ease-out)}
.market-card .coin-icon{grid-column:1;grid-row:1/3;width:43px;height:43px;display:grid;place-items:center;border-radius:50%;background:#171717;color:var(--paper);font:700 32px/1 sans-serif;align-self:center}
.market-card>strong{font:800 italic 46px/1 'Barlow Condensed',sans-serif;grid-column:2;align-self:end;color:var(--ink);letter-spacing:-.035em}
.market-card .market-selected{grid-column:2;grid-row:2;color:#3c3b33;font-size:10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:1.7}
.market-card>svg{grid-column:1/-1;grid-row:3;width:100%;height:48px;margin:3px 0 0;opacity:.7;overflow:visible}
.market-card>svg path{stroke:var(--ink);stroke-width:3;fill:none}
.market-card .chosen-dot{position:absolute;right:22px;top:7px;display:none;color:var(--ink);font-weight:800}
.market-card[aria-checked=true]{--card-fill:var(--acid);background:transparent;border:0;transform:none;box-shadow:none}
.market-card[aria-checked=true]::after{transform:scaleX(1)}
.market-card[aria-checked=true] .chosen-dot{display:block}
.market-card[aria-checked=true] .coin-icon{background:var(--orange);color:var(--ink)}
.market-card[aria-checked=true] .market-selected{color:var(--ink)}
.market-card:hover:not(:disabled){--card-fill:#fffb83;transform:none;background:transparent;color:var(--ink);box-shadow:none}
.market-card[aria-checked=true]:hover:not(:disabled){--card-fill:var(--acid)}
.market-card:focus-visible{outline-color:var(--orange);outline-offset:4px}
.garage-launch{position:absolute;inset:auto 0 22px auto;width:var(--rail-width);margin:0;padding:0;border:0;background:none}
#start{position:relative;isolation:isolate;min-height:var(--deck-height);padding:17px 18px;display:grid;grid-template-columns:minmax(0,1fr) 34px;grid-template-rows:1fr auto;gap:3px 4px;border:0;background:transparent;color:var(--ink);font-size:clamp(22px,2vw,30px);line-height:1.15;transform:none;box-shadow:none;filter:drop-shadow(0 5px 0 #000);border-radius:0;text-align:left}
#start::before{content:'';position:absolute;inset:0;z-index:-1;background:var(--acid);clip-path:polygon(0 0,calc(100% - 24px) 0,100% 24px,100% 100%,0 100%);transition:background 140ms}
#start .acid-launch-type{font:800 italic clamp(56px,5vw,76px)/.9 'Barlow Condensed',sans-serif;letter-spacing:-.045em;grid-column:1;grid-row:1;align-self:end}
#start .button-label{grid-column:1;grid-row:2;font-weight:800;font-style:italic;letter-spacing:-.035em}
#start:lang(en) .button-label{font:800 21px/1 'Barlow Condensed',sans-serif;letter-spacing:0}
#start .control-icon{width:34px;height:34px;align-self:center;grid-column:2;grid-row:1/3;stroke-width:3;transition:translate 180ms var(--ease-out)}
#start:hover:not(:disabled){transform:none;background:transparent;box-shadow:none}#start:hover:not(:disabled)::before{background:var(--orange)}#start:hover:not(:disabled) .control-icon{translate:4px 0}
#start:active:not(:disabled){transform:none}#start:active:not(:disabled)::before{background:var(--paper)}
#start:disabled{background:#d8d794;color:var(--ink);opacity:.85;font-size:16px}
#loadError,#challengeNotice{pointer-events:auto;position:relative;z-index:2;padding:10px;background:var(--ink);color:#ffad8a;font-size:12px}
#loadError:empty{padding:0}
.acid-risk-rail{position:absolute;right:0;top:0;bottom:calc(var(--deck-height) + var(--grid-gap) + 22px);width:var(--rail-width);padding:20px;background:transparent;color:var(--ink);border:0;box-shadow:none;filter:drop-shadow(0 5px 0 #000);transform:none;pointer-events:auto;display:flex;flex-direction:column;isolation:isolate}
.acid-risk-rail::before{content:'';position:absolute;inset:0;z-index:-1;background:var(--acid);clip-path:polygon(0 0,calc(100% - 24px) 0,100% 24px,100% 100%,0 100%)}
.acid-risk-rail .risk{margin:0;display:grid;grid-template-columns:1fr auto;grid-template-rows:auto auto minmax(64px,1fr);flex:1;gap:8px 3px;min-height:0}
.acid-risk-rail .risk>span{grid-column:1/-1;color:var(--ink);font-weight:800;font-size:13px;line-height:1.5}
.acid-risk-rail #levValue{grid-column:1/-1;grid-row:2;color:var(--ink);font:800 italic clamp(44px,5.4vw,76px)/1 'Barlow Condensed',sans-serif}
.acid-risk-rail input[type=range]{writing-mode:vertical-lr;direction:rtl;grid-column:1;grid-row:3;min-height:0;height:100%;width:44px;min-width:44px;accent-color:var(--ink);align-self:stretch;justify-self:center;margin:0;padding:0}
.acid-risk-rail input:focus-visible{outline-color:var(--ink)}
.acid-risk-rail .range-labels{grid-row:3;grid-column:2;flex-direction:column-reverse;font:700 12px 'Barlow Condensed',sans-serif;color:var(--ink);padding:8px 0;gap:8px;align-self:stretch}
.acid-risk-rail .density{margin:14px 0 0;color:var(--ink);font-size:10px}.acid-risk-rail .density strong{color:var(--ink);font-weight:800}
.acid-risk-rail .specs{margin:8px 0 0;padding:10px 0 0;border-top:2px solid var(--ink);border-bottom:0;grid-template-columns:1fr 1fr;gap:10px}
.acid-risk-rail .specs>span:last-child{display:none}.acid-risk-rail .specs small{color:#302f0c;font-size:9px;line-height:1.2;margin-bottom:3px}.acid-risk-rail .specs b{color:var(--ink);font:800 20px/1 'Barlow Condensed',sans-serif;white-space:nowrap}
.acid-vehicle{position:absolute;left:0;bottom:265px;text-shadow:2px 2px 0 var(--ink)}
.acid-kicker{font-size:9px;font-weight:700;letter-spacing:.15em;color:var(--paper)}
.acid-carname{display:block;font:800 italic 30px/1.2 'Barlow Condensed',sans-serif;max-width:340px;overflow-wrap:anywhere}
.acid-paints{display:flex;gap:5px;margin:8px 0 0}.acid-paints button{width:44px;height:44px;min-height:44px;padding:0;border:7px solid #131313;background:var(--paint);border-radius:2px;box-shadow:0 0 0 1px #fcf9ec50}
.acid-paints button[aria-pressed=true]{box-shadow:0 0 0 2px var(--paper);transform:none}
.acid-paints button:hover{background:var(--paint);border-color:var(--ink);box-shadow:0 0 0 2px var(--acid)}
.acid-aux{position:absolute;right:calc(var(--rail-width) + var(--grid-gap));top:0;display:flex;gap:8px;pointer-events:auto}
.acid-aux button{min-height:44px;padding:8px 12px;background:#131313e8;border-color:#fcf9ec50;font-size:10px;box-shadow:none}
.acid-aux .preview-toggle{position:static;inset:auto;font-size:10px}.acid-aux .control-icon{width:17px;height:17px}
.acid-keyhint{position:absolute;bottom:-20px;left:0;margin:0;color:#c6c4b8;font:600 10px 'Barlow Condensed','Noto Sans TC',sans-serif;letter-spacing:.12em}
#setupPage{background:var(--ink);border:2px solid var(--paper);padding:20px;max-height:min(440px,calc(100dvh - 225px));overflow:auto;scrollbar-width:thin;box-shadow:7px 8px 0 #000}
.acid-setup-open .garage-pages{z-index:2;max-height:none}
.acid-setup-open .garage-tabs{z-index:3;bottom:calc(min(440px,100dvh - 225px) + 38px)}
.acid-setup-open .acid-vehicle{visibility:hidden}
@media(min-width:801px) and (min-height:501px){
 .acid-setup-open .garage-heading h1,.acid-setup-open .garage-heading>.intro{visibility:hidden}
 .acid-setup-open .garage-heading>.eyebrow{margin-bottom:12px}
 .acid-setup-open .garage-heading .acid-title{font-size:52px;margin-bottom:0}
 .acid-setup-open .garage-tabs{top:134px;bottom:auto}
 .acid-setup-open .garage-pages{top:196px;bottom:22px;max-height:none}
 .acid-setup-open #setupPage{height:100%;max-height:none}
}
#setupPage .setup{grid-template-columns:1fr 76px}.setup input{background:#fcf9ec;color:var(--ink);font-weight:800;border:2px solid var(--ink);border-radius:2px}
#setupPage .options{margin:14px 0 0}.audio-controls{border:1px solid #fcf9ec60;border-radius:2px;margin:14px 0;padding:12px}.audio-controls legend{color:var(--acid)}
.audio-row{margin:6px 0 10px}.audio-row input{accent-color:var(--acid)}
/* Match all transient surfaces, with the same printed strip and square edges. */
dialog,.modalbody{background:var(--ink);border:2px solid var(--paper);border-radius:3px;box-shadow:10px 12px 0 #000;color:var(--paper)}
dialog{padding:28px;width:min(760px,calc(100vw - 32px))}
dialog::backdrop,.modal{background:#111018cf;backdrop-filter:blur(6px)}
#info h2,#marketDialog h2{font-weight:800;font-style:italic;font-size:30px;letter-spacing:-.03em;padding:10px 22px 10px 16px;background:var(--acid) url('assets/acid-broadcast-band.webp') center/cover;color:var(--ink);margin:0 58px 20px 0;transform:none;clip-path:polygon(0 0,calc(100% - 18px) 0,100% 18px,100% 100%,0 100%)}
#closeInfo,#closeMarket{float:right;width:44px;height:44px;min-height:44px;min-width:44px;padding:10px;margin:0;border-radius:2px;background:var(--paper);color:var(--ink);border:0}
dialog p{color:#d4d3c9}#info h3{color:var(--acid)}
#guideTabs button{border-radius:2px;font-weight:800}.selected,#guideTabs button.selected{background:var(--acid);color:var(--ink);border-color:var(--acid)}
.control-diagram,.hazard-card{border:1px solid #fcf9ec66;border-radius:2px;background:#222222;color:var(--acid)}
.hazard-card h4{color:var(--paper)}.brief-check span{color:var(--paper)}
.market-detail{border:0;background:none;padding:0;margin:0;border-radius:0}.market-heading strong{color:var(--acid)}.world-theme-name{color:var(--paper)}
.market-chart{height:130px}.world-preview-image{max-height:180px;object-fit:cover;border-radius:0}.terrain-preview{height:100px}
#marketDialog .market-source{font-size:11px;color:#bfbeb2}.price-dates,.mapped-caption{font-size:11px}
#countdown{background:#13131390;backdrop-filter:blur(3px)}
#countdown>div{width:min(480px,100%)}.countdown-weex{width:130px;margin-bottom:14px}
#countdownTitle{color:var(--paper);font-size:24px;text-shadow:3px 3px 0 var(--ink)}
#countdownValue{font:800 italic clamp(160px,25vh,250px)/1 'Barlow Condensed',sans-serif;background:var(--acid) url('assets/acid-broadcast-band.webp') center/cover;color:var(--ink);margin:20px 0 30px;transform:none;clip-path:polygon(0 0,calc(100% - 32px) 0,100% 32px,100% 100%,32px 100%,0 calc(100% - 32px));box-shadow:none;border:0}
.acid-wipe{position:fixed;inset:0;z-index:26;pointer-events:none;transform:translateX(-130%);background:var(--acid) url('assets/acid-broadcast-band.webp') center/cover}
.acid-result-stamp{font:800 italic clamp(62px,7vw,105px)/1 'Barlow Condensed',sans-serif;color:var(--ink);letter-spacing:-.04em;background:var(--acid) url('assets/acid-broadcast-band.webp') center/cover;padding:0 22px 7px 15px;transform:none;margin:10px 0 22px;border:0;box-shadow:none;clip-path:polygon(0 0,calc(100% - 24px) 0,100% 24px,100% 100%,0 100%)}
#overlay:not([hidden]) .acid-result-stamp{animation:acid-stamp 480ms var(--ease-out) both}
#overlay:not([hidden]) .result-time{animation:acid-time 560ms var(--ease-out) both}
#overlay:not([hidden]) .result-stats>span{animation:acid-stat 380ms var(--ease-out) both}
#overlay:not([hidden]) .result-stats>span:nth-child(2){animation-delay:70ms}
#overlay:not([hidden]) .result-stats>span:nth-child(3){animation-delay:140ms}
#overlay:not([hidden]) .result-stats>span:nth-child(4){animation-delay:210ms}
#stripStatus:not([hidden]),#pickupStatus:not([hidden]){animation:acid-stat 240ms var(--ease-out)}
@keyframes acid-stamp{0%{opacity:0;transform:scale(1.18);filter:blur(3px)}60%{opacity:1;transform:scale(.98);filter:blur(0)}100%{transform:scale(1)}}
@keyframes acid-time{0%{opacity:0;transform:translateX(-22px)}100%{opacity:1;transform:translateX(0)}}
@keyframes acid-stat{0%{opacity:0;translate:0 12px}100%{opacity:1;translate:0 0}}
.poster-result .modalbody{width:min(1060px,100%);gap:0 30px;padding:28px;grid-template-columns:minmax(0,1fr) minmax(0,1fr);border-top:6px solid var(--acid)}
.poster-result #resultPosterPanel{grid-row:1/12}.poster-result .result-weex{width:100px;margin:0 0 6px}
.poster-result h2{font-size:22px;margin:0 0 10px}.poster-result .result-time{font:800 italic 64px/1 'Barlow Condensed',sans-serif;letter-spacing:-.02em;color:var(--acid)}
.poster-result #resultPoster{border:2px solid var(--paper);border-radius:2px;box-shadow:6px 7px 0 #000}
.result-stats{border-top:2px solid var(--paper)}.result-stats b{color:var(--paper)}
.market-result{border-left:3px solid var(--acid);background:#24241f}.market-result strong{color:var(--acid)}
.poster-result .actions button{font-size:12px;border-radius:2px;min-height:48px}.actions button{border-radius:2px}
body[data-race-mode=failed] .acid-result-stamp{background-color:var(--orange);background-image:none;color:var(--ink)}
body[data-race-mode=failed] .poster-result .modalbody{border-top-color:var(--orange)}
#reviveOffer{background:#282818;border:2px solid var(--acid);border-radius:2px;box-shadow:4px 5px 0 #000}#reviveOffer h3,#reviveOffer .revive-badge{color:var(--acid)}
#reviveOffer button.primary{background:var(--acid);border-color:var(--ink);color:var(--ink)}#reviveOffer.revive-used{background:#22221c}
#reviveShield{border-radius:2px;top:18%;background:var(--ink);border:2px solid #8dffc4;color:#8dffc4;font-weight:800}
/* The race keeps the road clear; graphic weight stays at the edges. */
.playing header{border:0;padding:0}.playing .hud-brand span{color:var(--paper)}
.hudtop>div{background:var(--ink);border:2px solid var(--paper);border-radius:2px;box-shadow:4px 4px 0 #000}
.hudtop>div:first-child{background:var(--acid);color:var(--ink);transform:none;border-color:var(--ink);border-right:6px solid var(--orange)}
.hudtop small{font-weight:800;color:inherit}.hudtop strong{font:800 italic 35px/1 'Barlow Condensed',sans-serif;letter-spacing:-.03em}
.healthtrack{border-radius:0;height:6px;background:#fcf9ec30}.healthtrack #healthbar{background:var(--acid)}.health b{color:var(--paper)}
#hud>.progress{background:#131313e8;border:1px solid #fcf9ec60;border-radius:2px;box-shadow:4px 4px 0 #000}
#hud>.progress #price,#hud>.progress #percent{color:var(--acid)}
.cockpit-dial.telemetry{color:var(--acid);background:none;width:168px;height:152px}
.speed-dial{opacity:.8}.speed-dial text{fill:var(--paper)}
.cockpit-dial #speed{font:800 italic 61px/.9 'Barlow Condensed',sans-serif;top:47px;text-shadow:4px 4px 0 var(--ink)}
.cockpit-dial>span{font-weight:800;color:var(--paper);top:108px}.cockpit-dial #hudLev{top:125px;color:var(--acid);background:var(--ink);width:50px;margin:auto;padding:2px}
#touch button,#touch button.boost{border:2px solid var(--paper);border-radius:3px;background:#131313e8;box-shadow:4px 5px 0 #000}
#touch button.boost{background:var(--acid);color:var(--ink);border-color:var(--ink)}
#touch button.active{background:var(--paper);border-color:var(--ink);color:var(--ink);transform:translateY(3px);box-shadow:1px 1px 0 #000}
#touch .boost.active{background:var(--orange);color:var(--ink);border-color:var(--paper);box-shadow:4px 4px 0 #000}
#nitroStatus,#stripStatus{border-radius:2px;font-weight:800;box-shadow:3px 3px 0 #000;border-width:2px}
#nitroStatus{background:var(--acid);border-color:var(--ink);color:var(--ink)}
.combo-active #stripStatus{background:var(--acid);border-color:var(--ink);color:var(--ink);box-shadow:0 4px 0 #000;transform:translateX(-50%);font-style:italic;border-right:6px solid var(--orange)}
#damageStatus{border-radius:2px;background:var(--orange);border:2px solid var(--ink);color:var(--ink);box-shadow:4px 4px 0 #000}#damageStatus>strong{color:var(--ink)}
#pickupStatus{border-radius:2px;background:#a0ffbc;color:var(--ink);border:2px solid var(--ink);box-shadow:3px 3px 0 #000}
#liquidation>div{color:var(--orange);text-shadow:0 6px 0 var(--ink);font-weight:800;font-style:italic;letter-spacing:-.04em;transform:none}
/* Mid-sized displays retain the same hierarchy with a smaller stage. */
@media(max-height:760px) and (min-width:801px){
 #garage.panel{--deck-height:140px;top:87px;bottom:25px}.acid-title{font-size:clamp(70px,8.5vw,108px);margin-bottom:18px}.garage-heading>.eyebrow{margin-bottom:13px}.garage-heading>.intro{display:none}
 .acid-risk-rail{padding:14px}.acid-risk-rail #levValue{font-size:56px}.acid-risk-rail .density{margin-top:4px}.acid-risk-rail .specs{gap:4px;padding-top:6px;margin-top:4px}.acid-risk-rail .specs b{font-size:18px}
 #start{font-size:24px}#start .acid-launch-type{font-size:58px}.market-card{grid-template-rows:36px 18px 42px;padding:11px}.market-card>svg{height:38px}.market-card>strong{font-size:36px}
 .acid-vehicle{bottom:231px}.acid-carname{font-size:24px}.acid-paints{margin-top:5px}
}
/* Portrait/touch garage: a readable live car stage followed by compact controls. */
@media(min-width:801px) and (min-height:501px) and (max-height:650px){
 .garage-heading>.eyebrow{display:none}
 .acid-title{font-size:clamp(40px,calc((100dvh - 490px)*.6),80px);margin-bottom:12px}
 #garage .garage-heading h1,#garage .garage-heading h1:lang(en){font-size:22px}
}
@media(min-width:801px) and (min-height:501px) and (max-height:580px){
 .acid-title{font-size:56px;margin-bottom:0}.acid-title>span:first-child{display:none}.acid-title>span+span{margin-top:0}
 #garage .garage-heading h1{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
 .acid-risk-rail .risk{flex:none;grid-template-columns:1fr auto;grid-template-rows:auto auto auto;gap:4px 10px}
 .acid-risk-rail .risk>span{grid-column:1;grid-row:1;font-size:11px}
 .acid-risk-rail #levValue{grid-column:2;grid-row:1;font-size:40px}
 .acid-risk-rail input[type=range]{writing-mode:horizontal-tb;direction:ltr;grid-column:1/-1;grid-row:2;width:100%;height:28px;min-height:28px}
 .acid-risk-rail .range-labels{grid-column:1/-1;grid-row:3;flex-direction:row;padding:0;font-size:10px}
 .acid-risk-rail .density{margin-top:8px}.acid-risk-rail .specs{margin-top:8px;padding-top:8px}
}
@media(max-width:800px){
 header{left:16px;right:16px;top:max(10px,env(safe-area-inset-top));padding-bottom:8px;gap:8px;min-height:48px}header>img{width:104px}.edition{display:none}.language-control{max-width:126px}header #language{font-size:11px}
 #garage.panel{inset:80px 16px max(16px,env(safe-area-inset-bottom));overflow:auto;overscroll-behavior:contain;scrollbar-width:none;padding:0 0 90px;pointer-events:auto;display:flex;flex-direction:column}
 #garage>.garage-heading{order:0;flex-shrink:0}#garage>.acid-vehicle{order:1;flex-shrink:0}#garage>.acid-risk-rail{order:2;flex-shrink:0}#garage>.garage-tabs{order:3;flex-shrink:0}#garage>.garage-pages{order:4;flex-shrink:0}
 .garage-heading{position:relative;top:auto;left:0;width:100%;min-height:235px;pointer-events:none}.garage-heading>.eyebrow{font-size:9px;letter-spacing:.08em;margin:0 0 13px}
 .acid-title{font-size:clamp(60px,14vw,104px);margin:0 0 16px;max-width:100%}#garage .garage-heading h1,#garage .garage-heading h1:lang(en){font-size:19px;max-width:75%}.garage-heading>.intro{display:none}
 .acid-aux{top:0;right:0;gap:0}.acid-aux #menuMotion{display:none}.acid-aux #marketInfo{font-size:0;width:44px;padding:10px}.acid-aux #marketInfo .button-label{display:none}.acid-aux #marketInfo .control-icon{width:21px;height:21px}
 .acid-vehicle{position:relative;bottom:auto;left:0;margin:0 0 16px;display:grid;grid-template-columns:1fr;gap:2px 10px}.acid-kicker{grid-column:1;font-size:8px}.acid-carname{grid-column:1;font-size:24px;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.acid-paints{grid-column:1;grid-row:3;margin:6px 0 0;gap:6px;align-items:center}.acid-paints button{width:44px;min-width:44px;height:44px;border-width:7px;box-shadow:none}.acid-paints button[aria-pressed=true]{box-shadow:0 0 0 1px var(--paper)}
 .acid-risk-rail{position:relative;inset:auto;width:100%;display:block;transform:none;padding:12px 14px;margin:0 0 20px;box-shadow:none}
 .acid-risk-rail .risk{display:grid;grid-template-columns:1fr auto;grid-template-rows:auto auto;gap:0 12px}.acid-risk-rail .risk>span{grid-column:1;grid-row:1;align-self:center;font-size:12px}.acid-risk-rail #levValue{grid-column:2;grid-row:1;font-size:36px}
 .acid-risk-rail input[type=range]{writing-mode:horizontal-tb;direction:ltr;grid-column:1/-1;grid-row:2;width:100%;height:30px;min-height:30px;justify-self:stretch}
 .acid-risk-rail .range-labels{grid-row:3;grid-column:1/-1;flex-direction:row;padding:0;font-size:10px}.acid-risk-rail .density{display:none}.acid-risk-rail .specs{display:none}
 .garage-tabs{position:relative;inset:auto;display:flex;gap:6px;margin:0 0 12px;width:100%}.garage-tabs button{flex:1;min-height:44px;font-size:11px;padding:8px 6px}
 .garage-pages{position:relative;inset:auto;width:100%;max-height:none;overflow:visible;margin:0 0 18px}
 .market-cards{gap:8px}.market-card{padding:9px 7px 14px;grid-template-columns:24px 1fr;grid-template-rows:28px 18px 32px;min-height:108px;gap:1px 5px;box-shadow:none}.market-card>strong{font-size:28px}.market-card .coin-icon{width:24px;height:24px;font-size:19px}.market-card>svg{height:28px}.market-card .market-selected{grid-column:1/-1;font-size:9px}.market-card .chosen-dot{right:12px;top:1px;font-size:9px}.market-card::before{clip-path:polygon(0 0,calc(100% - 12px) 0,100% 12px,100% 100%,0 100%)}.market-card::after{left:8px;right:8px;bottom:5px;height:3px}.market-card[aria-checked=true]{box-shadow:none}
 .garage-launch{position:fixed;inset:auto 16px max(16px,env(safe-area-inset-bottom));width:auto;z-index:4;padding:8px 0 0;background:var(--ink)}
 #start{min-height:68px;height:auto;padding:12px 16px;display:grid;grid-template-columns:auto minmax(0,1fr) 28px;grid-template-rows:1fr;gap:10px;transform:none;box-shadow:none;font-size:25px;line-height:1.15;border:0}
 #start .acid-launch-type{font-size:40px;grid-column:1;grid-row:1;align-self:center}#start .button-label{grid-column:2;grid-row:1;align-self:center;text-align:center}#start:lang(en) .button-label{font-size:18px}#start .control-icon{width:28px;height:28px;align-self:center;grid-column:3;grid-row:1}#start:hover:not(:disabled){transform:none}
 .acid-keyhint{display:none}#loadError,#challengeNotice{max-height:140px;overflow:auto;margin:4px 0 0}
 #setupPage{max-height:none;padding:16px}.acid-setup-open .garage-tabs{position:relative;inset:auto}.acid-setup-open .acid-vehicle{visibility:visible}
 .acid-setup-open .garage-heading{min-height:210px}.acid-setup-open .acid-risk-rail{margin-bottom:16px}
 .poster-result .modalbody{display:flex;padding:16px;border-width:2px;border-top-width:5px;max-height:calc(100dvh - 24px)}
 .poster-result .acid-result-stamp{order:-3;font-size:64px;margin:8px 0 16px}.poster-result .result-language{order:-5}.poster-result #resultTitle{order:-2;font-size:18px}.poster-result #reviveOffer{order:-1}.poster-result #resultPosterPanel{order:0;max-width:360px}
 .poster-result .result-weex{display:none}.poster-result .actions{gap:8px}.poster-result .actions button{font-size:11px;min-height:48px}.poster-result .result-time{display:none}
 .modalbody .acid-result-stamp{font-size:64px}.modalbody{padding:22px}
 dialog{padding:18px}#info h2,#marketDialog h2{font-size:21px;padding:10px;margin-right:52px}
}
@media(max-width:650px),(pointer:coarse){
 .hudtop>div:first-child{border:1px solid var(--ink);border-radius:2px 2px 0 0;transform:none}.hudtop .health{border:1px solid var(--ink);background:var(--acid);color:var(--ink);border-radius:0 0 2px 2px}.health b{color:inherit}.hudtop strong,body.large-text .hudtop strong{font-size:27px}.hudtop .healthtrack{height:4px;background:#13131340}.hudtop #healthbar{background:var(--ink)}
 #hud>.progress,body.large-text #hud>.progress{border-radius:2px;min-height:70px}
 .cockpit-dial.telemetry{width:122px;height:113px}.cockpit-dial #speed{font-size:44px;top:35px}.cockpit-dial>span{top:79px;font-size:8px}.cockpit-dial #hudLev{top:94px;font-size:10px}
 #touch button,#touch button.boost,body.large-text #touch button{min-height:64px;border-radius:3px;border-width:2px}
 #damageStatus{min-width:108px}#nitroStatus{font-size:10px}
}
@media(max-width:360px){
 .acid-title{font-size:60px}.garage-heading{min-height:235px}.acid-vehicle{grid-template-columns:1fr}.acid-carname{max-width:100%;font-size:22px}.acid-paints{grid-column:1;grid-row:3;gap:4px}.acid-paints button{width:44px;border-width:7px}.market-card{padding:8px 5px 14px;grid-template-columns:20px 1fr}.market-card>strong{font-size:24px}.market-card .coin-icon{width:20px;height:20px;font-size:16px}#start{font-size:22px;gap:8px;padding:12px}#start .acid-launch-type{font-size:34px}
}
@media(max-height:500px) and (min-width:501px){
 #garage.panel{inset:76px 20px 14px;overflow:auto;padding-bottom:0}.garage-heading{position:relative;min-height:170px;width:65%}.acid-title{font-size:64px}.garage-heading>.eyebrow{font-size:9px;margin-bottom:10px}.garage-heading h1{font-size:18px}.garage-heading>.intro{display:none}
 .acid-aux{top:0;right:230px}.acid-aux #menuMotion{display:none}.acid-aux #marketInfo{width:44px;padding:10px}.acid-aux #marketInfo .button-label{display:none}.acid-vehicle{position:relative;bottom:auto;margin:0 250px 18px 0;display:block}.acid-paints{gap:2px}.acid-paints button{width:44px;height:44px;border-width:7px}.acid-carname{font-size:23px}
 .acid-risk-rail{position:absolute;right:0;left:auto;top:0;bottom:auto;width:208px;transform:none;padding:12px;margin:0;display:block}.acid-risk-rail .risk{display:grid;grid-template-columns:1fr auto;grid-template-rows:auto auto;gap:0 8px}.acid-risk-rail .risk>span{grid-column:1;grid-row:1;font-size:11px}.acid-risk-rail #levValue{grid-column:2;grid-row:1;font-size:38px}.acid-risk-rail input[type=range]{writing-mode:horizontal-tb;direction:ltr;grid-column:1/-1;grid-row:2;width:100%;height:38px}.acid-risk-rail .range-labels{grid-column:1/-1;grid-row:3;flex-direction:row;font-size:10px}.acid-risk-rail .density,.acid-risk-rail .specs{display:none}
 .garage-tabs{position:relative;inset:auto;width:calc(100% - 230px);margin:0 0 14px}.garage-tabs button{padding:8px 10px;font-size:11px}.garage-pages{position:relative;inset:auto;width:calc(100% - 230px);max-height:none;padding:0 0 8px}
 .market-card{grid-template-columns:1fr;grid-template-rows:30px 18px 36px;min-height:106px;padding:8px}.market-card .coin-icon{display:none}.market-card>strong{grid-column:1;font-size:27px}.market-card .market-selected{grid-column:1}.market-card>svg{height:32px}
 .garage-launch{position:fixed;right:20px;left:auto;bottom:18px;width:208px;padding:0;background:none}.garage-launch #start{min-height:90px;height:auto;font-size:22px;padding:12px;transform:none;display:grid;grid-template-columns:1fr 24px;grid-template-rows:1fr auto;gap:3px}.garage-launch #start .acid-launch-type{font-size:44px;grid-column:1;grid-row:1}.garage-launch #start .button-label{grid-column:1;grid-row:2;text-align:left}.garage-launch #start .control-icon{width:24px;height:24px;grid-column:2;grid-row:1/3}.acid-keyhint{display:none}.acid-setup-open .garage-tabs{position:relative;inset:auto}.acid-setup-open .acid-vehicle{visibility:visible}#setupPage{max-height:260px}
 .poster-result .modalbody{display:grid;grid-template-columns:1fr 1fr;padding:20px}.poster-result #resultPosterPanel{grid-column:1;grid-row:1/12}.poster-result .modalbody>:not(#resultPosterPanel){grid-column:2}.poster-result .acid-result-stamp{font-size:48px}.poster-result h2{font-size:16px}.poster-result .actions{grid-template-columns:1fr}.poster-result .actions button{padding:8px;font-size:11px}.poster-result #resultPoster{max-height:none}
}
@media(pointer:coarse) and (orientation:landscape){.cockpit-dial.telemetry{width:100px;height:93px}.cockpit-dial #speed{top:28px;font-size:37px}.cockpit-dial>span{top:66px;font-size:7px}.cockpit-dial #hudLev{top:78px;font-size:9px}}
@media(pointer:coarse) and (orientation:landscape) and (max-height:350px){.hudtop>div:first-child{padding-top:3px;padding-bottom:3px}.hudtop strong,body.large-text .hudtop strong{font-size:25px}.hudtop .health{padding-bottom:4px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.acid-wipe{display:none}button:hover:not(:disabled),button:active:not(:disabled),.market-card:hover:not(:disabled),.acid-paints button[aria-pressed=true],#start:hover:not(:disabled){transform:none!important}}

.analytics-privacy-link{display:inline-block;color:#aaa99e;font-size:10px;line-height:1.5;text-decoration:underline;margin-top:4px}