.wardrobe-subtitle{margin:6px 0 0;color:var(--muted)}
.wardrobe-layout{display:grid;grid-template-columns:minmax(285px,360px) minmax(0,1fr);gap:28px;align-items:start}
.dressing-mirror{background:#e7efea;border:1px solid #d3e0d7;border-radius:15px;padding:22px;position:sticky;top:20px}
.mirror-caption,.closet-heading{display:flex;justify-content:space-between;align-items:start;gap:12px}
.mirror-caption h2{font-size:25px;margin:0;font-family:var(--serif)}
.mirror-caption span{font-size:11px;color:#576b60}.mirror-caption .badge{font-size:10px;white-space:nowrap}
.avatar-stage{height:350px;position:relative;margin:14px 0 0;background:radial-gradient(ellipse at 50% 45%,#fffdf6 0%,#f4f7ef 40%,#deeae200 72%)}
.avatar-stage::after{content:"";position:absolute;bottom:6px;left:25%;width:50%;height:12px;border-radius:50%;background:#71887926;filter:blur(7px);pointer-events:none}
[data-avatar-preview]{height:100%;position:relative;z-index:1}.paper-doll{width:100%;height:100%;display:block}
.mirror-note{text-align:center;font-size:11px;color:#5c7165;margin:4px 0 16px}
.character-picker{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:5px;margin-bottom:15px}
.character-picker button{border:1px solid transparent;border-radius:7px;background:#f6f8f2;padding:4px 2px 3px;min-width:0}
.character-picker .selected{border-color:#36785f;background:#fff;box-shadow:0 0 0 1px #36785f}
.character-portrait{display:block;aspect-ratio:1;width:100%;border-radius:5px}.character-picker span{font-size:10px}
.equipped-slots{margin-top:17px}.equipped-slots>div{display:flex;gap:8px;align-items:center;border-bottom:1px solid #d4dfd7;min-height:39px}
.equipped-slots span{font-size:10px;width:50px;color:#5e7067}.equipped-slots strong{font-size:11px;font-weight:500}
.equipped-slots .text-button{margin-left:auto;font-size:11px;padding:7px 0}.reset-preview{width:100%;margin-top:8px;font-size:11px}
.closet{min-width:0}.closet-heading h2{font-size:22px;margin:0}.closet-heading p{font-size:11px;color:#697a70;margin:5px 0 18px}
.cosmetic-balance{display:flex;align-items:center;gap:7px;white-space:nowrap;color:#84632e;background:#f2e8cf;border-radius:30px;padding:7px 12px}
.cosmetic-balance .icon{width:17px}.cosmetic-balance strong{font-size:13px;font-variant-numeric:tabular-nums}
.closet-tabs{display:flex;gap:28px;border-bottom:1px solid var(--line)}
.closet-tabs button{background:none;border:0;border-bottom:2px solid transparent;padding:11px 0;font-size:14px}
.closet-tabs [aria-pressed=true]{border-color:var(--green);font-weight:bold;color:var(--green)}.closet-tabs span{font-size:11px}
.slot-filters{display:flex;flex-wrap:wrap;gap:7px;margin-top:18px}
.slot-filters button{background:#edf1eb;border:1px solid transparent;padding:6px 12px;border-radius:20px;font-size:11px}
.slot-filters [aria-pressed=true]{background:var(--green);color:white}
.wardrobe-message{font-size:11px;min-height:20px;margin:14px 0;color:#557565}
.cosmetic-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}
.cosmetic-item{min-width:0;border:1px solid #e1e7de;border-radius:11px;overflow:hidden;background:#fff}
.cosmetic-item.trying{border-color:#719b80;box-shadow:0 0 0 1px #719b80}
.item-preview{position:relative;display:flex;align-items:center;justify-content:center;width:100%;height:155px;background:#edf1e7;border:0;padding:20px}
.cosmetic-item:nth-child(3n+2) .item-preview{background:#f2ece4}.cosmetic-item:nth-child(3n) .item-preview{background:#eaeaf1}
.cosmetic-art{display:block;width:100%;height:100%;overflow:hidden;max-width:130px;max-height:115px}
.outfit-art{width:100%;height:100%;overflow:hidden}.outfit-art .paper-doll{height:190%;transform:translateY(-6%)}
.worn-tag,.owned-tag{position:absolute;top:8px;right:8px;padding:3px 7px;border-radius:4px;background:#fffdf5;color:#4b735d;font-size:9px}
.worn-tag{background:#235e48;color:white}.item-details{padding:13px}.item-details>span{font-size:9px;color:#7a887f}
.item-details h3{font-size:14px;margin:3px 0 5px}.item-details p{font-size:10px;color:#768278;min-height:36px;margin-bottom:12px}
.item-price{color:#8a6b30;font-size:12px;font-weight:bold}.item-price .icon{width:14px;height:14px}
.item-actions{display:flex;align-items:center;justify-content:space-between;gap:6px;margin-top:12px}.item-actions .text-button{font-size:11px}
.item-actions .button{font-size:11px;min-height:34px;padding:6px 12px}.closet-empty{grid-column:1/-1;color:#758578;padding:45px 15px;text-align:center}
.cosmetic-confirm-art{height:140px;display:flex;justify-content:center;margin:10px 0 20px}.cosmetic-confirm-art .outfit-art{width:150px}
@media(max-width:1150px){.cosmetic-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.wardrobe-layout{grid-template-columns:285px minmax(0,1fr);gap:20px}.dressing-mirror{padding:17px}.avatar-stage{height:310px}}
@media(max-width:850px){.wardrobe-layout{grid-template-columns:1fr}.dressing-mirror{position:static;max-width:450px;width:100%;margin:0 auto}.cosmetic-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.avatar-stage{height:350px}}
@media(max-width:600px){.wardrobe-subtitle{font-size:11px}.wardrobe-layout{gap:28px}.closet-heading h2{font-size:20px}.closet-heading p{max-width:180px}.cosmetic-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.item-preview{height:135px;padding:19px}.item-details{padding:11px}.slot-filters button{padding:7px 11px}.avatar-stage{height:330px}.sidebar nav{overflow-x:auto;justify-content:start}.nav-item{flex-shrink:0;min-width:52px}.page-heading>.text-button{font-size:11px;white-space:nowrap}.closet-heading{gap:7px}.cosmetic-balance{padding:6px 9px}.cosmetic-balance strong{font-size:12px}}