.shop-showroom{display:grid;grid-template-columns:minmax(0,1fr) minmax(130px,.7fr);align-items:center;border:1px solid #d8c28265;border-radius:18px;overflow:hidden;background:#102d2b;margin:10px 0}.shop-showroom canvas{width:100%;max-height:230px;object-fit:contain}.shop-showroom p{padding:14px;font-size:13px;font-weight:800;line-height:1.7;color:#f2d791}.shop-lifetime{font-size:12px;line-height:1.6;color:#c3dfcf}.shop-tabs{position:sticky;top:-1px;z-index:3;display:flex;gap:6px;overflow:auto;padding:10px 0;background:#101e24}.shop-tabs button{flex-shrink:0;min-height:44px;font-size:11px;padding:9px 12px;border-radius:12px}.shop-tabs button[aria-pressed=true]{color:#102b2a;background:#e7ca7d;border-color:#fff0bd}
.expansion-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.gear-card{display:flex;flex-direction:column;gap:9px;min-width:0;border:1px solid #8aaf9b60;border-radius:16px;padding:16px;background:linear-gradient(145deg,#24483f,#152e37)}.gear-card h3{font-size:17px;line-height:1.2;margin:0}.gear-card p{font-size:13px;line-height:1.6;margin:0;color:#c5d9d0}.gear-card small{font-size:11px;line-height:1.5;color:#e6cd8d}.gear-card button{margin-top:auto;min-height:44px;font-size:12px;font-weight:900}.gear-card.locked{background:linear-gradient(145deg,#24363a,#17252e)}.gear-card progress{width:100%;height:8px;accent-color:#e2c576}.shop-icon{font-size:34px;color:#e9cd7c}.paint-swatch{height:38px;border:1px solid #ffffff50;border-radius:9px;margin-bottom:8px}
.health-hud{position:absolute;left:max(16px,env(safe-area-inset-left));top:180px;width:112px;padding:7px 9px;background:#142f36de;border:1px solid #afd8bb80;border-radius:12px;pointer-events:none}.health-hud b{display:block;font-size:11px;line-height:16px;color:#d8f4dd}.health-hud>div{height:7px;background:#0d1b2a;border-radius:6px;overflow:hidden;margin-top:4px}.health-hud i{display:block;height:100%;width:100%;background:#99e3b1}.health-hud[data-low=true] i{background:#ffb274}.ghosted .health-hud{border-color:#9ee9ff;background:#284866ed}.ghosted .health-hud b{color:#c4f4ff}.ghosted .race-controls{opacity:.6}.celebrating .health-hud{display:none}
#raceView[data-landscape=true] .health-hud{top:174px}#raceView[data-short=true] .health-hud{top:56px;width:100px;padding:5px 8px}.practice .health-hud{top:50%;left:12px}
@media(max-width:650px){.expansion-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.shop-showroom{grid-template-columns:1fr}.shop-showroom p{margin:0;padding:8px 12px}.gear-card{padding:12px}.gear-card h3{font-size:15px}}
@media(max-width:380px){.expansion-grid{grid-template-columns:1fr}.shop-tabs button{font-size:10px}}
.crown-garage-dialog .dialog-top{position:sticky;top:0;z-index:6;background:#101e24;padding:6px 0}.crown-garage-dialog .shop-tabs{top:46px}.gear-card button+button{margin-top:0}

/* Final HUD placement follows the compact race layout. */
#raceView[data-landscape=true] .health-hud{top:100px;width:100px;padding:5px 8px}#raceView[data-short=true] .health-hud{top:56px;width:100px}

.vehicle-card-art{display:block;width:100%;height:auto;aspect-ratio:36/23;border-radius:12px;border:1px solid #a9dbc34d;background:#102830}.gear-card:has(.vehicle-card-art){padding:10px}.gear-card:has(.vehicle-card-art) h3,.gear-card:has(.vehicle-card-art) p{padding:0 5px}.gear-card:has(.vehicle-card-art) h3{color:#f5d88d}.gear-card .shop-icon{border-radius:16px;background:radial-gradient(circle,#467a75,#16323d);text-shadow:0 0 18px #b9eaff88;align-self:flex-start;padding:12px 20px;border:1px solid #83b8aa66}