/* Illustrated workshop: the vehicle is the focus, with compact physical control panels. */
.lobby.garage-open{background:#163b43 url(assets/runtime/garage-workshop-v2.webp) center/cover no-repeat;backdrop-filter:none;overflow:hidden}.garage-open .lobby-shell{max-width:none;height:100%;min-height:0;padding:0;margin:0}.garage-open .lobby-header{height:95px}.garage-open .map-logo{width:235px;left:22px;top:9px}.garage-open .map-hud{right:25px;top:18px}.garage-open .map-back{top:27px;right:245px;padding:10px 19px;background:#174855e8}.garage-open #garage-panel{position:absolute;inset:110px 22px 16px;display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:22px}.garage-open .garage-bay{min-height:0;display:grid;grid-template-rows:58px minmax(0,1fr) 110px;position:relative}.garage-car-label{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0 10px;text-shadow:0 2px 5px #12323b}.garage-car-label span{font-size:10px;font-weight:bold;letter-spacing:2px;color:#ffe8ae}.garage-car-label h2{font-size:31px;line-height:1;margin:5px 0;color:#fff1ca;font-style:italic}.garage-preview-controls{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end;max-width:60%}.garage-preview-controls button{padding:8px 11px;border:1px solid #e9d39b;border-radius:13px;background:#164a57e8;color:#fff1c9;font-size:11px;box-shadow:0 3px 0 #182c32;touch-action:manipulation}.garage-preview-controls button[aria-pressed=true]{background:#ffcf67;color:#3d472d}.garage-open #garage-ride{width:100%;height:100%;min-height:0;align-self:stretch;pointer-events:none}.garage-open .vehicle-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;min-height:0;align-self:end}.garage-open .vehicle-card,.garage-open .vehicle-card.selected{position:relative;height:104px;display:grid;grid-template-columns:48% 1fr;grid-template-rows:1fr 35px;align-items:center;padding:8px 10px;background:linear-gradient(145deg,#205563ed,#112e3ff5);border:2px solid #a9c9bd;border-radius:19px;box-shadow:0 5px 0 #132b35}.garage-open .vehicle-card.selected{border-color:#ffe28d;background:linear-gradient(145deg,#37867b,#17494e);box-shadow:0 0 0 2px #a37129,0 5px 0 #15333b}.garage-open .vehicle-preview{position:static;width:100%;height:69px;grid-column:1;grid-row:1/3}.garage-open .vehicle-card h3{font-size:16px;margin:0 0 2px;color:#fff0c5;align-self:end}.garage-open .vehicle-card .buy-car{grid-column:2;padding:6px 3px;font-size:10px;border-radius:9px;align-self:start;margin:4px 0 0}.garage-open .vehicle-card small,.garage-open .vehicle-card p{display:none}.garage-console{display:flex;flex-direction:column;min-height:0;padding:15px;background:linear-gradient(145deg,#173f4ff5,#0b2a39f5);border:3px solid #dec18a;border-radius:25px;box-shadow:inset 0 0 0 2px #46757b,0 6px 0 #523b26,0 10px 24px #071e3044;overflow-y:auto;scrollbar-width:thin;touch-action:pan-y}.garage-open .upgrade-heading{margin:0 0 11px;display:block}.garage-open .upgrade-heading h3{font-size:15px;letter-spacing:1px;color:#ffe7ac}.garage-open .upgrade-heading span{display:block;margin-top:5px;font-size:10px}.garage-open .upgrade-grid{display:grid;grid-template-columns:1fr;gap:9px;margin:0 0 14px}.garage-open .upgrade{padding:9px 10px 8px;border:1px solid #d1d8b95c;border-radius:14px;background:linear-gradient(120deg,#2f6675,#183b4f);position:relative}.garage-open .upgrade-top{font-size:14px;align-items:center}.part-title{display:flex;align-items:center;gap:7px}.part-icon{width:24px;height:24px;fill:none;stroke:#ffdf92;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.garage-open .tier{font-size:11px;letter-spacing:2px}.garage-open .upgrade p{font-size:10px;min-height:0;margin:4px 0 7px;line-height:1.3;color:#b9d6d6}.part-actions{display:flex;gap:7px}.garage-open .upgrade button{padding:6px 8px;font-size:11px;border:1px solid #96d8cb;border-radius:8px}.garage-open .upgrade button.part-preview{width:38%;background:#103647;color:#d5f2e9}.garage-open .upgrade button[data-upgrade]{width:62%;background:linear-gradient(#ffdf97,#edaf44);border-color:#ffedb5;color:#24454b;font-weight:bold;box-shadow:0 2px 0 #9c6a29}.garage-open .upgrade.previewing{border-color:#7af7e6;box-shadow:0 0 0 2px #72ead522}.garage-open .workshop-plan{padding:12px 0 0;margin:0;border:0;border-top:1px solid #b6c9bd66;border-radius:0;background:none;box-shadow:none}.workshop-kicker{font-size:8px;letter-spacing:2px;color:#8cd8cf;font-weight:bold}.garage-open .workshop-plan h3{font-size:19px;margin:5px 0}.garage-open .workshop-plan p{font-size:10px;line-height:1.35;margin:5px 0;color:#b9d7d6}.garage-open .workshop-plan strong{font-size:11px;line-height:1.3;display:block;color:#ffe4a3}.garage-open .workshop-plan .primary{display:block;width:100%;padding:10px 8px;font-size:12px;border-radius:12px;margin:8px 0 0;box-shadow:0 3px 0 #986b27}.garage-open #garage-drive:disabled{display:none}.garage-open #workshop-budget{font-size:9px}.garage-open .garage-done{min-width:0;display:block;width:100%;border:0;border-radius:0;background:none;box-shadow:none;font-size:10px;padding:8px 4px 0;margin:auto 0 0;color:#b6d4ce;text-decoration:underline;touch-action:manipulation}.garage-open .save-status{display:none}
@media(max-width:1050px) and (orientation:landscape){.garage-open #garage-panel{grid-template-columns:minmax(0,1fr) 290px;gap:12px;inset:95px 14px 14px}.garage-open .map-logo{width:195px}.garage-open .garage-bay{grid-template-rows:52px minmax(0,1fr) 98px}.garage-open .vehicle-card,.garage-open .vehicle-card.selected{height:90px;grid-template-columns:1fr;grid-template-rows:44px 16px 22px;gap:0;text-align:center;padding:5px}.garage-open .vehicle-preview{height:48px;grid-column:1;grid-row:1}.garage-open .vehicle-card h3{font-size:12px}.garage-open .vehicle-card .buy-car{grid-column:1;margin:1px 0 0;font-size:9px;padding:3px}.garage-car-label h2{font-size:26px}.garage-preview-controls button{font-size:9px;padding:6px}.garage-console{padding:11px}}
@media(orientation:portrait){.lobby.garage-open{overflow-y:auto;background-attachment:fixed;background-position:44% center}.garage-open .lobby-shell{height:auto;min-height:100%;padding:0}.garage-open .lobby-header{height:85px}.garage-open .map-logo{width:170px;top:4px;left:6px}.garage-open .map-hud{right:11px;top:11px}.garage-open .map-back{left:185px;right:auto;top:57px;padding:6px 10px;font-size:10px}.garage-open #garage-panel{position:relative;inset:auto;padding:92px 10px 15px;display:flex;flex-direction:column;gap:13px}.garage-open .garage-bay{height:340px;grid-template-rows:45px minmax(0,1fr) 84px;flex-shrink:0}.garage-car-label{padding:0 4px}.garage-car-label h2{font-size:24px}.garage-car-label span{font-size:8px;letter-spacing:1px}.garage-preview-controls{max-width:65%;gap:5px}.garage-preview-controls button{font-size:9px;padding:6px 7px}.garage-open .vehicle-grid{gap:7px}.garage-open .vehicle-card,.garage-open .vehicle-card.selected{height:82px;display:grid;grid-template-columns:1fr;grid-template-rows:39px 14px 21px;text-align:center;padding:4px;border-radius:13px}.garage-open .vehicle-preview{position:static;width:100%;height:43px;grid-column:1;grid-row:1}.garage-open .vehicle-card h3{font-size:12px;align-self:center;margin:0}.garage-open .vehicle-card .buy-car{grid-column:1;font-size:8px;padding:3px;margin:1px 0 0}.garage-console{overflow:visible;border-width:2px;border-radius:20px;padding:13px}.garage-open .upgrade-heading{margin-bottom:9px}.garage-open .upgrade-heading h3{font-size:13px}.garage-open .upgrade-heading span{font-size:9px;margin-top:4px}.garage-open .upgrade-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin-bottom:12px}.garage-open .upgrade{padding:8px 6px;border-radius:12px}.garage-open .upgrade-top{display:block;text-align:center;font-size:12px}.part-title{justify-content:center;gap:3px}.part-icon{width:18px;height:18px}.garage-open .tier{display:block;margin-top:5px;letter-spacing:2px}.garage-open .upgrade p{font-size:9px;min-height:25px;text-align:center;margin:6px 0}.part-actions{flex-direction:column;gap:5px}.garage-open .upgrade button.part-preview,.garage-open .upgrade button[data-upgrade]{width:100%;font-size:10px;padding:6px 3px}.garage-open .workshop-plan{padding-top:9px}.garage-open .workshop-plan h3{font-size:18px}.garage-open .workshop-plan p{font-size:10px}.garage-open .workshop-plan .primary{padding:11px;font-size:12px}.garage-open .garage-done{padding-top:13px}}
@media(orientation:landscape) and (max-height:540px){.garage-open #garage-panel{inset:77px 12px 10px;grid-template-columns:minmax(0,1fr) 275px}.garage-open .map-logo{width:165px;top:2px}.garage-open .map-hud{top:10px}.garage-open .map-back{top:22px;right:210px;padding:7px 12px;font-size:11px}.garage-open .garage-bay{grid-template-rows:38px minmax(0,1fr) 78px}.garage-car-label h2{font-size:22px}.garage-car-label span{font-size:8px}.garage-preview-controls button{font-size:8px;padding:5px}.garage-open .vehicle-card,.garage-open .vehicle-card.selected{height:72px;grid-template-rows:31px 13px 19px}.garage-open .vehicle-preview{height:37px}.garage-open .vehicle-card h3{font-size:10px}.garage-open .vehicle-card .buy-car{font-size:8px;padding:3px}.garage-console{padding:10px}.garage-open .upgrade-heading{margin-bottom:8px}.garage-open .upgrade{padding:7px}.garage-open .upgrade p{margin:3px 0 5px}.garage-open .upgrade-grid{gap:7px}}
@media(orientation:portrait){.lobby.garage-open{background:#123d49}.garage-open .lobby-header{height:85px;background:linear-gradient(#123d49e8,#123d49a8),url(assets/runtime/garage-workshop-v2.webp) center top/cover}.garage-open .garage-bay{height:380px;grid-template-rows:90px minmax(0,1fr) 84px;background:url(assets/runtime/garage-workshop-v2.webp) center/cover;margin:0 -10px;padding:0 10px 3px}.garage-car-label{position:relative;display:block;padding:7px 4px}.garage-car-label span{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%;font-size:8px}.garage-car-label h2{font-size:25px;white-space:nowrap}.garage-preview-controls{position:absolute;top:56px;right:4px;left:4px;max-width:none;justify-content:flex-start;gap:7px}.garage-preview-controls button{padding:6px 10px}.garage-open #garage-panel{gap:10px;padding-top:86px}}