body[data-screen="units"] .screen:has(.equipment-scene) { padding:0; }
.equipment-scene { min-height:100%; padding:22px 26px; background:radial-gradient(ellipse at 25% 65%,#645b46,#242b33 66%); display:flex; flex-direction:column; }
.equipment-heading { display:flex; justify-content:space-between; gap:12px; align-items:center; margin-bottom:15px; }
.equipment-heading h1 { font:23px/1.4 "Yu Mincho",serif; margin:0; }
.equipment-heading select { width:auto; max-width:55%; font-size:14px; padding:6px 12px; }
.equipment-layout { display:grid; grid-template-columns:38% minmax(0,1fr); gap:24px; flex:1; min-height:0; }
.equipment-hero { display:flex; flex-direction:column; justify-content:center; align-items:center; background:radial-gradient(ellipse,#ac947b19,transparent 70%); align-self:start; position:sticky; top:20px; padding-top:50px; }
.equipment-hero .equipment-figure { width:195px!important; height:auto!important; aspect-ratio:848/1264; max-width:100%; }
.equipment-hero strong { font:21px serif; margin-top:12px; }
.equipment-panel { padding:19px 22px; background:linear-gradient(145deg,#29313cee,#171f29f5); border:1px solid #ae987064; box-shadow:inset 0 0 0 3px #17212d60; min-width:0; }
.equipment-sectionbar { display:flex; justify-content:space-between; color:#e1c993; border-bottom:1px solid #786e5760; padding-bottom:7px; margin-bottom:12px; }
.equipment-slot { display:flex; gap:12px; align-items:center; width:100%; text-align:left; padding:10px 12px; background:#151d27; border:1px solid #555d66; margin:8px 0; border-radius:0; font-size:14px; }
.equipment-slot .item-ico,.equipment-slot img { width:36px; height:36px; object-fit:contain; }
.equipment-slot small { margin-left:auto; color:#babebc; }
.equipment-slot.is-selected { border-color:#dfc481; background:linear-gradient(90deg,#90723d4a,#1a232e); }
.equipment-stats { display:grid; grid-template-columns:1fr 1fr; gap:14px; border-top:1px solid #6b6558; margin-top:18px; padding-top:14px; font-size:14px; }
.equipment-choices .card { background:#151d27; border-radius:0; box-shadow:none; }
.equipment-choices .card .note { border:0; color:#a7d1b6; padding-left:0; }
.equipment-hero strong { text-align:center; overflow-wrap:anywhere; max-width:100%; }
.equipment-pagination { display:flex; justify-content:center; align-items:center; gap:12px; margin-top:16px; }
.equipment-pagination button { min-width:44px; min-height:44px; font-size:22px; padding:2px 10px; }
.equipment-pagination span { white-space:nowrap; font-size:16px; }
.equipment-slot,.equipment-stats { font-size:16px; }
@media(max-width:700px) {
 .equipment-scene { padding:16px 12px; }
 .equipment-layout { grid-template-columns:minmax(0,1fr); gap:20px; }
 .equipment-hero { padding-top:0; position:static; }
 .equipment-hero .equipment-figure { width:105px!important; }
 .equipment-hero strong { font-size:17px; }
 .equipment-panel { padding:12px 9px; }
 .equipment-slot { padding:8px 5px; gap:5px; flex-wrap:wrap; font-size:14px; }
 .equipment-slot .item-ico,.equipment-slot img { width:25px; height:25px; }
 .equipment-stats { grid-template-columns:1fr; gap:8px; font-size:14px; }
 .equipment-choices .card { padding:8px; }
 .equipment-choices .card-head { flex-wrap:wrap; }
 .equipment-choices .name { font-size:14px; }
 .equipment-sectionbar { font-size:14px; gap:4px; }
}

.equipment-slot,.equipment-stats { font-size:16px; }

.equipment-outfit { margin-top:24px; padding-top:16px; border-top:1px solid var(--line); }
.equipment-outfit h2 { font-size:18px; }
.equipment-outfit select { width:100%; max-width:420px; min-height:44px; font-size:16px; }