/* Safe public wardrobe showcase. Uses the same native-aspect artwork. */
.player-social-wardrobe-section{grid-column:1/-1;min-width:0}
.player-social-wardrobe-tabs{display:flex;gap:7px;flex-wrap:wrap}
.player-social-wardrobe-tabs button{border:1px solid #bc9aba80;border-radius:8px;
 background:#302b45;color:#f7e9df;padding:8px 12px;cursor:pointer;font:inherit;font-size:.75rem}
.player-social-wardrobe-tabs button.active{border-color:#f7cda9;background:#7c5188}
.player-social-wardrobe-layout{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(185px,.8fr);gap:12px;min-width:0}
.player-social-wardrobe-scene{position:relative;aspect-ratio:1672/941;overflow:hidden;min-width:0;
 border:1px solid #a47c54;border-radius:12px;
 background:#261d2d url("../assets/images/backgrounds/combat-wardrobe-desktop.png") center/100% 100% no-repeat}
.player-social-wardrobe-wall{position:absolute;top:23%;left:27%;width:46%;height:49%;box-sizing:border-box;
 display:grid;grid-template-rows:auto minmax(0,1fr) auto;gap:3px;padding:5px;
 background:#1b101e52;border:1px solid #e7b77655;border-radius:5px;text-align:center}
.player-social-wardrobe-wall h4{margin:0;color:#ffdfaa;text-overflow:ellipsis;overflow:hidden;
 white-space:nowrap;font-size:clamp(10px,1.3vw,17px);text-shadow:0 1px 3px #000}
.player-social-wardrobe-wall>small{font-size:clamp(7px,.7vw,10px);color:#f4dfcc}
.player-social-wardrobe-gear{min-height:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-template-rows:repeat(2,minmax(0,1fr));gap:3px}
.player-social-wardrobe-tile{min-width:0;min-height:0;padding:2px;display:flex;flex-direction:column;
 align-items:center;justify-content:center;border:1px solid #dcba82a3;border-radius:5px;
 background:#211824cf;color:#ffedd3;cursor:pointer}
.player-social-wardrobe-tile img{width:75%;height:70%;min-height:0;object-fit:contain}
.player-social-wardrobe-tile small{font-size:clamp(7px,.7vw,10px);line-height:1.1;color:#f3d4b2}
.player-social-wardrobe-tile:disabled{opacity:.7;cursor:default}
.player-social-wardrobe-tile:not(:disabled):hover,.player-social-wardrobe-tile:focus-visible{
 outline:2px solid #ffda9d;outline-offset:1px}
.player-social-wardrobe-placeholder{opacity:.6}
.player-social-wardrobe-list{display:grid;gap:8px;align-content:start;min-width:0}
.player-social-wardrobe-list strong{font-size:.8rem;color:#f6d5ac}
.player-social-wardrobe-choices{max-height:280px;overflow-y:auto;display:grid;gap:6px}
.player-social-wardrobe-choice{min-width:0;padding:9px;text-align:left;border:1px solid #a7857577;
 border-radius:8px;background:#272238;color:#f6e7dd;font:inherit;font-size:.74rem;cursor:pointer;overflow-wrap:anywhere}
.player-social-wardrobe-choice.active{background:#62445d;border-color:#f1c786}
.player-social-wardrobe-choice:focus-visible{outline:2px solid #f1c786}
.player-social-wardrobe-message{font-size:.7rem;color:#dbc9dc;margin:0;line-height:1.4}
@media(max-width:700px){
 .player-social-wardrobe-layout{grid-template-columns:1fr}
 .player-social-wardrobe-scene{aspect-ratio:941/1672;
  background-image:url("../assets/images/backgrounds/combat-wardrobe-mobile.png")}
 .player-social-wardrobe-wall{top:24.5%;left:23%;width:54%;height:46%;padding:4px}
 .player-social-wardrobe-gear{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(4,minmax(0,1fr))}
 .player-social-wardrobe-wall h4{font-size:clamp(10px,3vw,17px)}
 .player-social-wardrobe-tile small{font-size:9px}
 .player-social-wardrobe-wall>small{font-size:9px}
 .player-social-wardrobe-choices{max-height:150px}
}