/* wardrobe */
.wardrobe{display:grid;grid-template-columns:260px minmax(0,1fr);gap:16px}
.stage{border-radius:18px;background:linear-gradient(180deg,#bfe7f5 0%,#e9f7f0 70%,#f3e2bd 70%,#ead39f 100%);border:1px solid var(--line);position:relative;overflow:hidden}
.stage canvas{display:block;width:100%;aspect-ratio:26/30}
.stage .stage-ctl{position:absolute;left:0;right:0;bottom:10px;display:flex;gap:6px;justify-content:center}
.stage .stage-ctl button{background:rgba(255,255,255,.9);color:#18324a;border:0}
.slot-tabs{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:12px}
.wear-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(98px,1fr));gap:10px}
.wear{position:relative;border:1.5px solid var(--line);background:var(--surface);border-radius:14px;padding:6px 6px 8px;text-align:center}
.wear:hover{border-color:var(--h-accent)}
.wear.on{border-color:var(--h-accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--h-accent) 25%,transparent)}
.wear img{width:80px;height:80px;display:block;margin:0 auto}
.wear .n{font-size:12px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.wear .p{font-size:11.5px;color:var(--muted);display:flex;gap:3px;justify-content:center;align-items:center}
.wear .p .seed{width:14px;height:14px}
.wear .lk{position:absolute;top:6px;right:6px}
.wear-foot{display:flex;gap:8px;align-items:center;margin-top:14px;padding-top:12px;border-top:1px dashed var(--line)}
.wear-foot .sp{flex:1}
.wear-foot .note{font-size:13px;color:var(--muted)}