.inv-grid{grid-template-columns:minmax(0,1fr) minmax(0,1.7fr);align-items:start;gap:16px;display:grid}.inv-col{min-width:0}.inv-col-stack{flex-direction:column;gap:16px;display:flex}.inv-cells{grid-template-columns:repeat(auto-fill,minmax(64px,1fr));gap:8px;display:grid}.inv-cell{aspect-ratio:1;color:var(--text-dim);border:1px solid var(--panel-border);background:#ffffff05;place-items:center;transition:color .25s,border-color .25s,background .25s,transform .2s;display:grid;position:relative}.inv-cell svg{width:26px;height:26px}.inv-cell:hover,.inv-cell:focus-visible{color:var(--accent);border-color:var(--accent-line);background:var(--accent-soft);transform:translateY(-2px)}.inv-cell.is-equipped{color:var(--accent);border-color:var(--accent-line);background:linear-gradient(135deg, var(--accent-soft), transparent 65%);box-shadow:inset 0 0 18px #a3ff120f}.inv-count{color:var(--text-dim);font-size:10px;position:absolute;bottom:3px;right:5px}.inv-cell.is-equipped .inv-count{color:var(--accent)}.inv-cell.is-empty{pointer-events:none;background:#ffffff03;border:1px dashed #ffffff1a}.inv-tip{z-index:200;pointer-events:none;border:1px solid var(--accent-line);clip-path:polygon(8px 0,100% 0,100% calc(100% - 8px),calc(100% - 8px) 100%,0 100%,0 8px);background:#0b0f0d;flex-direction:column;gap:4px;width:max-content;max-width:260px;padding:10px 13px;display:flex;position:fixed}.inv-tip-kind{letter-spacing:.22em;text-transform:uppercase;color:var(--text-faint);font-size:9px}.inv-tip-name{font-family:var(--font-display);letter-spacing:.04em;color:var(--text);font-size:14px;font-weight:600}.inv-tip-specs{flex-direction:column;gap:2px;margin-top:2px;list-style:none;display:flex}.inv-tip-specs li{color:var(--text-dim);padding-left:12px;font-size:10.5px;position:relative}.inv-tip-specs li:before{content:"▸";color:var(--accent);position:absolute;left:0}.inv-tip-bonus{border-top:1px solid var(--panel-border);color:var(--accent);margin-top:4px;padding-top:6px;font-size:10.5px}.inv-kicker{letter-spacing:.26em;text-transform:uppercase;color:var(--text-faint);font-size:9px}.inv-status-portrait{aspect-ratio:16/12;object-fit:cover;object-position:center 20%;border:1px solid var(--accent-line);clip-path:polygon(12px 0,100% 0,100% calc(100% - 12px),calc(100% - 12px) 100%,0 100%,0 12px);background:#060906;width:100%;display:block}.inv-states-block{flex-direction:column;gap:8px;margin-top:14px;display:flex}.inv-states{gap:6px;display:flex}.inv-state{text-align:center;font-family:var(--font-display);letter-spacing:.2em;text-transform:uppercase;color:var(--text-faint);border:1px solid var(--panel-border);background:#ffffff05;flex:1;padding:7px 0;font-size:11px;font-weight:700}.inv-state.is-active{color:var(--accent);border-color:var(--accent-line);background:var(--accent-soft);text-shadow:0 0 12px #a3ff1273}.inv-state.is-active:before{content:"▸ "}.inv-status-stats{border-top:1px solid var(--panel-border);flex-direction:column;gap:8px;margin-top:12px;padding-top:12px;display:flex}.inv-status-stats ul{flex-direction:column;list-style:none;display:flex}.inv-status-stats li{border-bottom:1px solid #ffffff0a;justify-content:space-between;align-items:baseline;gap:12px;padding:6px 0;font-size:11.5px;display:flex}.inv-status-stats li:last-child{border-bottom:none;padding-bottom:0}.inv-status-stats b{color:var(--accent);white-space:nowrap;font-weight:400}.inv-status-stats span{color:var(--text-faint);text-align:right;min-width:0}.inv-slots{grid-template-columns:1fr 1fr;gap:8px;display:grid}.inv-slot{border:1px solid var(--accent-line);background:linear-gradient(135deg, var(--accent-soft), transparent 65%);text-align:center;flex-direction:column;align-items:center;gap:6px;padding:16px 8px 12px;transition:background .25s,box-shadow .25s;display:flex}.inv-slot:hover,.inv-slot:focus-visible{box-shadow:inset 0 0 22px #a3ff1214}.inv-slot svg{width:26px;height:26px;color:var(--accent)}.inv-slot b{font-size:11.5px;font-weight:600;line-height:1.3}.inv-slot-bonus{color:var(--accent);font-size:9.5px}.inv-slot i{letter-spacing:.18em;text-transform:uppercase;color:var(--text-faint);margin-top:2px;font-size:9px;font-style:normal}.inv-bodyslots{grid-template-columns:1fr 1fr;gap:8px;margin-top:8px;display:grid}.inv-bodyslot{border:1px solid var(--accent-line);background:linear-gradient(135deg, var(--accent-soft), transparent 70%);text-align:left;align-items:center;gap:10px;padding:9px 12px;transition:box-shadow .25s;display:flex}.inv-bodyslot:hover,.inv-bodyslot:focus-visible{box-shadow:inset 0 0 18px #a3ff1214}.inv-bodyslot svg{width:18px;height:18px;color:var(--accent);flex-shrink:0}.inv-bodyslot b{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-size:11px;font-weight:600;line-height:1.25;overflow:hidden}.inv-bodyslot i{letter-spacing:.14em;text-transform:uppercase;color:var(--text-faint);flex-shrink:0;font-size:8px;font-style:normal}.inv-slot.is-empty,.inv-bodyslot.is-empty{box-shadow:none;background:#ffffff03;border:1px dashed #ffffff1f}.inv-slot.is-empty b,.inv-bodyslot.is-empty b{color:var(--text-faint);opacity:.7;font-weight:400}.inv-group{flex-direction:column;gap:8px;margin-top:16px;display:flex}.inv-stash{margin-top:16px}.inv-buffs-empty{letter-spacing:.18em;text-transform:uppercase;color:var(--text-faint);margin:0;padding:14px 0 6px;font-size:10.5px}.inv-group .inv-buffs-empty{padding:2px 0}@media (max-width:860px){.inv-grid{grid-template-columns:1fr}.inv-cells{grid-template-columns:repeat(4,1fr)}}@media (max-width:480px){.inv-bodyslots{grid-template-columns:1fr}}
