.inventory-view{--bg:#0c1218;--panel:#141e27;--line:#2d404e;--muted:#9aafbd;--accent:#7cdeed;--text:#e9f0f5;background:radial-gradient(ellipse at 40% 20%,#1c2b37 0,transparent 55%),#0c1218}.inventory-view header{height:82px;border-bottom:1px solid #395161;background:#0a1016d9}.inventory-view .wordmark span{color:#7cdeed}.inventory-view main{max-width:1800px;padding:24px 3vw}.inventory-view .topline{font-size:12px}.inventory-view #kits{gap:0;margin:15px 0 22px;border-bottom:1px solid var(--line)}.inventory-view #kits button{font:500 16px 'IBM Plex Mono',monospace;padding:14px 28px 14px 0;margin-right:30px;display:flex;align-items:center;gap:14px}.kit-index{display:inline-grid;place-items:center;width:30px;height:30px;background:#243541;font-size:12px}.inventory-view #kits button[aria-pressed=true] .kit-index{background:var(--accent);color:#0c1218}.inventory-top{display:flex;justify-content:space-between;align-items:center;gap:30px;margin-bottom:25px}.inventory-top h1{font:600 clamp(36px,4vw,66px)/1 'Barlow Condensed',sans-serif;letter-spacing:1px;margin:8px 0}.inventory-top p{font-size:16px;color:var(--muted);margin:8px 0}.inventory-budget{text-align:right;max-width:260px}.inventory-budget strong{display:block;font:500 36px 'IBM Plex Mono',monospace;letter-spacing:-2px;margin:8px 0}.inventory-budget small{font-size:12px;line-height:1.5;color:var(--muted)}.inventory-layout{display:grid;grid-template-columns:155px minmax(290px,1fr) minmax(420px,1.2fr);border:1px solid var(--line);background:#0d151dcc}.loadout-rail{border-right:1px solid var(--line);padding:24px 15px;display:flex;flex-direction:column;gap:12px}.loadout-rail>.eyebrow{padding:0 8px 18px}.loadout-rail>button{font:400 12px 'IBM Plex Mono',monospace;display:flex;gap:10px;text-align:left;padding:16px 6px;border:0;border-left:2px solid transparent;background:transparent;color:var(--muted)}.loadout-rail button span{font-family:Inter,sans-serif;font-size:14px;color:var(--text)}.loadout-rail button:hover,.loadout-rail .rail-active{border-left-color:var(--accent);background:#22323e}.rail-bottom{margin-top:auto;padding:50px 6px 0;display:flex;flex-direction:column;gap:10px;font-size:12px;color:var(--muted)}.rail-bottom strong{font:500 36px 'Barlow Condensed',sans-serif;color:var(--text)}.rail-bottom strong small{font-size:20px;color:var(--muted)}.approval-meter{height:4px;background:#2b3c47}.approval-meter span{display:block;height:100%;background:var(--accent)}.rail-bottom a{margin-top:10px;font-size:14px;color:var(--accent)}.hero-inventory{border-right:1px solid var(--line);background:linear-gradient(#172530,#0f1922);min-width:0}.hero-top{display:flex;justify-content:space-between;padding:20px;color:var(--muted);font:12px 'IBM Plex Mono',monospace;border-bottom:1px solid var(--line);gap:10px}.bag-view{position:relative;margin:22px;background-color:#ccd7de;background-image:linear-gradient(#9eb3c244 1px,transparent 1px),linear-gradient(90deg,#9eb3c244 1px,transparent 1px);background-size:32px 32px;min-height:350px;display:grid;place-items:center;overflow:hidden}.inventory-bag-button{width:100%;background:transparent;border:0;padding:24px 24px 40px;transition:transform .25s}.inventory-bag-button:hover{transform:scale(1.035)}.inventory-bag-button img{height:340px;width:100%;object-fit:contain;mix-blend-mode:multiply}.axis-label{position:absolute;bottom:12px;left:14px;color:#364e5c;font:12px 'IBM Plex Mono',monospace}.inspect-marker{position:absolute;top:45%;right:12%;width:40px;height:40px;background:#0d1825dd;border:1px solid #87e1ed;color:#a7eff8;font-size:28px;box-shadow:0 0 0 6px #12263833}.hero-caption{padding:5px 24px 24px}.hero-caption h2{font:600 38px/1 'Barlow Condensed',sans-serif;text-transform:uppercase;margin:8px 0}.hero-caption>p{font-size:14px;color:var(--muted)}.hero-facts{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin-top:22px;padding:18px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);font-size:14px}.hero-facts small{display:block;font:12px 'IBM Plex Mono',monospace;color:var(--muted);margin-bottom:8px}.inventory-grid-panel{padding:20px;min-width:0}.grid-heading{display:flex;justify-content:space-between;align-items:center;gap:12px}.grid-heading h2{font:500 18px 'Barlow Condensed',sans-serif;letter-spacing:1px;margin:0}.grid-heading>span{font-size:12px;color:var(--muted)}.category-tabs{display:flex;flex-wrap:wrap;gap:6px;margin:18px 0}.category-tabs button{border:1px solid var(--line);background:#12202a;padding:8px 10px;font-size:14px;color:var(--muted)}.category-tabs button[aria-pressed=true]{border-color:var(--accent);color:var(--accent);background:#233d48}.inventory-cells{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;max-height:565px;overflow-y:auto;padding:2px 5px 8px 2px;scrollbar-color:#466071 #101a23}.inventory-cell{display:flex;flex-direction:column;min-width:0;text-align:left;padding:10px;border:1px solid #344854;background:linear-gradient(135deg,#1c2c38,#111d27);position:relative;transition:border-color .15s,background .15s}.inventory-cell:hover,.inventory-cell:focus-visible{border-color:var(--accent);box-shadow:inset 0 0 20px #81dcef0a}.cell-top{display:flex;justify-content:space-between;width:100%;font:12px 'IBM Plex Mono',monospace;color:var(--muted)}.cell-image{height:90px;width:100%;display:grid;place-items:center;margin:10px 0;background:#d3dee4}.cell-image img{width:100%;height:82px;object-fit:contain;mix-blend-mode:multiply}.no-image{font:12px 'IBM Plex Mono',monospace;color:#334e60}.inventory-cell strong{font-size:14px;font-weight:500;line-height:1.4;overflow-wrap:anywhere}.inventory-cell>small{font:12px 'IBM Plex Mono',monospace;margin:8px 0;color:#ccdce7}.cell-status{font-size:12px;color:#b4c1c9;margin-top:auto;border-top:1px solid #344854;padding-top:8px;width:100%}.cell-status.approved{color:var(--green)}.inventory-actions>span{display:block;font-size:12px;color:var(--muted);line-height:1.5;text-align:center;margin-top:10px}.inventory-view .primary{background:#8fe3ef;clip-path:polygon(0 0,calc(100% - 12px) 0,100% 12px,100% 100%,0 100%)}.inventory-view .pending{color:#a1c4d2}.inventory-view .checks{font-size:14px;color:var(--muted)}.inventory-view dialog{position:fixed;inset:0 0 0 auto;margin:0;height:100dvh;max-height:100dvh;width:min(540px,95vw);border:0;border-left:2px solid var(--accent);background:#111d27}.inventory-view .dialog-bar{background:#111d27}.inventory-view .dialog-body{grid-template-columns:1fr}.inventory-view .detail-image img{height:230px;background:#d3dee4}.inventory-view dialog::backdrop{backdrop-filter:blur(2px);background:#06101999}.inventory-view footer{margin-top:24px}@media(min-width:1550px){.inventory-bag-button img{height:430px}.inventory-cells{max-height:680px}}@media(max-width:1150px){.inventory-layout{grid-template-columns:minmax(260px,.9fr) minmax(350px,1.1fr)}.loadout-rail{grid-column:1/-1;flex-direction:row;align-items:center;padding:10px 15px;border-right:0;border-bottom:1px solid var(--line)}.loadout-rail>.eyebrow{padding:0 15px 0 0}.loadout-rail>button{padding:10px}.rail-bottom{display:none}.inventory-cells{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:760px){.inventory-top{display:block}.inventory-budget{text-align:left;max-width:none;margin-top:20px}.inventory-budget strong{font-size:28px}.inventory-layout{grid-template-columns:1fr}.loadout-rail{flex-wrap:wrap}.hero-inventory{border-right:0;border-bottom:1px solid var(--line)}.inventory-bag-button img{height:280px}.bag-view{min-height:300px}.inventory-cells{max-height:none;grid-template-columns:repeat(3,minmax(0,1fr))}.inventory-view #kits button{font-size:14px;gap:8px;margin-right:15px;padding-right:5px}}@media(max-width:480px){.inventory-cells{grid-template-columns:repeat(2,minmax(0,1fr))}.inventory-grid-panel{padding:15px}.inventory-view header{height:auto}.loadout-rail>.eyebrow{display:none}.loadout-rail>button{padding:8px 4px;gap:5px}.loadout-rail button span{font-size:14px}.kit-index{display:none}}
/* Tactical inventory refinements: crisp grid, square image wells, deliberate feedback. */
.inventory-view{--grid-base:#256497;--grid-line:#b1e4ff42;--grid-major:#d5efff70;--well:#f6f8fa;--well-text:#314b5e}.hud-controls{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-top:20px;padding:12px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.grid-palette,.feedback-controls{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.grid-palette>span{font:12px 'IBM Plex Mono',monospace;margin-right:6px;color:var(--muted)}.hud-controls button{background:#13222d;border:1px solid #3d586b;color:#becdd7;padding:9px 12px;font-size:14px;min-height:40px}.hud-controls button[aria-pressed=true]{color:#d8f6ff;border-color:#8bdcff;background:#20455e}.feedback-controls>span{font-size:12px;color:var(--muted)}.inventory-view[data-grid=ice]{--grid-base:#edf5fa;--grid-line:#7094ad26;--grid-major:#5b88a24d}.bag-view{background-color:var(--grid-base);background-image:linear-gradient(var(--grid-major) 1px,transparent 1px),linear-gradient(90deg,var(--grid-major) 1px,transparent 1px),linear-gradient(var(--grid-line) 1px,transparent 1px),linear-gradient(90deg,var(--grid-line) 1px,transparent 1px);background-size:128px 128px,128px 128px,32px 32px,32px 32px;border:1px solid #80c5ee80;box-shadow:inset 0 0 45px #001a3633}.inventory-bag-button{padding:24px 32px 46px}.inventory-bag-button img{background:#f5f8fa;mix-blend-mode:normal;padding:16px;box-shadow:0 14px 28px #03182b40;border:1px solid #cce2ef}.axis-label{color:#e0f3ff;background:#09263ecc;padding:5px 8px;font-size:12px}.inventory-view[data-grid=ice] .axis-label{color:#24485e;background:#f8fcffdd}.inventory-cells{max-height:700px;gap:12px;padding:5px 6px 10px 3px;background-image:linear-gradient(#406c8622 1px,transparent 1px),linear-gradient(90deg,#406c8622 1px,transparent 1px);background-size:24px 24px}.inventory-cell{padding:10px;border-color:#48677c;border-top:2px solid #7dabc6;background:linear-gradient(145deg,#203444,#101d28);box-shadow:inset 0 0 0 2px #0b1720;transition:transform .1s,border-color .1s,box-shadow .1s}.cell-image{aspect-ratio:1/1;height:auto;flex-shrink:0;width:100%;padding:10px;background:var(--well);border:1px solid #acc6d6;overflow:hidden}.cell-image img{width:100%;height:100%;min-height:0;object-fit:contain;mix-blend-mode:normal;display:block}.cell-image .no-image{color:var(--well-text)}.inventory-cell strong{min-height:2.8em}.inventory-cell:hover,.inventory-cell:focus-visible{transform:translateY(-2px);border-color:#b6ecff;box-shadow:inset 0 0 0 2px #18384b,0 0 15px #73cbff25}.inventory-cell:active{transform:translateY(1px) scale(.98);background:#2c526a}.inventory-cell[data-selected=true]{border-color:#b6edff;box-shadow:inset 0 0 0 2px #447793,0 0 18px #7cdeed35}.inventory-view button:active{filter:brightness(1.18)}.inventory-view .dialog-bar{border-bottom:1px solid #6ea3bf}.inventory-view .detail-image img{height:auto;aspect-ratio:1/1;max-height:340px;object-fit:contain;padding:20px;background:var(--well)}.inventory-view dialog[open]{animation:inspector-in .18s ease-out}.inventory-view .cell-status.approved{color:#a1e3b5}.inventory-view .pending{color:#c7dfe9}@keyframes inspector-in{from{opacity:.4;transform:translateX(20px)}to{opacity:1;transform:translateX(0)}}@media(max-width:1100px){.hud-controls{align-items:flex-start;flex-direction:column}}@media(max-width:760px){.inventory-cells{max-height:none}.inventory-bag-button img{height:280px}.inventory-bag-button{padding:20px 34px 48px}}@media(prefers-reduced-motion:reduce){.inventory-view dialog[open]{animation:none}.inventory-cell:hover,.inventory-cell:active{transform:none}}
/* Let the original product photography blend into the inventory surface. */
.inventory-bag-button img{background:transparent;border:0;box-shadow:none;padding:0;mix-blend-mode:multiply}
.inventory-bag-button:hover{transform:scale(1.025)}
.inventory-view .cell-image,.inventory-view .detail-image{background-color:var(--grid-base);background-image:linear-gradient(var(--grid-line) 1px,transparent 1px),linear-gradient(90deg,var(--grid-line) 1px,transparent 1px);background-size:24px 24px}
.inventory-view .cell-image{border-color:transparent}
.inventory-view .cell-image img,.inventory-view .detail-image img{background:transparent;mix-blend-mode:multiply;border:0;box-shadow:none}
.inventory-view .detail-image{padding:14px;align-self:start}
.inventory-view .detail-image .source-note{padding:10px;background:#101c29;color:#c1d2df;margin:12px 0 0}
.inventory-view .inventory-bag-button:active,.inventory-view .inventory-cell:active{filter:none}
/* One interface typeface across labels, controls and equipment tiles. */
.inventory-view{--hud-font:'IBM Plex Mono',monospace}
.inventory-view button,.inventory-view .loadout-rail button span,.inventory-view .inventory-cell strong,.inventory-view .inventory-cell small,.inventory-view .view-switch a,.inventory-view .desk,.inventory-view .primary,.inventory-view .axis-label{font-family:var(--hud-font);font-weight:400;letter-spacing:.025em}
.inventory-view .category-tabs button,.inventory-view .hud-controls button,.inventory-view .loadout-rail button,.inventory-view .primary,.inventory-view .view-switch a{font-size:14px;line-height:1.5}
.inventory-view .inventory-cell strong{font-size:14px;line-height:1.5}
.inventory-view .loadout-rail>button{flex-wrap:wrap}
.inventory-view #kits .coming-kit{padding:14px 0;margin-right:30px}.inventory-view .hud-controls{justify-content:space-between}
.inventory-view header{height:auto;min-height:90px;flex-wrap:wrap;padding-top:14px;padding-bottom:14px;gap:18px}.inventory-view header .feedback-controls{margin-left:auto;gap:7px}.inventory-view header .feedback-controls button{font:400 12px/1.4 'IBM Plex Mono',monospace;border:1px solid var(--line);background:#152431;padding:9px 10px;min-height:38px;color:var(--muted)}.inventory-view header .feedback-controls button[aria-pressed=true]{border-color:#83c3da;color:#d5f3ff}.inventory-view header #feedback-note{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}@media(max-width:900px){.inventory-view header .feedback-controls{margin-left:0}.inventory-view header .view-switch{order:4;width:100%;justify-content:center}}@media(max-width:500px){.inventory-view header .feedback-controls{width:100%;order:3}.inventory-view header .feedback-controls button{flex:1}}

.inventory-cell:active,.inventory-bag-button:active{transform:scale(.98)}@media(prefers-reduced-motion:reduce){.inventory-cell:active,.inventory-bag-button:active{transform:none}}

/* Contain photo blending inside a stable grid surface in every interaction state. */
.inventory-view .cell-image,.inventory-view .detail-image,.inventory-view .bag-view{isolation:isolate}
.inventory-view .inventory-cell,.inventory-view .inventory-bag-button{filter:none}

/* Responsive polish: stable card rhythm and compact mobile equipment. */
.inventory-cell>small{margin-top:auto;padding-top:12px;margin-bottom:0;line-height:1.5}
.inventory-cell .item-description{margin-bottom:8px}
.inventory-view .cell-image.apparel-photo{background:#edf0f2;background-image:none;padding:8px}
.inventory-view .apparel-photo img{mix-blend-mode:normal;object-fit:contain}
.category-tabs:empty{display:none}
@media(max-width:760px){
 .inventory-view main{padding:16px 12px}
 .inventory-view header{padding:12px;gap:10px;min-height:0}
 .inventory-view header .view-switch{margin:0}
 .inventory-view #kits{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:0 0 16px;align-items:stretch}
 .inventory-view #kits button,.inventory-view #kits .coming-kit{margin:0;padding:10px 2px;min-width:0;font-size:14px;line-height:1.4;justify-content:center;text-align:center;gap:4px;flex-direction:column}
 .inventory-view #kits .coming-kit small{font-size:12px;padding:2px 3px}
 .inventory-top{margin-bottom:16px}
 .inventory-budget{margin-top:12px}
 .inventory-budget strong{margin:4px 0;font-size:26px}
 .inventory-top p{margin:6px 0}
 .loadout-rail{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));padding:6px;gap:4px}
 .loadout-rail>.eyebrow{display:none}
 .inventory-view .loadout-rail>button{flex-wrap:nowrap;justify-content:center;gap:4px;padding:8px 2px;min-height:44px;font-size:12px}
 .inventory-view .loadout-rail button span{font-size:14px;letter-spacing:0}
 .hero-inventory{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start}
 .hero-top{grid-column:1/-1;padding:12px}
 .bag-view{margin:12px 0 12px 12px;min-height:0;align-self:stretch}
 .inventory-bag-button{padding:14px 10px 28px}
 .inventory-bag-button img{height:180px}
 .axis-label{font-size:10px;left:4px;bottom:6px;padding:3px;letter-spacing:0}
 .inspect-marker{width:32px;height:32px;font-size:22px;right:8%;box-shadow:0 0 0 3px #12263833}
 .hero-caption{padding:16px 12px}
 .hero-caption h2{font-size:28px}
 .hero-caption>p{margin:6px 0}
 .hero-facts{gap:8px;margin-top:12px;padding:10px 0;grid-template-columns:1fr;font-size:12px}
 .hero-facts small{margin-bottom:2px;font-size:10px}
 .inventory-grid-panel{padding:12px}
 .category-tabs{margin:12px 0;gap:6px}
 .category-tabs button{min-height:40px;padding:6px 8px}
 .inventory-cells{gap:10px;padding:2px 0 8px}
 .inventory-cell{padding:8px}
 .inventory-cell strong{letter-spacing:0}
 .inventory-view .creator-footer{gap:10px;padding:18px 0;margin-top:16px}
}
@media(min-width:480px) and (max-width:760px){.inventory-view header .view-switch{width:auto;order:0}.inventory-view .inventory-bag-button img{height:200px}}
@media(max-width:479px){.inventory-view header .brand-logo{width:155px}.inventory-view header .view-switch{width:100%;padding:2px}.inventory-view .view-switch a{padding:6px 10px}}
@media(max-width:360px){.inventory-view .loadout-rail{align-items:stretch}.inventory-view .loadout-rail>button{flex-direction:column;gap:2px}.inventory-view .loadout-rail button span{white-space:nowrap}}