/* One category at a time. Preview and all of its variants stay on screen together. */
.flow-page[data-page=garage]{padding:22px 28px}.flow-page[data-page=garage]>h2{font-size:32px}.flow-page[data-page=garage]>.flow-sub{margin-bottom:16px;font-size:12px}
.garage-catalog.garage-layout{grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:22px;overflow:hidden}
.garage-catalog .garage-stage{display:flex;flex-direction:column;position:relative;padding:16px;background:radial-gradient(ellipse at 50% 40%,#edf3e7,#b7d3cf);border:1px solid #aec8c5;border-radius:15px;min-height:0}
.garage-stage-top{display:flex;align-items:center;justify-content:space-between;gap:10px;z-index:1}.flow-shell .garage-stage-top #garage-player{margin:0;max-width:65%;min-height:36px;font-size:12px;padding:7px 22px 7px 9px;background:#ffffffc9}.garage-stage-top #garage-character{font-size:20px;font-style:italic;margin:0;color:var(--menu-ink)}
#garage-preview-state{position:absolute;left:18px;top:66px;z-index:1;font-size:10px;letter-spacing:1px;text-transform:uppercase;font-weight:800;color:#2f6372}.garage-catalog[data-preview=true] #garage-preview-state{color:#895c16}
.garage-catalog #garage-preview{width:100%;height:0;flex:1;min-height:100px}.garage-catalog #garage-stats{display:block;margin-top:4px;color:#3c6170;font-size:10px;text-align:center;line-height:1.5;white-space:nowrap}
.garage-workbench{display:flex;flex-direction:column;gap:14px;min-height:0;overflow:hidden}.garage-tabs{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:5px;flex:none}
.flow-shell .garage-tabs button{padding:9px 3px;min-height:64px;border:1px solid #becdcb;background:#e5ece8;display:flex;flex-direction:column;align-items:center;gap:7px;border-radius:8px;color:#46616f}.garage-tabs button>span{font-size:20px;line-height:20px}.garage-tabs strong{font-size:10px;font-weight:700}.flow-shell .garage-tabs [aria-selected=true]{color:var(--menu-ink);background:var(--menu-yellow);border-color:#b28e32}
.garage-catalog .garage-options{flex:1;display:flex;min-height:0;overflow:hidden;padding:0}.garage-catalog .garage-options fieldset{display:grid;grid-template-columns:repeat(var(--variants),minmax(0,1fr));gap:8px;padding:5px;margin:0;border:0;min-width:0;width:100%;align-content:stretch}
.flow-shell .garage-catalog .cosmetic-option{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:0;width:100%;min-width:0;padding:8px 5px;border:2px solid #c1cecb;border-radius:10px;background:linear-gradient(#fff,#e8eeea);text-align:center;overflow:hidden;box-shadow:none;color:var(--menu-ink)}
.garage-catalog .cosmetic-option img{width:100%;min-height:0;max-height:180px;flex:1;object-fit:contain;filter:drop-shadow(0 5px 5px #1a3d5025)}.garage-catalog .cosmetic-option strong{font-size:12px;line-height:1.3;color:var(--menu-ink);margin-top:6px}.garage-catalog .cosmetic-option small{font-size:9px;color:var(--menu-muted);line-height:1.3;margin:5px 0 0;white-space:nowrap}.garage-catalog .cosmetic-option.locked{opacity:1;filter:none}.flow-shell .garage-catalog .cosmetic-option[aria-pressed=true]{background:linear-gradient(#fff9e0,#ffe6a3);border-color:#b48b2f;box-shadow:inset 0 -3px 0 #d7ac4a}.garage-catalog .cosmetic-option[aria-pressed=true] small{color:#7c5a12}
.garage-detail{flex:none;padding:0 5px;min-height:65px}.garage-detail h3{font-size:18px;font-style:italic;letter-spacing:-.5px;color:var(--menu-ink);margin:0 0 8px}.garage-goal{display:flex;justify-content:space-between;gap:10px;font-size:11px;line-height:1.4;color:var(--menu-muted)}#garage-goal-count{white-space:nowrap;color:#775721;font-size:10px}#garage-progress{width:100%;height:7px;display:block;border:0;border-radius:5px;overflow:hidden;margin-top:8px;background:#dce6df;accent-color:#bd8d27}#garage-progress::-webkit-progress-bar{background:#dce6df;border-radius:5px}#garage-progress::-webkit-progress-value{background:#c2922f;border-radius:5px}
.garage-actions{display:flex;gap:10px;flex:none;padding:0 5px 4px}.flow-shell #garage-equip{flex:1;background:var(--menu-yellow);font-weight:900;padding:12px;min-height:44px}.flow-shell #garage-equip:disabled{background:#e2e8e1;color:#677870;border-color:#bbc9c4;opacity:1;box-shadow:none;cursor:default}.flow-shell #garage-reset{min-width:48px;padding:10px;font-size:20px}
@media(min-height:700px){.garage-catalog .garage-options fieldset{align-items:center}.flow-shell .garage-catalog .cosmetic-option{height:230px;max-height:100%}}
@media(max-height:700px){.flow-page[data-page=garage]{padding:16px 22px}.flow-page[data-page=garage]>h2{font-size:27px}.flow-page[data-page=garage]>.flow-sub{display:block;font-size:11px;margin-bottom:12px}.garage-catalog.garage-layout{gap:16px}.garage-catalog .garage-stage{padding:12px}.garage-workbench{gap:10px}.flow-shell .garage-tabs button{min-height:52px;padding:6px 2px;gap:5px}.garage-tabs button>span{font-size:17px;line-height:17px}.garage-tabs strong{font-size:9px}.garage-detail{min-height:55px}.garage-detail h3{font-size:16px;margin-bottom:5px}.garage-goal{font-size:10px}.garage-catalog .cosmetic-option strong{font-size:11px}.garage-catalog .cosmetic-option small{font-size:8px}.garage-stage-top #garage-character{font-size:17px}}
@media(max-height:480px){.flow-page[data-page=garage]{padding:12px 20px}.flow-page[data-page=garage]>h2,.flow-page[data-page=garage]>.flow-sub{display:none}.garage-catalog.garage-layout{grid-template-columns:minmax(0,1.04fr) minmax(0,1fr);gap:13px}.garage-catalog .garage-stage{padding:9px}.garage-stage-top{gap:7px}.flow-shell .garage-stage-top #garage-player{min-height:29px;height:29px;font-size:10px;padding:4px 18px 4px 7px}.garage-stage-top #garage-character{font-size:15px}.garage-catalog #garage-preview{min-height:80px}#garage-preview-state{top:48px;left:13px;font-size:8px}.garage-catalog #garage-stats{font-size:8px;margin:0}.garage-workbench{gap:6px}.flow-shell .garage-tabs button{min-height:41px;padding:4px 1px;gap:3px}.garage-tabs button>span{font-size:15px;line-height:15px}.garage-tabs strong{font-size:8px}.garage-catalog .garage-options fieldset{gap:5px;padding:4px}.flow-shell .garage-catalog .cosmetic-option{padding:4px 3px;border-radius:7px}.garage-catalog .cosmetic-option strong{font-size:10px;margin-top:2px}.garage-catalog .cosmetic-option small{font-size:7px;margin-top:3px}.garage-catalog .cosmetic-option img{max-height:110px}.garage-detail{min-height:30px;padding:0 4px}.garage-detail h3{display:none}.garage-goal{font-size:9px;gap:5px}#garage-goal-count{font-size:8px}#garage-progress{height:5px;margin-top:5px}.garage-actions{gap:6px;padding:0 4px 3px}.flow-shell #garage-equip{min-height:31px;padding:7px;font-size:11px}.flow-shell #garage-reset{min-width:36px;min-height:31px;padding:5px;font-size:16px}}
@media(max-width:600px) and (min-height:481px){.garage-catalog.garage-layout{grid-template-columns:1fr;grid-template-rows:minmax(170px,.9fr) minmax(230px,1fr);gap:12px}.garage-catalog .garage-stage{padding:10px}.garage-catalog .cosmetic-option img{max-height:100px}.garage-workbench{gap:8px}.garage-detail{min-height:42px}.garage-detail h3{display:none}.garage-goal{font-size:10px}.flow-shell .garage-tabs button{min-height:45px;padding:5px 2px;gap:3px}}