body #equipment-groups{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:0 26px 14px;padding:0}
body #equipment-groups[hidden]{display:none}
body .equipment-group-total{display:none}
body .equipment-group-name{min-width:0;word-break:keep-all;line-height:1.5}
/* Mobile controls belong to the row, independent of item names and card toggles. */
@media(max-width:600px){
body #wizard-items .separate-actions .exchange-pair{display:grid!important;grid-template-columns:minmax(0,1fr) 14px minmax(0,1fr) 48px!important;gap:0!important;padding:0!important;align-items:stretch!important;min-height:112px!important}
body #wizard-items .separate-actions .exchange-pair>.paired-before{grid-column:1!important;grid-row:1!important}
body #wizard-items .separate-actions .exchange-pair>.paired-after{grid-column:3!important;grid-row:1!important}
body #wizard-items .separate-actions .exchange-pair>.paired-before,body #wizard-items .separate-actions .exchange-pair>.paired-after{display:block!important;min-width:0!important;width:auto!important;padding:12px 4px!important;margin:0!important}
body #wizard-items .separate-actions .exchange-pair .comparison-item{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:flex-start!important;gap:7px!important;min-height:0!important;height:auto!important;padding:0!important}
body #wizard-items .separate-actions .comparison-item>div{min-width:0!important;width:100%;text-align:center}
body #wizard-items .separate-actions .comparison-item strong{overflow-wrap:anywhere;line-height:1.5!important}
body #wizard-items .separate-actions .exchange-pair>.pair-arrow{grid-column:2;grid-row:1;margin:0!important;align-self:center}
body #wizard-items .separate-actions .selection-row-actions{grid-column:4!important;grid-row:1!important;display:flex!important;align-items:center;justify-content:center;min-width:0;padding:6px 2px;border-left:1px solid #344b5b}
body #wizard-items .separate-actions .selection-row-actions .item-exchange-cost{display:none!important}
body #wizard-items .separate-actions .selection-row-actions [data-remove]{position:static!important;transform:none!important;display:flex!important;align-items:center;justify-content:center;flex:0 0 44px;width:44px!important;min-width:44px!important;height:44px!important;min-height:44px!important;padding:0!important;margin:0!important;box-sizing:border-box;border:1px solid #ad6979;border-radius:5px;background:#542e3a;color:#f5e0e5!important;font-size:0!important}
body #wizard-items .separate-actions .selection-row-actions [data-remove]:after{content:'삭제';font-size:12px;font-weight:500}
body #wizard-items .separate-actions .selection-row-actions [data-remove]:focus-visible{outline:2px solid #f5d494;outline-offset:2px}
body #wizard-items .separate-actions .pair-heading{display:grid!important;grid-template-columns:minmax(0,1fr) 14px minmax(0,1fr) 48px!important;gap:0!important;padding:10px 0!important}
body #wizard-items .separate-actions .pair-heading>span:nth-child(1){grid-column:1}
body #wizard-items .separate-actions .pair-heading>span:nth-child(2){grid-column:3}
body #wizard-items .separate-actions .selection-action-heading{grid-column:4;color:#cbd7df!important;font-size:11px}
}
@media(orientation:portrait) and (max-width:600px){
body.items-mode #wizard-items .separate-actions .exchange-pair{grid-template-columns:57px minmax(0,1fr) 48px!important;gap:6px!important;padding:8px 0 8px 4px!important}
body.items-mode #wizard-items .separate-actions .exchange-pair>.paired-before,body.items-mode #wizard-items .separate-actions .exchange-pair>.paired-after{grid-column:2!important;grid-row:1!important;padding:4px!important}
body.items-mode #wizard-items .separate-actions .exchange-pair[data-card-side=after]>.paired-before,body.items-mode #wizard-items .separate-actions .exchange-pair[data-card-side=before]>.paired-after{display:none!important}
body.items-mode #wizard-items .separate-actions .exchange-pair>.selection-row-actions{grid-column:3!important;grid-row:1!important}
body.items-mode #wizard-items .separate-actions .pair-heading{grid-template-columns:57px minmax(0,1fr) 48px!important;gap:6px!important;padding-left:4px!important}
body.items-mode #wizard-items .separate-actions .pair-heading>span:nth-child(1){display:none}
body.items-mode #wizard-items .separate-actions .pair-heading>span:nth-child(2){grid-column:2}
body.items-mode #wizard-items .separate-actions .selection-action-heading{grid-column:3}
}
@media(max-width:600px){
body .equipment-result-heading{display:flex;align-items:center;justify-content:space-between;gap:10px}
body .equipment-group-total{display:flex;flex-shrink:0;align-items:baseline;justify-content:flex-end;gap:6px;white-space:nowrap}
body .equipment-group-total small{font-size:11px;font-weight:400;color:#c0ccd4}
body .equipment-group-total b{font-size:15px;font-weight:600;color:#ffe0a1}
body .paired-comparisons:has(>.equipment-result-heading) .paired-after .item-with-icon>.item-exchange-cost{display:none!important}
body .category-row.has-items .paired-comparisons:has(>.equipment-result-heading) .paired-after .item-with-icon{grid-template-rows:44px minmax(36px,auto) 30px}
body #wizard-review .paired-comparisons:has(>.equipment-result-heading) .paired-after .item-with-icon{grid-template-rows:44px minmax(36px,auto)}
}
body #equipment-groups button{min-height:43px;border:1px solid #506b7e;border-radius:5px;background:#1b3040;color:#c6d8e5;font-size:15px;font-weight:500}
body #equipment-groups button[aria-pressed=true]{border-color:#c8ac70;background:#50452d;color:#ffdf9d;box-shadow:inset 0 -2px #c8ac70}
body #picker.equipment-one-part .exchange-layout{grid-template-columns:minmax(0,1fr)!important}
body #picker.equipment-one-part #slot-nav{display:none!important}
body .equipment-result-heading{margin:0;padding:9px 12px;background:#213948;border-top:1px solid #496371;border-bottom:1px solid #496371;color:#e3d0a2;font-size:13px;font-weight:500;text-align:left}
body .equipment-result-heading.equipment-group-weapon{background:#302d25;border-color:#65563b;color:#e4ca93;box-shadow:inset 3px 0 #ae8d50}
body .equipment-result-heading.equipment-group-armor{background:#223341;border-color:#435d72;color:#bfd6e8;box-shadow:inset 3px 0 #779bb6}
body .equipment-result-heading.equipment-group-accessory{background:#302c3e;border-color:#5b4e6d;color:#d6c5e9;box-shadow:inset 3px 0 #a38aba}
body #equipment-groups [data-equipment-group=weapon][aria-pressed=true]{background:#302d25;border-color:#ae8d50;color:#e4ca93;box-shadow:inset 0 -2px #ae8d50}
body #equipment-groups [data-equipment-group=armor][aria-pressed=true]{background:#223341;border-color:#779bb6;color:#bfd6e8;box-shadow:inset 0 -2px #779bb6}
body #equipment-groups [data-equipment-group=accessory][aria-pressed=true]{background:#302c3e;border-color:#a38aba;color:#d6c5e9;box-shadow:inset 0 -2px #a38aba}
@media(max-width:650px){body #equipment-groups{gap:6px;margin:0 14px 12px}body #equipment-groups button{font-size:13px;min-height:39px}body #picker #slot-nav{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:6px}body #picker #slot-nav button{font-size:11px;padding:7px 3px;min-height:36px}body #picker .exchange-layout{gap:12px!important}body .equipment-result-heading{font-size:12px;padding:8px 10px}}