/* Garage review controls: live preview, readable selections and deliberate framing. */
.v2 .studio{align-items:start;grid-template-columns:minmax(0,1fr) minmax(320px,390px)}
.desktop-ui .studio-hero{position:sticky;top:12px;align-self:start;height:min(620px,calc(100dvh - 24px));min-height:360px;--studio-heading-height:128px;--garage-dock:76px;background:#182b2e;z-index:2}
.studio-heading{right:16px;left:18px;top:14px;line-height:1.1}
.desktop-ui .studio-heading h2{font-size:clamp(26px,3vw,36px);margin:4px 0;line-height:1}
.studio-heading .micro{font-size:11px;letter-spacing:1px;color:#efce97}
.studio-heading p,.desktop-ui .studio-heading p{font-size:12px;color:#ebdfc5;margin:4px 0;line-height:1.3}
.studio-views,.desktop-ui .studio-views,.mobile-ui .studio-views{top:76px;left:12px;right:12px;display:flex;gap:6px;flex-wrap:nowrap;overflow-x:auto;scrollbar-width:thin;align-items:center;padding:0 2px 4px;max-width:calc(100% - 24px)}
.studio-views>span{display:none}
.studio-views button,.mobile-ui .studio-views button{min-width:56px;min-height:44px;height:44px;flex:none;display:inline-flex;align-items:center;justify-content:center;gap:5px;padding:5px 8px;color:#f4e4c5;background:#29474a;border:1px solid #a4b1a0;border-radius:4px;font:700 12px/1 'Barlow Condensed',sans-serif;letter-spacing:.2px;white-space:nowrap;cursor:pointer}
.studio-views button svg{width:28px;height:25px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;pointer-events:none}
.studio-views button[aria-pressed=true]{background:#efc17c;color:#173436;border-color:#ffe3ad;box-shadow:inset 0 -3px #bc803d}
.camera-check{display:none}.studio-views button[aria-pressed=true] .camera-check{display:inline}
.studio-views button[hidden],.mobile-ui .studio-views button[hidden]{display:none}
.studio-views button:focus-visible,.paint-choice:focus-visible,.stance-choices button:focus-visible{outline:3px solid #fff2c8;outline-offset:2px}
.garage-look-hint{position:absolute;left:18px;top:calc(var(--studio-heading-height) + 8px);z-index:2;color:#fff0cc;background:#19383cd9;padding:5px 8px;border-radius:4px;font-size:11px;pointer-events:none}
.studio-build{min-width:0;padding:22px}.studio-build h2{font-size:28px}
.garage-paints{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:8px 0 6px}
.v2 .paint-choice{min-width:0;min-height:66px;display:flex;gap:5px;align-items:center;flex-direction:column;justify-content:center;padding:8px 3px;border:1px solid #9eafa3;border-radius:5px;background:#172f32;color:#f4e4c5;font:700 12px/1.2 'Barlow Condensed',sans-serif;cursor:pointer}
.paint-chip{display:block;width:31px;height:19px;border:1px solid #e9e4cc;border-radius:4px;background:var(--paint);box-shadow:inset 0 5px 7px #ffffff33}
.paint-check{visibility:hidden}.paint-choice[aria-pressed=true]{outline:2px solid #f2c27c;outline-offset:0;background:#36564f}.paint-choice[aria-pressed=true] .paint-check{visibility:visible}
.garage-paint-status{display:block;min-height:2.5em;font-size:12px;line-height:1.4;color:#fff0c7;margin:8px 0 16px}
.v2 .studio-build label.field{font-size:12px;color:#eddfc2;letter-spacing:.6px}
.studio-build .setup-row,.mobile-ui .studio-build .setup-row{display:flex;flex-direction:column;align-items:stretch;gap:15px;margin:14px 0}
.studio-build .setup-row>label{width:100%;font-size:12px;color:#eddfc2;letter-spacing:.6px}
.v2 .studio-build input[type=text]{min-height:44px;font-size:16px}
.studio-build .stance-control,.mobile-ui .studio-build .stance-control{flex:none;width:100%;min-width:0;padding:12px 8px;text-align:left;border-color:#9aafa0;box-shadow:none}
.stance-control .stance-caption{font-size:12px;letter-spacing:.7px;color:#f5dfba}
.stance-choices{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin:10px 0}
.stance-choices button{min-width:0;min-height:106px;padding:6px 3px;display:flex;flex-direction:column;align-items:center;background:#203e40;color:#e9e5cf;border:1px solid #879e90;border-radius:5px;cursor:pointer}
.stance-choices button[aria-pressed=true]{background:#eec383;color:#183738;border-color:#ffe4ac}
.stance-choices svg{display:block;width:100%;max-width:104px;height:45px;fill:none;stroke:currentColor;stroke-width:1.5}
.stance-shell{fill:currentColor;fill-opacity:.24}.stance-glass{fill:#203e40;fill-opacity:.65}.stance-wheel{fill:#14282b;stroke:#efe7d0;stroke-width:2}.stance-hub{fill:#bcbfa6;stroke:none}.stance-ground{stroke-dasharray:3 3;opacity:.55}
.stance-choices strong{font:700 15px 'Barlow Condensed',sans-serif}.stance-choices small{font-size:10px;line-height:1.35;text-align:center;margin:4px 0 0;letter-spacing:0;color:inherit;max-width:110px}
.stance-check{visibility:hidden}.stance-choices [aria-pressed=true] .stance-check{visibility:visible}
.stance-control .stance-current{font-size:18px}.stance-control .stance-effect{font-size:12px;line-height:1.5;color:#f5e4c4}
.v2 .studio-build .part-card small{font-size:11px;color:#cdd9c5;letter-spacing:.6px}.v2 .studio-build .part-card strong{font-size:17px}.v2 .studio-build .part-card em{font-size:12px;color:#e3e8d3}.v2 .studio-build .part-card .upgrade-preview{font-size:12px;color:#ffde9f}.part-card>b{font-size:16px;white-space:nowrap}.part-card .part-icon{flex:none}
.garage-inspection-labels{position:absolute;inset:0;z-index:5;pointer-events:none}.garage-inspection-labels[hidden]{display:none}
.engine-label-leaders{position:absolute;inset:0;width:100%;height:100%;overflow:hidden;pointer-events:none;fill:none;stroke:#ffe1a0;stroke-width:2;filter:drop-shadow(0 1px 2px #102527)}
.engine-label-leaders circle{fill:#ffe1a0;stroke:#173b3a;stroke-width:1.5}
.engine-part-label{position:absolute;z-index:1;pointer-events:auto;box-sizing:border-box;width:112px;height:44px;min-height:44px;min-width:44px;padding:5px 6px;background:#183b3aeb;color:#fff0ca;border:1px solid #f0ca8d;border-radius:5px;font:700 12px/1.15 'Barlow Condensed',sans-serif;white-space:normal;transform:translate(-50%,-50%);cursor:pointer;box-shadow:0 2px 8px #0005}
.engine-part-label:focus-visible{outline:3px solid #fff}
.engine-part-note{position:absolute;left:12px;right:12px;bottom:calc(var(--garage-dock) + 70px);z-index:6;background:#173334ec;border:1px solid #c6b27c;border-radius:5px;color:#ffe9bd;padding:9px 12px;font-size:12px;line-height:1.4;pointer-events:none}
.engine-part-note[hidden]{display:none}
.studio-hero .engine-close{top:auto;bottom:calc(var(--garage-dock) + 8px);right:12px;min-height:52px;padding:6px 10px;gap:6px}.studio-hero .engine-close svg{width:32px}.studio-hero .engine-close strong{font-size:16px}.studio-hero .engine-close small{font-size:9px;letter-spacing:.5px}
.studio-hero .car-rev,.mobile-ui .studio-hero .car-rev,.studio-hero .engine-close:not([hidden]) ~ .car-rev{top:auto;left:auto;right:12px;bottom:calc(var(--garage-dock) + 8px);min-height:44px;background:#183b3aeb}
.studio-hero .engine-close:not([hidden]) ~ .car-rev{right:auto;left:12px}.studio-hero.inspection-open .gone-racing{display:none}.studio-hero.inspection-open .garage-look-hint{display:none}
.studio-bottom{bottom:calc(var(--garage-dock) + 68px)}
@media(max-height:699px){.desktop-ui .studio-hero{height:min(440px,calc(100dvh - 24px));min-height:260px;--studio-heading-height:108px;--garage-dock:58px}.desktop-ui .studio-heading{top:8px}.desktop-ui .studio-heading h2{font-size:26px}.desktop-ui .studio-heading p{font-size:11px}.desktop-ui .studio-views{top:58px}.desktop-ui .garage-destination svg{width:26px;height:26px}.desktop-ui .garage-destination span{font-size:11px}.desktop-ui .studio-bottom,.desktop-ui .garage-look-hint{display:none}}
@media(max-width:1000px){.v2 .studio{grid-template-columns:minmax(0,1fr) minmax(300px,340px)}.studio-views button{min-width:48px;padding:5px 6px}.studio-views button svg{width:23px}.studio-build{padding:16px}}
@media(max-width:760px){.desktop-ui .studio{display:block}.desktop-ui .studio-hero{height:clamp(260px,45dvh,360px);min-height:260px;--studio-heading-height:108px;--garage-dock:58px;top:4px}.desktop-ui .studio-heading{top:8px;left:12px}.desktop-ui .studio-heading h2{font-size:26px}.desktop-ui .studio-heading p{display:none}.desktop-ui .studio-views{top:58px}.desktop-ui .studio-bottom,.desktop-ui .garage-look-hint{display:none}.desktop-ui .roster{grid-row:auto}.desktop-ui .garage-destination svg{width:26px;height:26px}.desktop-ui .garage-destination span{font-size:11px}.garage-paints{grid-template-columns:repeat(3,minmax(0,1fr))}}
.mobile-ui .studio{display:grid;height:100%;min-height:0;overflow:hidden;grid-template-columns:minmax(0,1fr) clamp(240px,38vw,390px);align-items:stretch}.mobile-ui .studio-hero{position:relative;top:auto;height:100%;min-height:0;--studio-heading-height:108px;--garage-dock:58px}.mobile-ui .studio-heading{top:8px;left:12px}.mobile-ui .studio-heading h2{font-size:25px}.mobile-ui .studio-heading p{display:none}.mobile-ui .studio-views{top:58px}.mobile-ui .studio-bottom,.mobile-ui .garage-look-hint{display:none}.mobile-ui .studio-build{padding:14px}.mobile-ui .garage-destination svg{width:26px;height:26px}.mobile-ui .garage-destination span{font-size:11px}.mobile-ui .garage-tabs button{min-height:44px;font-size:13px}.mobile-ui .engine-part-note{font-size:11px;bottom:calc(var(--garage-dock) + 66px)}
@media(orientation:portrait){.mobile-ui .studio{display:grid;height:100%;min-height:0;overflow:hidden;grid-template-columns:1fr;grid-template-rows:minmax(280px,43%) minmax(0,1fr)}.mobile-ui .studio-hero{--studio-heading-height:102px}.mobile-ui .studio-heading h2{font-size:24px}.mobile-ui .studio-views{top:52px}.mobile-ui .studio-heading .micro{font-size:10px}.mobile-ui .garage-destination span{font-size:10px}.mobile-ui .garage-destination svg{width:24px}}
@media(orientation:landscape) and (max-height:430px){.mobile-ui .studio-hero{--studio-heading-height:94px;--garage-dock:50px}.mobile-ui .studio-heading{top:5px}.mobile-ui .studio-heading h2{font-size:21px}.mobile-ui .studio-heading .micro{font-size:9px}.mobile-ui .studio-views{top:44px}.mobile-ui .garage-destination svg{width:21px;height:21px}.mobile-ui .garage-destination span{font-size:10px}.mobile-ui .car-rev{padding:5px 8px;font-size:11px}.mobile-ui .engine-close strong{font-size:13px}.mobile-ui .engine-close small{display:none}}

/* Progression keeps all build goals and collection controls in one scroll panel. */
.mobile-ui .studio-sidebar{min-height:0;min-width:0;max-height:100%;overflow:auto;overscroll-behavior:contain}

/* Collection controls pass in front when scrolling beyond the build bench. */
.desktop-ui .garage-hub,.desktop-ui .roster{position:relative;z-index:3}