/* Three compact carousel rows, shared on desktop/tablet/phone. */
body.halloween-game .costume-person .costume-band{background-size:100% 100%;background-position:center!important;clip-path:none;transform:none}
body.halloween-game .board[data-kind=ghost] .costume-wardrobe{display:flex;flex-direction:column;justify-content:center;gap:8px;overflow:hidden;padding:4px}
body.halloween-game .board[data-kind=ghost] .costume-wardrobe h3{display:block;flex:0 0 auto;margin:0;font-size:clamp(15px,2vw,24px)}
body.halloween-game .costume-carousel{display:grid;grid-template-columns:48px minmax(0,1fr) 48px;align-items:center;gap:8px;min-height:0;flex:0 1 155px}
body.halloween-game .costume-cycle{min-width:44px;min-height:48px;padding:0;border:2px solid #d9b5f1;border-radius:16px;background:#6c3c91;color:#fff1a0;font:bold 42px/1 sans-serif;box-shadow:0 3px #43245f}
body.halloween-game .costume-cycle:active{translate:0 2px;box-shadow:none}
body.halloween-game .costume-current{height:100%;min-height:64px;min-width:0;display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-rows:auto minmax(0,1fr) auto;column-gap:5px;align-items:center;padding:5px 10px;background:#fff6de;border:2px solid #d4b0e8;border-radius:18px;color:#42245d;overflow:hidden}
body.halloween-game .costume-current[aria-pressed=true]{border-color:#a164cc;background:#f3e3ff;box-shadow:0 0 0 2px #a164cc}
body.halloween-game .costume-slot-name{grid-column:1/-1;font-size:12px;font-weight:800;color:#76578d}
body.halloween-game .costume-current-art{grid-row:2;grid-column:1/-1;width:100%;height:100%;min-height:0;object-fit:contain;pointer-events:none}
body.halloween-game .costume-current strong{grid-row:3;font-size:clamp(12px,1.4vw,17px);line-height:1.1}
body.halloween-game .costume-choice-count{grid-row:3;font-size:11px;color:#735885;white-space:nowrap}
body.halloween-game .costume-cycle:focus-visible,body.halloween-game .costume-current:focus-visible{outline:3px solid #168ae6;outline-offset:2px}
@media(max-width:700px){
 body.halloween-game .board[data-kind=ghost]{grid-template-columns:1fr;grid-template-rows:minmax(130px,1fr) minmax(180px,.85fr) auto;gap:5px;padding:4px}
 body.halloween-game .board[data-kind=ghost] .costume-wardrobe{gap:4px;padding:3px;display:flex}
 body.halloween-game .board[data-kind=ghost] .costume-wardrobe h3{display:none}
 body.halloween-game .costume-carousel{grid-template-columns:44px minmax(0,1fr) 44px;gap:8px;flex:1 1 0;min-height:52px}
 body.halloween-game .costume-current{display:grid;grid-template-columns:65px minmax(0,1fr) auto;grid-template-rows:auto auto;padding:2px 8px;min-height:50px;border-radius:12px;column-gap:8px}
 body.halloween-game .costume-current-art{grid-column:1;grid-row:1/3;width:65px;height:44px}
 body.halloween-game .costume-slot-name{grid-column:2;grid-row:1;text-align:left;font-size:10px}
 body.halloween-game .costume-current strong{grid-column:2;grid-row:2;text-align:left;font-size:12px}
 body.halloween-game .costume-choice-count{grid-column:3;grid-row:1/3;font-size:10px}
 body.halloween-game .costume-cycle{font-size:32px;min-height:44px;border-radius:12px}
 body.halloween-game .costume-actions{grid-column:1;display:flex;justify-content:center;min-height:44px}
 body.halloween-game .costume-time{display:none}
 body.halloween-game .costume-finish{min-height:44px;padding:5px 10px;font-size:12px}
 body.halloween-game .costume-person .costume-name{padding:3px;font-size:12px}
}
@media(max-height:520px) and (min-width:701px){
 body.halloween-game .costume-carousel{grid-template-columns:44px minmax(0,1fr) 44px;gap:4px;flex:1 1 0;min-height:44px}
 body.halloween-game .costume-current{min-height:44px;grid-template-columns:55px 1fr auto;grid-template-rows:1fr;padding:2px 6px}
 body.halloween-game .costume-current-art{grid-column:1;grid-row:1;height:42px}
 body.halloween-game .costume-current strong{grid-column:2;grid-row:1;font-size:12px}
 body.halloween-game .costume-choice-count{grid-column:3;grid-row:1}
 body.halloween-game .costume-slot-name{display:none}
}

/* One permanent doll under removable hats, capes and foot-only shoes. */
.costume-permanent-base{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;pointer-events:none}

/* The default accessory preview stays fitted and solid before a choice is confirmed. */
body.halloween-game .costume-band.not-chosen{filter:none;opacity:1}