.bag-categories,.wardrobe-filters{display:flex;gap:6px;margin:12px 0;padding:4px;border:1px solid #ad935b66;border-radius:12px;background:#183e43}
.bag-categories button,.wardrobe-filters button{flex:1;min-height:44px;border:0;border-radius:8px;color:#e9dcbd;background:transparent;font-weight:700}
.bag-categories [aria-pressed=true],.wardrobe-filters [aria-pressed=true]{color:#4f452f;background:linear-gradient(#ffefc5,#d1b577);box-shadow:inset 0 0 0 1px #a88854}
.wardrobe-heading{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:20px}.wardrobe-heading small{font-size:9px;letter-spacing:.12em;color:#c9ad70}.wardrobe-heading h2{font-size:20px;margin:6px 0;color:#f6e7bb}.wardrobe-heading h2 span{font-size:11px;color:#b9cbbb}.wardrobe-heading .build-text{min-height:44px;margin:0;font-size:12px}
.wardrobe-status{font-size:12px;line-height:1.6;color:#cef0d9}.wardrobe-status:empty{display:none}.wardrobe-status.error{color:#ffcfad}.wardrobe-status button{margin-bottom:12px}
.wardrobe-outfit{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.wardrobe-outfit>div{display:grid;gap:8px;text-align:center;align-content:start;background:#18383f;border:1px solid #a8926577;border-radius:10px;padding:12px 4px}.wardrobe-outfit small{font-size:10px;color:#c4b587}.wardrobe-outfit b{font-size:11px;color:#f4e9cc;overflow-wrap:anywhere}.wardrobe-outfit button{min-height:36px;border:0;background:#38625a;color:#f7e7b8;border-radius:6px;font-size:12px}.wardrobe-outfit span{color:#879d93}
.wardrobe-showcase{overflow:hidden;border:1px solid #b9a16c;border-radius:18px;background:linear-gradient(140deg,#fff2d6,#e5d0a7);color:#534733;margin-bottom:18px}.wardrobe-portrait{height:245px;position:relative;display:grid;place-items:center;background:radial-gradient(ellipse at 50% 60%,#65877e,#203e48 75%);overflow:hidden}.wardrobe-portrait img{position:relative;z-index:1;width:46%;height:82%;object-fit:contain;pointer-events:none}.wardrobe-portrait canvas{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.wardrobe-portrait [data-gear-fx=front]{z-index:2}.wardrobe-portrait>span{position:absolute;bottom:10px;z-index:3;background:#18343dcc;color:#f6e6bb;border-radius:20px;padding:5px 12px;font-size:10px}.wardrobe-detail{padding:16px}.wardrobe-detail>small{font-size:10px;color:#7c6d4e}.wardrobe-detail h3{margin:7px 0;font-size:21px}.wardrobe-detail p{font-size:12px;line-height:1.8;margin:10px 0 14px}.wardrobe-detail button{width:100%;min-height:46px}.wardrobe-detail button:disabled{opacity:.65}
.wardrobe-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.wardrobe-grid>button{min-width:0;border:1px solid #8ba190;border-radius:12px;background:linear-gradient(#456760,#233c43);padding:5px 4px 12px;color:#f9e9bd}.wardrobe-grid [aria-pressed=true]{border-color:#f4d27e;box-shadow:inset 0 0 0 2px #c9a764}.wardrobe-grid b{display:block;font-size:11px;line-height:1.6}.wardrobe-grid small{display:block;font-size:9px;margin-top:4px;color:#cbdbc9}.wardrobe-art{height:85px;display:grid;place-items:center;overflow:hidden}.wardrobe-art>svg,.wardrobe-art>img{width:80px;height:80px}.wardrobe-art .mall-wing-icon{transform:scale(.72)}.wardrobe-art[data-element=fire]{filter:hue-rotate(325deg)}.wardrobe-art[data-element=water]{filter:hue-rotate(160deg)}.wardrobe-art[data-element=wind]{filter:hue-rotate(80deg)}.wardrobe-art[data-element=dark]{filter:hue-rotate(210deg)}
.wardrobe-empty{padding:26px 18px;border:1px solid #ac976e77;border-radius:16px;background:#22434a;text-align:center;color:#f1e3c0}.wardrobe-empty h3{font-size:17px}.wardrobe-empty p{font-size:12px;line-height:1.8;color:#c2d3c3}.wardrobe-empty button{margin-top:10px}
@media(min-width:700px){.wardrobe-showcase{display:grid;grid-template-columns:1fr 1fr}.wardrobe-detail{align-self:center;padding:22px}.wardrobe-grid{grid-template-columns:repeat(5,minmax(0,1fr))}}
/* Match the current light handbook UI; only the animated portrait is a dark stage. */
.build-world .bag-categories,.build-world .wardrobe-filters{background:var(--v4-card-2);border:0;border-radius:999px}
.build-world .bag-categories>button,.build-world .wardrobe-filters>button{background:transparent!important;border:0!important;border-radius:999px!important;box-shadow:none!important}
.build-world .bag-categories>button[aria-pressed=true],.build-world .wardrobe-filters>button[aria-pressed=true]{background:var(--v4-head)!important;color:var(--v4-head-ink)!important}
.wardrobe-heading>div{flex:1;min-width:0}.wardrobe-heading>div>small{display:none}.build-world .wardrobe-heading .build-text{width:auto;flex:0 0 auto;padding:7px 12px}.wardrobe-heading h2{white-space:nowrap;font-size:19px}
.wardrobe-outfit>div,.wardrobe-empty{background:var(--v4-card);border-color:var(--v4-line)}
.build-world .wardrobe-grid>button{border:1.5px solid var(--v4-line)!important;border-radius:14px!important;background:var(--v4-card)!important}.build-world .wardrobe-grid>button[aria-pressed=true]{border-color:#b79d4e!important;box-shadow:inset 0 0 0 1px #d4b66c!important}
.build-world .wardrobe-host .wardrobe-portrait>span{color:var(--v4-head-ink)!important}.build-world .wardrobe-host .wardrobe-status.error{color:var(--v4-danger)!important}