#wardrobe-screen{--w-ink: #3d2403;--w-ink-soft: #6b431a;--w-ink-title: #5a3a12;--w-edge: #a5640a;--w-edge-dark: #5a2704;--w-panel: linear-gradient(to bottom left, #f9e5bd, #f8daa5);--w-side: rgba(165, 100, 10, .14);--w-side-edge: rgba(165, 100, 10, .35);--w-hot: linear-gradient(135deg, #fff3d8 0%, #f6c97c 100%);--w-card: linear-gradient(180deg, #cfe9f7 0%, #f6dcae 100%);--w-plate: rgba(61, 36, 3, .72);--w-plate-ink: #fff4dd;--w-gold: linear-gradient(180deg, #f5c866 0%, #d08a2d 100%);--w-ok: #2d8a2d;position:fixed;inset:0;z-index:20000;display:flex;flex-direction:row;align-items:center;justify-content:center;background:#142c428c;font-family:South Africa,Arial,sans-serif}#wardrobe-screen.is-hidden{display:none!important}#wardrobe-panel{position:relative;display:flex;flex-direction:row;align-items:stretch;justify-content:flex-start;width:820px;max-width:calc(100vw - 40px);height:520px;max-height:calc(100vh - 60px);border:3px solid var(--w-edge);border-radius:20px;background:var(--w-panel);overflow:hidden;color:var(--w-ink)}#wardrobe-side{display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;gap:6px;width:176px;flex-shrink:0;padding:12px 10px;background:var(--w-side);border-right:3px solid var(--w-side-edge);overflow-x:hidden;overflow-y:auto}#wardrobe-back{flex-shrink:0;align-self:flex-start;margin:0 0 4px;display:flex;align-items:center;justify-content:center;padding:3px 12px 1px;font-size:1.1rem;word-spacing:initial;color:var(--w-ink);background-color:#d6b583;border:3px solid var(--w-edge-dark);border-radius:11px;cursor:pointer;transition:filter .1s}#wardrobe-back:hover{filter:brightness(1.6)}#wardrobe-side-title{flex-shrink:0;display:flex;align-items:center;justify-content:flex-start;padding:0 4px 2px;font-size:.78rem;letter-spacing:.09em;text-transform:uppercase;color:var(--w-ink-soft);opacity:.85}#wardrobe-heroes{display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;gap:5px;flex:0 0 auto;min-height:0}.w-hero{flex-shrink:0;display:flex;flex-direction:row;align-items:center;justify-content:flex-start;gap:8px;padding:5px 8px 4px;border-radius:11px;cursor:pointer;transition:background .1s}.w-hero:hover{background:#ffffff73}.w-hero.is-active{background:var(--w-hot);box-shadow:inset 0 2px #ffffffe6,0 3px #5b3a212e}.w-hero-icon{flex-shrink:0;width:34px;height:34px;object-fit:contain;filter:drop-shadow(0 1px 2px rgba(45,28,8,.3))}.w-hero-text{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;min-width:0;flex:1}.w-hero-name{display:block;width:100%;font-size:.95rem;line-height:1.15;color:var(--w-ink-soft);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.w-hero.is-active .w-hero-name{color:var(--w-ink)}.w-hero-count{display:block;width:100%;font-size:.68rem;line-height:1.2;letter-spacing:.04em;color:var(--w-ink-soft);opacity:.72}#wardrobe-main{display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;flex:1;min-width:0;padding:12px 14px}#wardrobe-head{flex-shrink:0;display:flex;flex-direction:row;align-items:baseline;justify-content:space-between;gap:10px;margin-bottom:8px}#wardrobe-title{display:block;flex:1;min-width:0;font-size:1.2rem;letter-spacing:.05em;text-transform:uppercase;color:var(--w-ink-title);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}#wardrobe-dust{flex-shrink:0;display:flex;flex-direction:row;align-items:center;justify-content:flex-end;gap:4px;font-size:.95rem;color:var(--w-ink)}#wardrobe-dust img{width:16px;height:16px;object-fit:contain}#wardrobe-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(104px,1fr));gap:9px;align-content:start;justify-content:start;flex:1;min-height:0;overflow-y:auto;padding-right:4px}.w-card{position:relative;display:flex;flex-direction:column;align-items:stretch;justify-content:flex-end;height:132px;border:3px solid var(--w-edge);border-radius:13px;background:var(--w-card);overflow:hidden;cursor:pointer;transition:transform .12s ease,box-shadow .12s ease}.w-card:hover{transform:translateY(-3px);box-shadow:0 8px 14px #2d3a4538}.w-card.is-selected{border-color:var(--w-ink);box-shadow:0 0 0 3px #f6c344,0 8px 14px #2d3a4540}.w-card.is-equipped{border-color:var(--w-ok)}.w-card.is-equipped.is-selected{box-shadow:0 0 0 3px #56b856,0 8px 14px #2d3a4540}.w-card-art{display:block;flex:1;min-height:0;background-size:contain;background-position:center 55%;background-repeat:no-repeat}.w-card.is-locked .w-card-art{filter:grayscale(.85) brightness(.75)}.w-card-plate{flex-shrink:0;display:flex;flex-direction:column;align-items:stretch;justify-content:flex-end;background:var(--w-plate);padding:4px 4px 3px}.w-card-name{display:block;width:100%;text-align:center;font-size:.78rem;line-height:1.2;color:var(--w-plate-ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.w-card-meta{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:3px;margin-top:1px;font-size:.66rem;line-height:1.25;letter-spacing:.03em;color:#ffffffd1;white-space:nowrap;overflow:hidden}.w-card-meta img{width:12px;height:12px;object-fit:contain}.w-card-meta.is-owned{color:#b7f0bc}.w-card-meta.is-short{color:#ffb3a3}.w-card-tag{position:absolute;left:5px;top:5px;z-index:3;display:flex;align-items:center;justify-content:center;padding:2px 7px 1px;border:2px solid var(--w-edge-dark);border-radius:999px;background:var(--w-gold);box-shadow:0 1px 3px #2d1c0859;font-size:.56rem;line-height:1.35;letter-spacing:.1em;text-transform:uppercase;color:var(--w-ink);white-space:nowrap;word-spacing:initial;pointer-events:none}.w-card-lock,.w-card-tick{position:absolute;right:5px;top:5px;z-index:3;display:flex;align-items:center;justify-content:center;width:20px;height:20px;border-radius:50%;border:2px solid var(--w-edge-dark);box-shadow:0 1px 3px #2d1c0859;pointer-events:none}.w-card-lock{background:#e9d3a4;color:var(--w-edge-dark)}.w-card-tick{background:#3f9c3f;color:#fff}.w-card-lock svg,.w-card-tick svg{width:11px;height:11px}#wardrobe-bar{flex-shrink:0;display:flex;flex-direction:row;align-items:center;justify-content:flex-start;gap:10px;margin-top:10px;padding-top:9px;border-top:2px solid var(--w-side-edge)}#wardrobe-bar-art{display:block;flex-shrink:0;width:40px;height:40px;background-size:contain;background-position:center;background-repeat:no-repeat}#wardrobe-bar-text{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;min-width:0;flex:1}#wardrobe-bar-name{display:block;width:100%;font-size:1rem;line-height:1.15;color:var(--w-ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}#wardrobe-bar-note{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;width:100%;overflow:hidden;font-size:.75rem;line-height:1.25;color:var(--w-ink-soft);white-space:normal;overflow-wrap:anywhere}#wardrobe-action{flex-shrink:0;display:flex;align-items:center;justify-content:center;min-width:108px;padding:6px 16px 4px;border:3px solid var(--w-edge-dark);border-radius:13px;background-color:#d6b583;color:var(--w-ink);font-size:1rem;letter-spacing:.03em;white-space:nowrap;word-spacing:initial;cursor:pointer;transition:filter .1s}#wardrobe-action:hover{filter:brightness(1.5)}#wardrobe-action.is-primary{background:var(--w-gold)}#wardrobe-action.is-done{background:linear-gradient(180deg,#8fd894,#45a04a)}#wardrobe-action.is-disabled{opacity:.5;cursor:default}#wardrobe-action.is-disabled:hover{filter:none}#wardrobe-toast{position:absolute;left:50%;bottom:68px;transform:translate(-50%);display:flex;align-items:center;justify-content:center;max-width:80%;padding:6px 14px 4px;border:2px solid var(--w-edge);border-radius:11px;background:#fff8e1f5;color:#8a3a12;font-size:.9rem;text-align:center;box-shadow:0 3px 10px #0003;animation:w-toast-in .18s ease;pointer-events:none;z-index:5}@keyframes w-toast-in{0%{opacity:0;transform:translate(-50%,6px)}to{opacity:1;transform:translate(-50%)}}@media(max-width:720px){#wardrobe-panel{flex-direction:column;height:auto;max-height:calc(100vh - 40px)}#wardrobe-side{flex-direction:row;align-items:center;width:auto;gap:6px;padding:8px;overflow-x:auto;overflow-y:hidden;border-right:none;border-bottom:3px solid var(--w-side-edge)}#wardrobe-side-title{display:none}#wardrobe-back{margin:0;align-self:center}#wardrobe-heroes{flex-direction:row;align-items:center}.w-hero{flex-shrink:0}#wardrobe-grid{grid-template-columns:repeat(auto-fill,minmax(92px,1fr));max-height:46vh}}