.inventory-view #kits{display:flex;align-items:center;justify-content:space-between;margin:0 0 20px;padding:8px 0 16px;gap:12px}
.inventory-view #kits #choose-loadout{margin:0;padding:10px 14px;border:1px solid #48677c;background:#172c39;display:flex;flex-direction:row;gap:24px;align-items:center;font-size:16px;color:var(--text)}
.preview-note{font:11px 'IBM Plex Mono',monospace;color:#9aafbd;letter-spacing:1px}
.inventory-layout{grid-template-columns:minmax(280px,.9fr) minmax(400px,1.2fr)}
.loadout-rail{grid-column:1/-1;display:flex;flex-direction:row;align-items:center;justify-content:space-between;padding:12px 18px;border-right:0;border-bottom:1px solid var(--line)}
.gear-sections{display:flex;gap:4px;background:#0b141c;padding:4px;border:1px solid var(--line)}
.gear-sections button{min-width:110px;min-height:44px;padding:10px 20px;border:0;background:none;color:var(--muted);font:14px 'IBM Plex Mono',monospace}
.gear-sections button[aria-pressed=true]{background:#263f4e;color:#d5f3ff;box-shadow:inset 0 -2px #a2e8f4}
.rail-hint,.filter-toolbar>span{font:12px 'IBM Plex Mono',monospace;color:var(--muted)}
.filter-toolbar{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:16px 0}
.filter-toolbar button{font:14px 'IBM Plex Mono',monospace;min-height:42px;border:1px solid #48677c;background:#172c39;color:var(--text);padding:9px 12px}
#reset-filter{color:#a2e8f4}
.inventory-view .concept-sheet{width:min(560px,calc(100vw - 32px));height:auto;max-height:85dvh;inset:0;margin:auto;border:1px solid #7899ab;padding:0;background:#101e28;overflow:auto}
.concept-sheet .dialog-bar{position:sticky;top:0;z-index:2;display:flex;align-items:center;justify-content:space-between;padding:16px;gap:16px}
.concept-sheet h2{font:500 22px 'Barlow Condensed',sans-serif;margin:0;text-transform:uppercase;letter-spacing:1px}
.concept-sheet .dialog-bar button{min-width:44px;min-height:44px}
.loadout-options{padding:18px;display:grid;gap:12px}
.loadout-option{display:flex;flex-direction:column;text-align:left;gap:10px;padding:22px;border:1px solid #48677c;background:linear-gradient(125deg,#213c4c,#10212e);color:var(--text);font:14px/1.5 'IBM Plex Mono',monospace}
.loadout-option.current{border-color:#a2e8f4;box-shadow:inset 3px 0 #a2e8f4}
.loadout-option strong{font:600 32px 'Barlow Condensed',sans-serif;text-transform:uppercase}
.loadout-option small,.option-number{color:#a2e8f4;font-size:12px}
.loadout-option.unavailable{opacity:.6;background:#15222c}
#filter-options{display:grid;gap:8px;padding:18px}
#filter-options button{display:flex;justify-content:space-between;gap:12px;text-align:left;padding:16px;border:1px solid #344e60;background:#142632;color:var(--text);font:14px 'IBM Plex Mono',monospace}
#filter-options button[aria-pressed=true]{border-color:#a2e8f4;background:#254555}
.swipe-hint{display:none}
@media(max-width:760px){.inventory-layout{grid-template-columns:1fr}.loadout-rail{display:flex;padding:8px}.gear-sections{flex:1}.gear-sections button{flex:1;min-width:0}.rail-hint{display:none}.preview-note{font-size:10px;max-width:85px;text-align:right}.inventory-view #kits #choose-loadout{font-size:14px;gap:16px}.inventory-view .concept-sheet{inset:auto 0 0;width:100%;max-width:100%;margin:0;max-height:90dvh;border-radius:16px 16px 0 0;padding-bottom:env(safe-area-inset-bottom)}.swipe-hint{display:block;font:12px/1.5 'IBM Plex Mono',monospace;text-align:center;color:#314b5e}}
@media(prefers-reduced-motion:reduce){.inventory-view dialog[open]{animation:none}}

/* Desktop keeps loadout tabs; phones use the loadout picker. */
.inventory-view #kits .desktop-loadouts{display:flex;align-items:center;gap:28px}
.inventory-view #kits #choose-loadout{display:none}
.inventory-grid-panel>.gear-sections{margin:0 0 20px;width:fit-content}
@media(max-width:760px){
 .inventory-view #kits .desktop-loadouts{display:none}
 .inventory-view #kits #choose-loadout{display:flex}
 .inventory-grid-panel>.gear-sections{width:100%;margin-bottom:16px}
}