/* Workshop art direction for the garage only. Character selection and course UI stay locked. */
#garageBackdrop.garage-backdrop{background-image:url('assets/garage-workshop-v85.webp');background-position:center center}
#menu.garage-stage{background:linear-gradient(90deg,#09182e63 0%,transparent 33%,transparent 72%,#06162835 100%);color:#f7fbff}
#menu .kit-group[hidden],#menu .wing-kit[hidden]{display:none!important}
#menu .flow-heading{top:8%;left:3%;text-shadow:0 2px 15px #061729}
#menu .flow-heading small{color:#dceaff;letter-spacing:.26em;font-style:italic}
#menu .flow-heading h1{font-family:'Arial Black',Arial,sans-serif;font-size:clamp(34px,4.1vw,64px);letter-spacing:-.065em;font-style:italic;line-height:.96;margin:13px 0;text-shadow:0 3px 20px #031526b5}
#menu .flow-heading em{color:#ffe58d}
#menu .flow-heading::after{content:'TUNE  ›  STYLE  ›  RACE';display:block;font-size:clamp(11px,1vw,15px);letter-spacing:.22em;font-weight:800;color:#e4edf5;margin-top:15px;text-shadow:0 2px 8px #061729}
#menu .build-stats{left:2%;top:31%;width:20%;padding:clamp(12px,1.3vw,20px);background:linear-gradient(135deg,#102f4af0,#0b243edc);border:1.5px solid #88c4ee;box-shadow:0 0 0 2px #22568780,0 0 18px #53b9ffb0,0 18px 30px #0414298a;border-radius:18px;backdrop-filter:blur(9px)}
#menu .build-stats>small{color:#ffe48c;font-size:clamp(11px,1vw,14px);font-weight:900}
#menu .build-stats>div{position:relative;padding-bottom:13px;margin-top:12px;gap:3px}
#menu .build-stats>div::after{content:'';position:absolute;bottom:1px;left:0;width:100%;height:6px;border-radius:6px;background:linear-gradient(90deg,#ffd486 0 61%,#5e799aa8 61%)}
#menu .build-stats>div:nth-of-type(2)::after{background:linear-gradient(90deg,#ffd486 0 74%,#5e799aa8 74%)}
#menu .build-stats>div:nth-of-type(3)::after{background:linear-gradient(90deg,#ffd486 0 68%,#5e799aa8 68%)}
#menu .build-stats>div:nth-of-type(4)::after{background:linear-gradient(90deg,#ffd486 0 50%,#5e799aa8 50%)}
#menu .build-stats span{color:#e2f0ff;font-size:clamp(11px,.92vw,15px)}
#menu .build-stats strong{color:#fff;font-size:clamp(17px,1.7vw,25px);line-height:1.1}
#menu .build-stats p{color:#d9e7f7;font-size:clamp(10px,.85vw,12px);margin-top:12px}
#menu .garage-panel.arcade-ready{top:17%;bottom:20%;right:2%;width:32%;max-height:none;padding:clamp(12px,1.35vw,21px);background:linear-gradient(158deg,#102e50f2,#0b2343f6);border:1.5px solid #76c3fa;border-radius:21px;box-shadow:0 0 0 2px #245a9a80,0 0 20px #4aaeffaf,0 18px 38px #041126a8;backdrop-filter:blur(13px);scrollbar-color:#82b9e2 transparent}
#menu .arcade-ready h2{color:#f8fbff;font-size:clamp(20px,1.8vw,30px);font-style:italic;margin:0 0 10px}
#menu .garage-tabs{grid-template-columns:repeat(2,minmax(0,1fr));background:transparent;border-bottom:1px solid #8bbade5c;padding:0 0 10px;margin:6px 0 8px;gap:8px}
#menu .garage-tabs button{min-height:43px;background:linear-gradient(#17395e,#102d4d);border:1px solid #8bc6ee;border-radius:9px;color:#f3f7ff;box-shadow:inset 0 1px #e8f7ff22;font-size:clamp(12px,1.1vw,16px);font-weight:900;font-style:italic}
#menu .garage-tabs button[aria-pressed=true]{color:#132b43;background:linear-gradient(#fff1aa,#ffcb5d);border-color:#fff2bb;box-shadow:0 0 11px #ffde75aa,0 3px 0 #99622b}
#menu .garage-tabs .icon{width:20px;height:20px}
#menu .kit-label{color:#e9f2ff;font-size:clamp(11px,.97vw,14px);font-weight:850;letter-spacing:.11em;margin:13px 0 7px}
#menu .kit-label .icon{color:#ddeeff;width:17px;height:17px}
#menu .kit-row{gap:7px}
#menu .kit-card{min-height:76px;padding:8px 4px;gap:4px;border:1px solid #83bde7;background:linear-gradient(#1d4167,#102c4d);border-radius:10px;color:#f8fbff;box-shadow:inset 0 1px #e4f7ff2b,0 3px 0 #071d37;font-size:clamp(12px,.92vw,15px);font-weight:800;line-height:1.15}
#menu .kit-card .icon{width:28px;height:28px;color:#d5edff;flex:none}
#menu .kit-card small{font-size:clamp(10px,.8vw,12px);font-weight:500;line-height:1.1;color:#b4c9e0}
#menu .kit-card[aria-pressed=true]{background:linear-gradient(#fff1ac,#ffd066);color:#122d45;border-color:#fff9d5;box-shadow:0 0 14px #ffd76fac,0 4px 0 #a16b31;transform:none}
#menu .kit-card[aria-pressed=true] .icon,#menu .kit-card[aria-pressed=true] small{color:#193a55}
#menu .kit-group[aria-label="RACE CLASS"] .kit-card{min-height:69px;display:grid;grid-template-columns:28px 1fr;grid-template-rows:1fr 1fr;text-align:left;column-gap:8px;padding:9px 11px}
#menu .kit-group[aria-label="RACE CLASS"] .kit-card .icon{grid-row:1/3;align-self:center}
#menu .kit-group[aria-label="RACE CLASS"] .kit-card small{grid-column:2}
#menu .wing-kit{display:grid;grid-template-columns:34px 1fr 16px;grid-template-rows:1fr 1fr;width:100%;min-height:61px;margin-top:16px;padding:8px 12px;text-align:left}
#menu .wing-kit .icon:first-child{grid-row:1/3;align-self:center}
#menu .wing-kit .icon:last-child{grid-column:3;grid-row:1/3;width:17px;height:17px;align-self:center}
#menu .wing-kit small{grid-column:2}
#menu .garage-panel #settingsNote{color:#a9cee7;font-size:11px}
#menu .garage-confirm{left:34%;width:33%;bottom:5%}
#menu .garage-confirm .paint-box-entry{display:flex;align-items:center;justify-content:center;gap:9px;min-height:44px;padding:7px 20px;background:linear-gradient(#fff3bd,#ffde8b);border-color:#fffbd5;color:#172e45;border-radius:12px;font-size:clamp(12px,1.1vw,16px);box-shadow:0 4px 0 #9f7239}
#menu .garage-confirm .primary{min-height:58px;border:2px solid #ffd5ba;border-radius:15px;background:linear-gradient(110deg,#ff7b73,#f92d78);color:#fff;font-size:clamp(17px,1.7vw,26px);box-shadow:0 5px 0 #8f1645,0 10px 22px #30172c75}
#menu .garage-confirm .primary::before{content:'›';font-size:1.6em;line-height:0;margin-right:12px;font-weight:400}
#menu .garage-confirm>span{font-size:12px;color:#fff;text-shadow:0 2px 6px #11243d}
#menu #garageDrivers{left:2%;bottom:5%;border:1px solid #89c8f4;background:#102a4de8;color:#fff;border-radius:12px;min-height:43px;padding:9px 20px}
#menu #menuFullscreen{top:3%;right:2%;left:auto;bottom:auto;border-color:#8bbfe5;background:#122d4acc;border-radius:10px}
@media(max-height:550px) and (orientation:landscape){
 #menu .flow-heading{top:4%;left:3%}#menu .flow-heading h1{font-size:clamp(23px,3.3vw,39px);margin:5px 0}#menu .flow-heading small{font-size:10px}#menu .flow-heading::after{font-size:9px;margin-top:5px}
 #menu .build-stats{top:29%;left:2%;width:20%;padding:8px;border-radius:12px}#menu .build-stats>div{margin-top:6px;padding-bottom:7px}#menu .build-stats>div::after{height:3px}#menu .build-stats strong{font-size:13px}#menu .build-stats span{font-size:10px}#menu .build-stats p{display:none}
 #menu .garage-panel.arcade-ready{top:4%;bottom:5%;right:2%;width:35%;padding:10px}#menu .arcade-ready h2{font-size:17px;margin-bottom:4px}#menu .garage-tabs{margin:4px 0;padding-bottom:5px}#menu .garage-tabs button{min-height:34px;font-size:11px}#menu .kit-label{font-size:10px;margin:9px 0 5px}#menu .kit-card{min-height:56px;font-size:11px;padding:5px 3px}#menu .kit-card .icon{width:22px;height:22px}#menu .kit-card small{font-size:9px}#menu .kit-group[aria-label="RACE CLASS"] .kit-card{min-height:51px;grid-template-columns:21px 1fr;padding:5px;column-gap:4px}#menu .wing-kit{min-height:48px;margin-top:10px}
 #menu .garage-confirm{left:27%;width:35%;bottom:4%}#menu .garage-confirm .paint-box-entry{min-height:32px;font-size:11px;padding:3px}#menu .garage-confirm .primary{min-height:42px;font-size:16px}#menu .garage-confirm>span{font-size:9px;margin-top:5px}#menu #garageDrivers{bottom:4%;min-height:36px;padding:5px 10px}
}
@media(pointer:coarse) and (orientation:portrait){#menu .garage-panel.arcade-ready{top:auto;bottom:12%;left:6%;right:6%;width:88%;max-height:35%;height:35%}#menu .build-stats{top:22%;left:6%;width:28%}#menu .garage-confirm{left:40%;width:54%;bottom:3%}#menu .flow-heading{top:6%;left:6%}#menu .flow-heading h1{font-size:32px}#menu #garageDrivers{left:6%;bottom:3%}}