/* The board switches without resizing the inventory or moving the backpack. */
#panel-inventory .inventory-equipment>header{display:flex;align-items:center;justify-content:space-between;gap:10px}
#panel-inventory .inventory-costume-toggle{display:flex;align-items:center;justify-content:center;gap:6px;min-height:36px;padding:4px 10px;border:1px solid #a17e47;border-radius:2px;background:linear-gradient(120deg,#59412888,#201b15 75%);box-shadow:inset 0 1px #eac58144,inset 0 0 0 2px #100f0d,0 2px 5px #0006;color:#e7d1a1;font:13px Georgia,serif}
#panel-inventory .inventory-costume-toggle>img{width:27px;height:29px;object-fit:contain;filter:drop-shadow(0 2px 3px #000)}
#panel-inventory .inventory-costume-toggle[aria-pressed=true]{border-color:#e2bc78;background:linear-gradient(115deg,#7e552c,#352619 80%);box-shadow:inset 0 1px #ffe5ad66,inset 0 0 0 2px #271d12,0 0 10px #ba863a2b;color:#fff0cb}
#panel-inventory .inventory-equipment-stage{display:grid;isolation:isolate;min-width:0}
#panel-inventory .inventory-equipment-stage>.inventory-equipment-body,#panel-inventory .inventory-equipment-stage>.inventory-costumes{grid-area:1/1;min-width:0}
#panel-inventory .inventory-equipment-stage>.is-inactive{visibility:hidden;pointer-events:none}
#panel-inventory .inventory-costumes{position:relative;isolation:isolate;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:17px;width:100%;padding:16px 12px;margin:0;background:radial-gradient(ellipse at 50% 30%,#9b70362b,transparent 68%),linear-gradient(125deg,#20221f88,#0b1015c9),var(--ever-stone)}
#panel-inventory .inventory-costumes:before{content:'';position:absolute;z-index:-1;inset:12px;border:1px solid #a68a4b33;box-shadow:inset 0 0 30px #0007;pointer-events:none}
#panel-inventory .inventory-costume-piece{display:flex;flex-direction:column;align-items:center;gap:4px;max-width:100%;padding:0 12px}
#panel-inventory .inventory-costume-slot{padding:0 8px 4px;gap:5px;border:0;background:none;box-shadow:none;color:#cfb77c;font:13px Georgia,serif;touch-action:pan-y}
#panel-inventory .costume-slot-art{width:74px;height:80px;background:radial-gradient(ellipse,#44352270,#0a101588 70%),url('/ui/assets/theme/everidle-v1/slot-1.svg') center/100% 100% no-repeat}
#panel-inventory .costume-body .costume-slot-art{height:120px}
#panel-inventory .costume-slot-art img{max-width:60px;max-height:104px;object-fit:contain;filter:drop-shadow(0 4px 5px #000a)}
#panel-inventory .costume-head .costume-slot-art img{max-height:65px}
#panel-inventory .costume-slot-art svg{width:31px;height:38px;color:#8f7d57}
#panel-inventory .inventory-costume-piece>small{max-width:100%;color:#d8ceae;font:13px/1.3 Georgia,serif;text-align:center}
#panel-inventory .inventory-costume-slot:hover .costume-slot-art{filter:brightness(1.16)}
@media(max-width:650px){#panel-inventory .inventory-costume-toggle{min-height:34px;padding:3px 8px;font-size:12px}#panel-inventory .inventory-costume-toggle>img{width:25px;height:27px}#panel-inventory .inventory-costumes{gap:13px}}