.inv-root{--cell:clamp(48px, 7.2vh, 64px);--line:#ffffff12;--panel:#0e1113db;--edge:#ffffff1a;--text:#e4e8ea;--dim:#8d979c;--accent:#d9b25a;--ok:#5ec4786b;--bad:#d64a4073;z-index:20;pointer-events:auto;box-sizing:border-box;color:var(--text);-webkit-user-select:none;user-select:none;background:radial-gradient(#0608099e,#060809db);flex-direction:column;justify-content:flex-start;align-items:center;gap:10px;padding-top:max(16px,4vh);font:14px/1.25 system-ui,Segoe UI,sans-serif;display:flex;position:fixed;inset:0}.inv-root[hidden]{display:none}.inv-wrap{align-items:flex-start;gap:14px;max-height:calc(100vh - max(16px,4vh) - 52px);display:flex}.inv-col{background:var(--panel);border:1px solid var(--edge);scrollbar-width:thin;scrollbar-color:#d9b25a8c #ffffff0d;border-radius:6px;max-height:calc(100vh - max(16px,4vh) - 52px);padding:10px 12px 12px;overflow:hidden auto;box-shadow:0 10px 30px #00000073}.inv-col h2{letter-spacing:.16em;color:var(--accent);text-transform:uppercase;align-items:center;gap:6px;margin:0 0 8px;font-size:12px;font-weight:700;display:flex}.inv-col h3{letter-spacing:.03em;color:#b4bdc1;align-items:center;gap:6px;margin:10px 0 5px;font-size:13px;font-weight:600;display:flex}.inv-col h2 .t,.inv-col h3 .t{flex:1}.inv-col .hb{letter-spacing:.04em;text-transform:none;color:var(--text);border:1px solid var(--edge);cursor:pointer;background:#ffffff12;border-radius:3px;padding:3px 8px;font:600 11px system-ui,Segoe UI,sans-serif}.inv-col .hb:hover{background:#d9b25a38;border-color:#d9b25a99}.inv-col h3:first-of-type{margin-top:0}.inv-col h3 .x{cursor:pointer;color:var(--dim)}.inv-col h3 .x:hover{color:var(--text)}.inv-empty{color:#a3adb2;max-width:220px;padding:6px 0;font-size:13px}.inv-grid{background-color:#00000052;background-image:linear-gradient(var(--line) 1px, transparent 1px), linear-gradient(90deg, var(--line) 1px, transparent 1px);background-size:var(--cell) var(--cell);border:1px solid var(--edge);box-sizing:content-box;position:relative}.inv-grids{flex-wrap:wrap;align-items:flex-start;gap:6px;display:flex}.inv-grids.side{flex-wrap:nowrap}.inv-pockets{flex-flow:column wrap;align-content:flex-start;gap:6px;display:flex}.inv-grid.only{background-image:linear-gradient(var(--line) 1px, transparent 1px), linear-gradient(90deg, var(--line) 1px, transparent 1px), repeating-linear-gradient(45deg, #d9b25a12 0 6px, transparent 6px 12px);background-size:var(--cell) var(--cell), var(--cell) var(--cell), auto}.inv-fp{pointer-events:none;z-index:3;border-radius:2px;position:absolute}.inv-fp.ok{background:var(--ok);outline:1px solid #78e696cc}.inv-fp.bad{background:var(--bad);outline:1px solid #f06e64d9}.inv-item{box-sizing:border-box;cursor:grab;background:var(--sw,#555);background-image:linear-gradient(160deg,#ffffff29,#00000061);border:1px solid #ffffff29;border-radius:3px;transition:filter 80ms;position:absolute;overflow:hidden}.inv-item.has-icon{background:color-mix(in srgb, var(--sw,#555) 30%, #1a1f22);background-image:linear-gradient(160deg,#ffffff14,#0000004d)}.inv-item .ic{object-fit:contain;pointer-events:none;filter:drop-shadow(0 2px 2px #0000008c);width:calc(100% - 10px);height:calc(100% - 10px);position:absolute;inset:5px}.inv-item .ic.cells{inset:50% auto auto 50%}.inv-item:hover{filter:brightness(1.22);border-color:#ffffff73}.inv-item.target{outline:2px solid var(--accent);z-index:2}.inv-item.dragging{opacity:.25}.inv-item .n{letter-spacing:-.01em;color:#fff;-webkit-line-clamp:2;text-shadow:0 1px 2px #000,0 0 3px #000;-webkit-box-orient:vertical;font-size:11.5px;font-weight:700;line-height:1.12;display:-webkit-box;position:absolute;top:3px;left:4px;right:3px;overflow:hidden}.inv-item.narrow .n{letter-spacing:-.03em;font-size:11px;font-weight:600;left:3px;right:2px}.inv-item .c{color:#fff;font-variant-numeric:tabular-nums;text-shadow:0 1px 2px #000,0 0 3px #000;font-size:12.5px;font-weight:700;position:absolute;bottom:2px;right:4px}.inv-item .c.empty{color:#ff9b8c}.inv-item .bag{color:#ffffffbf;text-shadow:0 1px 2px #000;font-size:11px;position:absolute;bottom:2px;left:4px}.inv-ghost{z-index:40;pointer-events:none;opacity:.92;cursor:grabbing;position:fixed;box-shadow:0 6px 18px #00000080}.inv-equip{width:calc(var(--cell) * 5.6)}.inv-player{min-width:calc(var(--cell) * 5);max-width:calc(var(--cell) * 8.3 + 30px)}.inv-loot{min-width:calc(var(--cell) * 8)}.inv-slots{grid-template-columns:repeat(3,1fr);gap:6px;display:grid}.inv-wslots{grid-template-columns:1fr 1fr;gap:6px;display:grid}.inv-slot{height:calc(var(--cell) * 1.28);background:#0000004d;border:1px dashed #ffffff24;border-radius:4px;position:relative}.inv-slot.wide{height:calc(var(--cell) * 1.18)}.inv-slot .lbl{text-align:center;letter-spacing:.08em;text-transform:uppercase;color:#8f999e;pointer-events:none;font-size:11px;position:absolute;bottom:3px;left:0;right:0}.inv-slot.filled{border-style:solid;border-color:#fff3}.inv-slot .inv-item{inset:3px}.inv-slot.ok{background:var(--ok)}.inv-slot.bad{background:var(--bad)}.inv-hotbar{grid-template-columns:repeat(5,1fr);gap:6px;display:grid}.inv-hot{height:var(--cell);background:#0000004d;border:1px solid #ffffff1f;border-radius:4px;position:relative}.inv-hot .k{color:var(--accent);z-index:1;text-shadow:0 1px 2px #000;font-size:11px;font-weight:700;position:absolute;top:2px;left:4px}.inv-hot .inv-item{cursor:default;inset:2px}.inv-hot .k{top:auto;bottom:3px;left:5px}.inv-hot.ok{background:var(--ok)}.inv-hot .inv-item.none{filter:grayscale()brightness(.55)}.inv-tip{z-index:50;pointer-events:none;border:1px solid var(--edge);background:#0a0c0df5;border-radius:5px;max-width:290px;padding:8px 10px;position:fixed;box-shadow:0 8px 22px #0000008c}.inv-tip b{margin-bottom:2px;font-size:15px;display:block}.inv-tip .tip-ic{float:right;object-fit:contain;width:64px;height:64px;margin:0 0 4px 10px}.inv-tip .k{color:var(--accent);letter-spacing:.1em;text-transform:uppercase;font-size:11px}.inv-tip p{color:#c9d0d3;margin:6px 0;font-size:13px}.inv-tip .s{color:#a3adb2;justify-content:space-between;gap:14px;font-size:12.5px;display:flex}.inv-tip .s span:last-child{color:var(--text);font-variant-numeric:tabular-nums}.inv-tip em{font-style:normal;font-weight:700}.inv-tip em.up{color:#7fd893}.inv-tip em.down{color:#ff8f80}.inv-tip .cmp{color:var(--accent);margin-top:6px;font-size:11.5px}.inv-menu{z-index:55;border:1px solid var(--edge);background:#101315fa;border-radius:5px;min-width:150px;padding:4px;position:fixed;box-shadow:0 8px 22px #0000008c}.inv-menu button{text-align:left;width:100%;color:var(--text);cursor:pointer;background:0 0;border:0;border-radius:3px;padding:6px 10px;font:14px system-ui,Segoe UI,sans-serif;display:block}.inv-menu button:hover,.inv-menu button:focus-visible{background:#d9b25a2e;outline:none}.inv-hint{text-align:center;color:#a3adb2;letter-spacing:.02em;font-size:13px;position:fixed;bottom:14px;left:0;right:0}.inv-hint kbd{color:var(--text);border:1px solid var(--edge);background:#ffffff14;border-radius:3px;margin:0 2px;padding:1px 5px;font:600 11px system-ui}.inv-toast{z-index:60;pointer-events:none;border:1px solid var(--edge);background:#0e1113eb;border-radius:4px;padding:6px 14px;font-size:13px;transition:opacity .2s;position:fixed;top:18px;left:50%;transform:translate(-50%)}.build-bar{z-index:8;pointer-events:none;color:#e4e8ea;text-shadow:0 1px 2px #000c;flex-direction:column;align-items:center;gap:6px;font:12px/1.2 system-ui,Segoe UI,sans-serif;display:flex;position:fixed;bottom:86px;left:50%;transform:translate(-50%)}.build-bar[hidden]{display:none}.build-bar .bt{letter-spacing:.16em;text-transform:uppercase;color:#d9b25a;font-size:11px;font-weight:700}.build-bar .bt em{color:#5ec478;letter-spacing:.08em;margin-left:8px;font-style:normal}.build-bar .bps{gap:6px;display:flex}.build-bar .bp{text-align:center;background:#0e1113cc;border:1px solid #ffffff1a;border-radius:5px;width:104px;padding:18px 6px 6px;position:relative}.build-bar .bp.sel{background:#282214e6;border-color:#d9b25a;box-shadow:inset 0 0 0 1px #d9b25a}.build-bar .bp.poor small{color:#ff9b8c}.build-bar .bp .k{color:#d9b25a;font-size:11px;font-weight:700;position:absolute;top:4px;left:6px}.build-bar .bp b{font-size:12px;display:block}.build-bar .bp small{color:#9aa4a9;white-space:nowrap;text-overflow:ellipsis;margin-top:3px;font-size:11px;display:block;overflow:hidden}.build-bar .bh{color:#aab3b7;background:#0e1113b3;border-radius:4px;padding:4px 10px;font-size:12px}.build-bar .bh kbd{color:#e4e8ea;background:#ffffff14;border:1px solid #ffffff1f;border-radius:3px;margin:0 2px 0 8px;padding:0 5px;font:600 11px system-ui}.build-bar .bh .msg{color:#ffcf7a;font-weight:600}.lp-root{z-index:25;pointer-events:auto;cursor:crosshair;color:#e4e8ea;-webkit-user-select:none;user-select:none;background:radial-gradient(#0608098c,#060809e0);justify-content:center;align-items:center;font:14px/1.3 system-ui,Segoe UI,sans-serif;display:flex;position:fixed;inset:0}.lp-root[hidden]{display:none}.lp-hurt{z-index:26;pointer-events:none;background:radial-gradient(#c81e1400 40%,#c81e148c);animation:.45s ease-out forwards lp-hurt;position:fixed;inset:0}@keyframes lp-hurt{0%{opacity:1}to{opacity:0}}.lp-panel{background:#0e1113e0;border:1px solid #ffffff1a;border-radius:8px;flex-direction:column;align-items:center;gap:10px;padding:16px 26px 18px;display:flex;box-shadow:0 12px 34px #00000080}.lp-title{letter-spacing:.14em;text-transform:uppercase;color:#d9b25a;margin:0;font-size:13px;font-weight:700}.lp-face{filter:drop-shadow(0 8px 14px #0000008c);width:min(54vh,400px);height:min(54vh,400px)}.lp-root.stressed .lp-face{filter:drop-shadow(0 0 14px #d64a408c)}.lp-info{color:#b4bdc1;min-height:20px;font-size:14px}.lp-info b{color:#fff}.lp-flash{color:#ff9b8c;font-weight:700}.lp-hint{color:#a3adb2;font-size:13px}.lp-hint kbd{color:#e4e8ea;background:#ffffff14;border:1px solid #ffffff1f;border-radius:3px;margin:0 2px 0 8px;padding:1px 5px;font:600 11px system-ui}