/* 0.5.3 wardrobe: «Облик» on the expedition stage, the per-hero picker modal and «Облики → Мои облики». */
.stage-visual .skin-picker-button{position:absolute;right:12px;bottom:12px;z-index:2;padding:8px 14px;font-size:11px;letter-spacing:1.5px;color:#e7d1a4;border-color:#756046;background:#1d1826d9;backdrop-filter:blur(4px)}
.stage-visual .skin-picker-button:hover,.stage-visual .skin-picker-button:focus-visible{border-color:#d9ad54;background:#2b2236}
.skin-choice-list{list-style:none;margin:16px 0 0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(138px,1fr));gap:10px}
.skin-choice{display:flex;flex-direction:column;align-items:center;gap:4px;padding:10px 10px 12px;border:1px solid #3d3149;background:#1b1724;text-align:center;min-width:0;outline:none}
.skin-choice.is-equipped{border-color:#c79a4d;background:linear-gradient(180deg,#2c2331,#1b1724);box-shadow:inset 0 0 0 1px #c79a4d40}
.skin-choice-portrait{width:100%;height:104px;display:grid;place-items:center;background:radial-gradient(ellipse,var(--skin-color) -150%,transparent 65%)}
.skin-choice-portrait .portrait{width:92px;height:92px;image-rendering:pixelated}
.skin-choice strong{font-size:13px;font-weight:500;line-height:1.35;color:#eadfca;overflow-wrap:anywhere}
.skin-choice small{font-size:9px;letter-spacing:1.8px;color:#b99ad8}
.skin-choice button{margin-top:6px;width:100%;padding:9px 6px;font-size:10px;letter-spacing:1.2px;color:#e3c58b}
.skin-choice button[aria-pressed="true"]{opacity:1;color:#1a1420;background:#c79a4d;border-color:#c79a4d;font-weight:600}
.modal-content:has(.skin-picker){width:min(760px,100%)}
.skin-picker .skin-choice-list{text-align:left}
.skin-picker-empty{color:#c4b2cf;font-size:12px;line-height:1.6;margin:14px auto 0;max-width:460px}
.skin-wardrobe-note{color:#a795b3;font-size:12px;line-height:1.7;margin:0 0 16px}
.skin-wardrobe{display:grid;gap:14px}
.skin-wardrobe-hero{padding:16px 18px}
.skin-wardrobe-hero header{display:flex;align-items:baseline;justify-content:space-between;gap:12px;flex-wrap:wrap}
.skin-wardrobe-hero h2{font-size:18px;margin:0}
.skin-wardrobe-hero header small{color:#a795b3;font-size:11px}
.skin-wardrobe-hero.is-locked{opacity:.75}
.skin-wardrobe-hero .skin-choice-list{grid-template-columns:repeat(auto-fill,minmax(150px,190px))}
@media(max-width:550px){
 .stage-visual .skin-picker-button{right:8px;bottom:8px;padding:7px 11px;font-size:10px}
 .skin-choice-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
 .skin-wardrobe-hero .skin-choice-list{grid-template-columns:repeat(2,minmax(0,1fr))}
 .skin-choice-portrait{height:84px}.skin-choice-portrait .portrait{width:76px;height:76px}
 .skin-wardrobe-hero{padding:12px}
}
@media(max-height:500px) and (orientation:landscape){
 .stage-visual .skin-picker-button{right:6px;bottom:6px;padding:6px 10px;font-size:9px}
 .skin-choice-list{grid-template-columns:repeat(auto-fill,minmax(118px,1fr));gap:8px;margin-top:10px}
 .skin-choice{padding:6px 8px 8px}
 .skin-choice-portrait{height:64px}.skin-choice-portrait .portrait{width:58px;height:58px}
 .skin-choice button{padding:7px 4px}
}