/* The vendor stays in the scene; one compact card occupies the right-hand panel. */
body[data-state="shop"] .overlay{padding:66px 20px 16px;justify-content:flex-end;align-items:stretch;overflow:hidden;background:linear-gradient(90deg,transparent 30%,#02090f55 60%)}
body[data-state="shop"] .dialog{width:min(460px,46vw);max-width:460px;max-height:none;height:100%;padding:20px;overflow:hidden;display:flex;flex-direction:column;background:#07151ff5}
body[data-state="shop"] .dialog:before,body[data-state="shop"] #hint{display:none}
body[data-state="shop"] .dialog h2{font-size:27px;margin:9px 0;letter-spacing:-1px}
body[data-state="shop"] .dialog>p{font-size:10px;line-height:1.5;margin:0 0 7px}
body[data-state="shop"] #lobbyBalance{font-size:14px;margin:4px 0;padding:10px 0;flex-shrink:0}
#shopPanel{display:flex;flex-direction:column;min-height:0;flex:1}#shopPanel[hidden]{display:none}
#workshopTabs{margin:9px 0;gap:4px;flex-shrink:0}#workshopTabs button{font-size:9px;padding:10px 4px}
#workshopSelectors{display:flex;gap:4px;flex-shrink:0;margin-bottom:8px}#workshopSelectors button{flex:1;min-width:0;font-size:9px;padding:4px;overflow:hidden}
#workshopSelectors svg{display:block;width:100%;height:32px}#workshopSelectors span{display:none}
.selected{border-color:#d5ed9e!important;color:#e0f5b9!important;background:#29403b!important}
#workshopItem{min-height:0;flex:1;display:flex;flex-direction:column;text-align:center;border:1px solid #2d4a56;background:radial-gradient(ellipse at 50% 20%,#284c5144,transparent 65%),#0b1c25;padding:12px}
.workshop-art{flex:1;min-height:32px;max-height:150px}.workshop-art svg{height:100%;max-height:150px;width:100%}
.workshop-kicker{color:#8cbdbe;text-transform:uppercase;font-size:8px;letter-spacing:1.5px;margin:8px 0 0}
#workshopItem h3{font-size:17px;line-height:1.2;margin:7px 0;color:#e7f2d6}
#workshopItem p{font-size:10px;line-height:1.5;margin:0 0 8px}#workshopItem small{font-size:8px;color:#8babb4;line-height:1.4;margin-top:auto}
#workshopItem>button{font-size:11px;padding:12px 8px;margin-top:10px;background:#c7dda5;color:#122a22;border-color:#c7dda5;font-weight:bold}
#workshopItem>button:disabled,#workshopExtra button:disabled{opacity:.4;cursor:default}
#workshopPager{display:flex;align-items:center;justify-content:center;gap:18px;margin-top:6px;flex-shrink:0;font-size:10px}#workshopPager:empty{display:none}#workshopPager button{padding:5px 18px}
#workshopExtra button{width:100%;padding:9px;font-size:10px;margin-top:6px;color:#c8ec91;border-color:#6a8e50}
#shopStatus{font-size:9px!important;line-height:1.3!important;min-height:24px;margin:6px 0!important}#shopBack{font-size:10px;padding:9px;margin-top:0;flex-shrink:0}
#levelPicker{display:flex;gap:6px;margin-top:13px}#levelPicker[hidden]{display:none}#levelPicker button{flex:1;padding:9px 4px;font-size:9px}#levelPicker small{display:block;font-size:7px;line-height:1.4;margin-top:6px;color:#a9bdba}#levelPicker button:disabled{opacity:.5;cursor:default}
#buffHud{position:absolute;top:116px;left:22px;font-size:10px;color:#baf2b1;text-shadow:0 2px 4px #000;pointer-events:none}#toxicHud{position:absolute;right:22px;top:100px;color:#c0ec93;font-size:11px;pointer-events:none}
body[data-state="menu"] #buffHud,body[data-state="shop"] #buffHud,body[data-state="menu"] #toxicHud,body[data-state="shop"] #toxicHud{display:none}
.choice-art{height:82px;margin-bottom:6px;background:radial-gradient(ellipse,#29424c66,transparent 70%)}.choice-art svg{height:100%;width:100%}
body[data-state="upgrade"] .dialog{max-width:860px;width:90vw}#choices{display:flex;gap:12px}#choices button{flex:1;min-width:0;margin-top:10px;display:flex;flex-direction:column;padding:15px}.choice-art{width:100%}#choices strong{font-size:13px;line-height:1.4}#choices small{font-size:10px;line-height:1.6}#choices .choice-kind{font-size:7px;margin:6px 0}
@media(max-height:650px){body[data-state="shop"] .overlay{padding:54px 12px 10px}body[data-state="shop"] .dialog{padding:12px}body[data-state="shop"] .dialog h2{font-size:21px;margin:5px 0}body[data-state="shop"] .dialog>p{display:none}body[data-state="shop"] #lobbyBalance{padding:7px 0}#workshopTabs{margin:6px 0}#workshopTabs button{padding:7px 2px}#workshopSelectors svg{height:23px}#workshopItem{padding:8px}.workshop-art{max-height:85px}.workshop-kicker{margin:4px 0 0}#workshopItem h3{font-size:14px;margin:5px 0}#workshopItem p{font-size:9px;line-height:1.4;margin-bottom:4px}#workshopItem>button{padding:9px;margin-top:5px}#shopStatus{min-height:16px;margin:4px 0!important}#shopBack{padding:7px}}
@media(max-width:700px){body[data-state="shop"] .overlay{padding:58px 8px 8px;align-items:flex-end}body[data-state="shop"] .dialog{width:100%;max-width:460px;height:75dvh;max-height:690px;padding:12px}body[data-state="shop"] .dialog>p{display:none}body[data-state="shop"] .dialog h2{font-size:22px;margin:6px 0}.workshop-art{max-height:90px}#workshopItem p{font-size:9px}#workshopItem>button{padding:9px}body[data-state="upgrade"] .dialog{width:98vw;padding:14px}#choices{gap:6px}#choices button{padding:8px}#choices strong{font-size:11px}#choices small{font-size:9px}.choice-art{height:60px}body[data-state="upgrade"] .dialog h2{font-size:26px}body[data-state="upgrade"] .dialog p{font-size:10px}}
@media(max-width:700px) and (max-height:600px){body[data-state="shop"] .dialog{height:calc(100dvh - 64px);max-width:390px}#workshopItem small{display:none}.workshop-art{max-height:55px}#workshopItem p{line-height:1.25}#workshopTabs button{font-size:8px}}

#robotMounts{display:none}body[data-state="shop"] #robotMounts:not([hidden]){display:block;position:absolute;left:22px;bottom:24px;width:230px;height:285px;background:linear-gradient(145deg,#10232aee,#061119e8);border:1px solid #42626a;box-shadow:0 15px 55px #0008;color:#b2ccc8}
.mount-title{display:block;font-size:9px;letter-spacing:1px;padding:13px;text-align:center}.mount-chassis{position:absolute;inset:24px 13px 23px}.mount-chassis svg{width:100%;height:100%}.mount-point{position:absolute;transform:translate(-50%,-50%);padding:2px;width:34px;height:36px;border:1px solid #6a969b;background:#0d232c;box-shadow:0 3px 10px #0008}.mount-point svg{width:28px;height:28px}.mount-point span{position:absolute;right:-5px;bottom:-5px;background:#bdcf9f;color:#10251d;font-size:9px;padding:1px 4px;border-radius:3px}#robotMounts>small{position:absolute;bottom:10px;width:100%;text-align:center;font-size:8px}
@media(max-width:900px){body[data-state="shop"] #robotMounts:not([hidden]){width:175px;height:215px;left:12px;bottom:15px}.mount-point{width:29px;height:29px}.mount-point svg{width:23px;height:23px}.mount-title{font-size:7px;padding:8px}#robotMounts>small{font-size:7px}}
@media(max-width:700px){body[data-state="shop"] #robotMounts:not([hidden]){display:none}#workshopSelectors{flex-wrap:wrap}#workshopSelectors button{flex-basis:19%}#workshopSelectors svg{height:23px}}