#equipment-test-tools[hidden] {display:none;}
#equipment-test-tools {width:min(100%,960px);margin:24px 0 36px;padding:14px;border:1px solid #776642;border-radius:10px;background:#141d22;color:#ecdfbf;font-size:13px;}
.equipment-test-heading {display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:12px;}
#equipment-test-tools .equipment-set-options {display:flex;gap:5px;}
#equipment-test-tools .equipment-set-options button {width:34px;height:32px;font-size:16px;}
#equipment-test-tools .equipment-set-name {font-size:14px;}
.unequip-all {margin-left:auto;padding:6px 11px;border:1px solid #7f704e;border-radius:5px;background:#2a302e;color:#efddb1;}
.test-inventory {min-height:130px;padding:12px;border:1px dashed #7d7357;border-radius:7px;background:#0b1216;transition:background .12s,border-color .12s;}
.test-inventory-title {display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:10px;}
.test-inventory-title span {font-size:12px;color:#baae91;}
.inventory-items {display:grid;grid-template-columns:repeat(auto-fill,minmax(68px,1fr));gap:7px;max-height:260px;overflow:auto;}
.inventory-item {display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;min-height:82px;padding:6px 3px;border:1px solid #665d45;border-radius:5px;background:linear-gradient(#34352c,#242921);touch-action:none;user-select:none;}
.inventory-item img {width:52px;height:54px;object-fit:contain;pointer-events:none;}
.inventory-item span {font-size:10px;line-height:1.2;pointer-events:none;}
.inventory-empty {grid-column:1/-1;padding:14px;color:#a99f89;text-align:center;}
.equipment-test-status {min-height:18px;margin:9px 0 0;color:#d4bc83;font-size:12px;}
.equipment-slot-control {pointer-events:all;cursor:grab;touch-action:none;outline:none;}
.equipment-slot-control:focus-visible .equipment-slot-hit {stroke:#ffe2a0;stroke-width:3;}
.equipment-slot-control:hover .equipment-item-art {filter:brightness(1.08);}
.equipment-slot-control.is-empty .equipment-item-art {opacity:.65;}
.equipment-drop-active {outline:2px solid #e6c878;outline-offset:-3px;}
.equipment-slot-control.equipment-drop-active .equipment-slot-hit {stroke:#e6c878;stroke-width:4;}
.test-inventory.equipment-drop-active {background:#393a23;border-color:#f4d783;}
.equipment-drag-ghost {position:fixed;z-index:9999;width:72px;height:72px;object-fit:contain;transform:translate(-50%,-50%);filter:drop-shadow(0 4px 5px #0009);pointer-events:none;}
body.equipment-dragging {user-select:none;cursor:grabbing;}
body[data-preview="phone"] .painted-interior .costume-portrait {position:absolute;left:49%;top:-1%;bottom:-1%;width:26%;margin:0;transform:translateX(-50%);z-index:1;overflow:hidden;border:3px solid #b8a47d;border-top-color:#e0cfaa;border-left-color:#d2c09b;border-radius:2px;background:radial-gradient(ellipse at 55% 35%,#635b42 0%,#353a30 46%,#171e1b 100%);box-shadow:0 0 0 1px #74664d,inset 0 0 0 2px #302c24,0 3px 8px #3d30284d;pointer-events:none;}
body[data-preview="phone"] .painted-interior .costume-portrait .costume-character {position:absolute;inset:0;display:block;width:100%;height:100%;max-width:none;max-height:none;transform:none;object-fit:contain;object-position:center bottom;aspect-ratio:auto;animation:none;pointer-events:none;}
body[data-preview="phone"] .painted-interior .costume-portrait[data-costume-kind="event"] .costume-character {inset:auto;top:0;left:50%;width:150%;height:auto;transform:translateX(-50%);}
.costume-test-controls {border-bottom:1px solid #675b40;margin-bottom:14px;padding-bottom:12px;}
.attack-pose-controls {border-bottom:1px solid #675b40;margin-bottom:12px;padding-bottom:12px;}
.attack-pose-controls strong {display:block;margin-bottom:8px;}
.attack-pose-controls button {padding:7px 11px;border:1px solid #817149;border-radius:5px;background:#263034;color:#eddfbc;}
.attack-pose-controls button[aria-pressed="true"] {background:#793323;border-color:#d3ab5e;color:#fff0c2;}
body[data-preview="phone"] .painted-interior .costume-portrait {border:0;border-radius:0;background:none;box-shadow:none;overflow:visible;}
.costume-portrait-window {position:absolute;inset:9.7% 10.8% 5%;overflow:hidden;border-radius:7%;background:radial-gradient(ellipse at 55% 35%,#635b42,#353a30 46%,#171e1b);}
.costume-portrait-frame {position:absolute;inset:0;width:100%;height:100%;object-fit:fill;pointer-events:none;}
.costume-heading {display:flex;align-items:center;flex-wrap:wrap;gap:12px;margin-bottom:10px;}
.costume-sex-options,.costume-model-options {display:flex;flex-wrap:wrap;gap:6px;}
.costume-test-controls button {padding:7px 11px;border:1px solid #817149;border-radius:5px;background:linear-gradient(#353d3d,#20292c);color:#eddfbc;}
.costume-test-controls button[aria-pressed="true"] {background:linear-gradient(#91402a,#531f1b);border-color:#d3ab5e;color:#fff0c2;box-shadow:inset 0 0 0 1px #ab8548;}
.costume-current {color:#cfb879;font-size:12px;}
.costume-test-controls p {color:#b8ab8b;font-size:12px;margin:9px 0 0;}
@media(max-width:600px){#equipment-test-tools {padding:10px;margin-top:18px;} .equipment-test-heading {gap:8px;} .unequip-all {margin-left:0;} }
/* One viewBox keeps the frame, twelve wells and character locked together at every size. */
body[data-preview="phone"] .phone-equipment.phone-equipment-unified:not([hidden]) {
  inset:1.2% 8.1% 1.2%;
}
.phone-equipment-unified .unified-character,
.phone-equipment-unified [data-unified-surface] {pointer-events:none;}
.phone-equipment-unified .costume-character {filter:none;}