#wardrobeOpen{width:100%;margin:12px 0 5px;padding:14px 20px;background:linear-gradient(110deg,#773bff,#3a5df5);color:white;border:0;border-radius:4px;font-weight:850;letter-spacing:.04em;cursor:pointer}
#wardrobeHint{font-size:12px;margin:4px 0 16px;color:#59657b}
#wardrobeDialog{width:min(1000px,96vw);height:min(780px,94dvh);max-width:96vw;max-height:94dvh;padding:0;border:1px solid #6560a4;border-top:4px solid #b69bff;border-radius:6px;background:#15172d;color:#f4f1ff;overflow:hidden}
#wardrobeDialog[open]{display:flex;flex-direction:column}
.wardrobe-heading{display:flex;align-items:center;justify-content:space-between;padding:19px 24px 15px;gap:12px;background:linear-gradient(110deg,#2d2052,#1c2445)}
.wardrobe-heading .eyebrow{color:#c8aaff;font-size:10px;margin:0 0 5px}.wardrobe-heading h2{font-size:27px;line-height:1.05;color:white;margin:0;letter-spacing:-.02em}.wardrobe-heading small{display:block;margin-top:7px;color:#aaa9cb;font-size:11px}
#wardrobeClose{width:40px;height:40px;background:#38304f;border:1px solid #736198;border-radius:3px;color:white;font-size:24px;cursor:pointer}
.wardrobe-layout{display:grid;grid-template-columns:1fr 1fr;flex:1;min-height:0}
.wardrobe-stage{position:relative;min-width:0;min-height:0;background:radial-gradient(ellipse at 48% 38%,#a9a2d9 0,#655d9a 40%,#292841 78%);overflow:hidden;display:flex;flex-direction:column}
.wardrobe-live{position:absolute;top:13px;left:15px;color:#fff;font-size:10px;font-weight:800;letter-spacing:.13em;pointer-events:none}
#wardrobeCanvas{display:block;width:100%;flex:1;min-height:0;touch-action:none;cursor:grab}#wardrobeCanvas:active{cursor:grabbing}
.wardrobe-stage-controls{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:10px 12px;background:#222137cc}.wardrobe-stage-controls button{background:#403956;border:1px solid #7c6b96;color:white;border-radius:3px;padding:8px 10px;cursor:pointer;font-size:12px}.wardrobe-stage-controls button[aria-pressed=true]{background:#d2b6ff;color:#211b34;border-color:#d2b6ff}
#wardrobeMotion{display:flex;gap:4px}
.wardrobe-picker{display:flex;flex-direction:column;min-height:0;min-width:0;background:#1c1e36}
#wardrobeTabs{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));border-bottom:1px solid #4c426b;flex-shrink:0}#wardrobeTabs button{padding:13px 3px;background:#25233d;border:0;border-bottom:3px solid transparent;color:#cac6db;font:inherit;font-size:11px;font-weight:700;cursor:pointer;line-height:1.2;min-height:49px}#wardrobeTabs button[aria-selected=true]{color:white;background:#46316e;border-bottom-color:#cba1ff}
#wardrobeSelection{font-size:12px;color:#d3c1ed;margin:12px 15px;line-height:1.3;min-height:30px}
#wardrobeChoices{overflow:auto;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;padding:0 14px 14px;align-content:start;grid-auto-rows:max-content;flex:1;min-height:0;overscroll-behavior:contain}
.wardrobe-choice{position:relative;display:block;align-self:start;border:2px solid #45435c;border-radius:3px;background:#2e2d45;color:#f9f8ff;padding:0;min-width:0;cursor:pointer;overflow:hidden}.wardrobe-choice[aria-pressed=true]{border-color:#d7b2ff;background:#4b326d;box-shadow:0 0 0 1px #d7b2ff}.wardrobe-choice[aria-pressed=true]:after{content:'✓';position:absolute;right:3px;top:3px;background:#d5b0ff;color:#241335;padding:0 4px;font-size:15px;font-weight:900}.wardrobe-choice img{width:100%;height:auto;aspect-ratio:1;object-fit:cover;display:block}.wardrobe-choice>span:last-child{display:block;font-size:11px;font-weight:700;line-height:1.2;padding:8px 5px;text-align:center}.wardrobe-none{width:100%;aspect-ratio:1;display:grid;place-items:center;font-size:38px;color:#b5a8ce}
.wardrobe-footer{padding:12px 20px 16px;border-top:1px solid #48415e;background:#191a30;flex-shrink:0}#wardrobeStatus{font-size:12px;min-height:16px;line-height:1.4;margin:0 0 10px;color:#cfc5e1}#wardrobeStatus[data-error=true]{color:#ffb7bb}.wardrobe-actions{display:flex;gap:8px;align-items:center}.wardrobe-actions button{border-radius:3px;border:1px solid #65577f;padding:12px 15px;font:inherit;font-size:12px;font-weight:800;cursor:pointer;color:#eae2f7;background:#322b46}#wardrobeEquip{margin-left:auto;background:#d2acff;color:#241039;border-color:#d2acff;font-size:13px}#wardrobeDialog button:disabled{opacity:.5;cursor:wait}#wardrobeDialog button:focus-visible{outline:3px solid #6ee7e7;outline-offset:-3px}
@media(max-width:640px){#wardrobeDialog{width:96vw;height:94dvh;max-height:94dvh}.wardrobe-heading{padding:12px 14px}.wardrobe-heading h2{font-size:22px}.wardrobe-heading small{font-size:10px;margin-top:5px}.wardrobe-layout{display:flex;flex-direction:column}.wardrobe-stage{height:34dvh;flex-shrink:0}.wardrobe-stage-controls{padding:5px 10px}.wardrobe-stage-controls button{padding:6px 8px;font-size:10px}.wardrobe-live{font-size:8px;top:8px;left:10px}.wardrobe-picker{flex:1}#wardrobeTabs button{min-height:41px;padding:7px 2px;font-size:10px}#wardrobeSelection{margin:5px 10px;min-height:0;font-size:10px}#wardrobeChoices{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;padding:3px 9px 10px}.wardrobe-choice>span:last-child{display:block;font-size:9px;padding:5px 2px}.wardrobe-footer{padding:8px 10px 10px}#wardrobeStatus{font-size:10px;margin-bottom:6px;min-height:26px}.wardrobe-actions{gap:5px;flex-wrap:wrap}.wardrobe-actions button{font-size:10px;padding:9px 8px}#wardrobeEquip{font-size:11px}.wardrobe-none{font-size:25px}}
@media(max-height:520px) and (min-width:641px){.wardrobe-heading{padding:10px 16px}.wardrobe-heading h2{font-size:20px}.wardrobe-footer{padding:6px 14px}.wardrobe-actions button{padding:8px}#wardrobeChoices{grid-template-columns:repeat(4,minmax(0,1fr))}}