/* One preview-driven wardrobe for both games. */
.game-appearance-entry>span:first-child{display:grid;gap:5px;text-align:left}.game-appearance-entry strong{font:20px Georgia}.game-appearance-entry small{font-size:12px}
html body dialog:has(.game-wardrobe){width:min(1080px,calc(100vw - 24px));max-width:none;max-height:calc(100dvh - 24px);padding:24px;border-radius:12px;background:#10261c;color:#eee2c6;overflow:auto}
.game-wardrobe h2{margin:0;font:28px/1.2 'Literata',Georgia}.game-wardrobe header p{font-size:13px;margin:8px 0 16px;color:#c6c9b4}.game-wardrobe button{font:14px/1.3 'Golos Text',sans-serif;box-shadow:none;cursor:pointer;color:#eadfc4;background:#1c3326;border:1px solid #706344;border-radius:5px;min-height:40px;padding:9px 13px;transition:background .15s}
.game-wardrobe button:hover{background:#304635;color:#fff0c4}.game-wardrobe button[aria-pressed=true]{background:#bda66b;color:#18271c;border-color:#dcc58b}.game-wardrobe button:focus-visible{outline:2px solid #f0d58c;outline-offset:2px}.game-wardrobe button:disabled{opacity:.5;cursor:default}
.wardrobe-games{display:flex;gap:8px;margin:0 0 18px}.wardrobe-games button{min-width:125px;font-size:17px}
.wardrobe-layout{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(270px,.8fr);gap:22px;align-items:start}.wardrobe-stage{position:sticky;top:0;min-width:0}.wardrobe-stage iframe{width:100%;height:420px;border:1px solid #786542;border-radius:8px;background:#163123;display:block}.wardrobe-stage p{font-size:12px;text-align:center;color:#c8c8b3;margin:8px 0}
.wardrobe-library [data-categories]{display:flex;gap:6px;margin-bottom:12px}.wardrobe-library [data-categories] button{flex:1}.wardrobe-items{display:grid;gap:8px;max-height:430px;overflow-y:auto;scrollbar-width:thin;padding:3px}.wardrobe-items button{display:flex;align-items:center;gap:12px;text-align:left;min-height:78px;padding:9px}.wardrobe-items button>span:last-child{min-width:0;display:grid;gap:5px}.wardrobe-items strong{font-size:14px;font-weight:500;overflow-wrap:anywhere;color:inherit}.wardrobe-items small{font-size:11px;color:inherit;opacity:.85}
.wardrobe-deck-thumb{position:relative;width:70px;height:65px;flex:none}.wardrobe-deck-thumb img{position:absolute;width:39px;height:59px;object-fit:contain;left:5px;top:3px;transform:rotate(-10deg);border-radius:3px}.wardrobe-deck-thumb img+img{left:27px;transform:rotate(8deg)}.wardrobe-table-thumb{display:block;width:70px;height:53px;border:3px solid var(--sample-edge);border-radius:10px;background-color:var(--sample-color);background-size:cover;flex:none}.wardrobe-board-thumb,.wardrobe-board-grid{width:65px;height:65px;object-fit:cover;flex:none}.wardrobe-board-grid{display:grid;grid-template-columns:repeat(4,1fr);border:4px solid #6b5138}.wardrobe-board-grid i{background:var(--light)}.wardrobe-board-grid i.dark{background:var(--dark)}.wardrobe-pieces-thumb{display:flex;align-items:center;width:70px;height:55px;flex:none}.wardrobe-pieces-thumb i{width:36px;height:36px;border-radius:50%;border:3px double #af9368;box-shadow:0 3px 1px #0006,inset 0 2px 2px #fff4}.wardrobe-pieces-thumb i+i{margin-left:-6px;margin-top:14px}
.game-wardrobe footer{border-top:1px solid #8b785244;margin-top:16px;padding-top:12px}.game-wardrobe footer>p{font-size:12px;line-height:1.5;color:#c7c9b8;margin:0 0 10px}.game-wardrobe footer>div{display:flex;align-items:center;justify-content:space-between;gap:16px}.game-wardrobe [data-wardrobe-status]{font-size:13px}.game-wardrobe [data-apply-appearance]{background:#c2ac72;color:#17291c;min-width:150px}.game-wardrobe [data-apply-appearance]:hover{background:#d2bd85;color:#17291c}
@media(max-width:740px){html body dialog:has(.game-wardrobe){padding:18px 14px}.wardrobe-layout{grid-template-columns:1fr;gap:12px}.wardrobe-stage{position:static}.wardrobe-stage iframe{height:310px}.wardrobe-items{grid-template-columns:repeat(2,minmax(0,1fr));max-height:270px}.wardrobe-items button{flex-direction:column;align-items:center;text-align:center;gap:6px}.wardrobe-items strong{font-size:12px}.wardrobe-stage p{margin-bottom:0}.game-wardrobe h2{font-size:24px}.game-wardrobe footer>div{align-items:start}.game-wardrobe [data-apply-appearance]{min-width:120px}}

html body #modal:has(.game-wardrobe){width:min(1080px,calc(100vw - 24px))!important;max-width:calc(100vw - 24px)!important;padding:24px!important;background:#10261c!important;box-sizing:border-box!important}
html body #modal .game-wardrobe header,html body #modal .game-wardrobe footer{display:block!important;position:static!important;padding:0!important;height:auto!important;min-height:0!important;background:none!important;margin:0!important;width:100%!important}
html body #modal .game-wardrobe footer{padding-top:12px!important;margin-top:16px!important}
html body #modal .game-wardrobe h2{font:28px/1.2 'Literata',Georgia!important;padding:0 35px 0 0!important;margin:0!important}
html body #modal .game-wardrobe header p{font:13px/1.5 'Golos Text',sans-serif!important;margin:8px 0 16px!important}
html body #modal .game-wardrobe button{font:14px/1.3 'Golos Text',sans-serif!important;background:#1c3326!important;color:#eadfc4!important;box-shadow:none!important;text-shadow:none!important;border:1px solid #706344!important}
html body #modal .game-wardrobe button:hover{background:#304635!important;color:#fff0c4!important}
html body #modal .game-wardrobe button[aria-pressed=true],html body #modal .game-wardrobe [data-apply-appearance]{background:#bda66b!important;color:#18271c!important;border-color:#dcc58b!important}
html body #modal .game-wardrobe button :is(strong,small,span){color:inherit!important;text-shadow:none!important}
html body #modal .game-wardrobe footer>p{font:12px/1.5 'Golos Text',sans-serif!important;margin:0 0 10px!important}
html body #modal .wardrobe-stage p{font:12px/1.5 'Golos Text',sans-serif!important}
@media(max-width:740px){html body #modal:has(.game-wardrobe){padding:18px 14px!important}html body #modal .game-wardrobe h2{font-size:24px!important}}

html body #modal:has(.frame-collection){width:min(820px,calc(100vw - 24px))!important}.frame-collection .wardrobe-layout{grid-template-columns:minmax(0,1fr) minmax(240px,1fr);gap:18px}.frame-collection .frame-stage{min-height:250px}.frame-collection .wardrobe-items button{min-height:62px;padding:12px 14px}@media(max-width:740px){.frame-collection .wardrobe-layout{grid-template-columns:1fr}.frame-collection .frame-stage{min-height:210px}}

.wardrobe-games button{display:inline-flex;align-items:center;justify-content:center;gap:8px;--game-icon-fill:#1b3227}.wardrobe-games button[aria-pressed=true]{--game-icon-fill:#bba570}.wardrobe-games svg{width:30px;height:28px;flex:none}

.wardrobe-games button[aria-pressed=true],.wardrobe-games button[aria-pressed=true]:hover{background:#bba570;color:#182c20}