:root{color-scheme:dark;--bg:#12170f;--panel:#20271b;--line:#586348;--ink:#edf0dd;--muted:#b5bb9e;--accent:#c9da73;font:13px system-ui,sans-serif}
*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0;color:var(--ink);background:radial-gradient(circle at 20% 0%,#303723,var(--bg) 45%)}
main{max-width:1580px;margin:0 auto;padding:14px}.page-header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin:0 0 10px}.eyebrow{margin:0 0 4px;color:var(--accent);font:700 11px/1 monospace;letter-spacing:.14em}h1{margin:0;font-size:22px}#status{min-height:1.3em;margin:7px 0 0;color:var(--muted)}
a{padding:7px 10px;color:var(--ink);text-decoration:none;background:#252b1e;border:1px solid var(--line);border-radius:4px}
#players{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;align-items:stretch}.player{display:grid;grid-template-rows:auto 1fr auto;min-width:0;padding:9px;background:#172013;border:1px solid #59634d;box-shadow:0 8px 22px #0004}.player-header{display:flex;align-items:center;justify-content:space-between;gap:7px;min-height:27px}.player h2{margin:0;overflow:hidden;font-size:16px;text-overflow:ellipsis;white-space:nowrap}.badge{font-size:11px;white-space:nowrap;color:#93d66c}.badge.offline{color:#a7aca1}
.inventory{display:grid;grid-template-columns:repeat(10,minmax(0,1fr));gap:4px;margin-top:8px}.slot{position:relative;min-width:0;aspect-ratio:1;overflow:hidden;background:#141a11;border:2px solid #59634d;border-radius:3px}.slot.empty{opacity:.42}.icon-frame{display:block;width:100%;height:100%;overflow:hidden}.icon-frame img{display:block;width:auto;max-width:none;height:100%;image-rendering:auto}.slot .count{position:absolute;right:1px;bottom:0;color:#fff;font:800 11px/1.05 monospace;text-shadow:1px 1px 1px #000,-1px -1px 1px #000}.quality-uncommon{border-color:#6bd66d!important}.quality-rare{border-color:#63a5ee!important}.quality-epic{border-color:#be7aee!important}.quality-legendary{border-color:#e0a73b!important}
.armor{display:flex;align-items:flex-start;gap:10px;min-height:332px;margin-top:10px;padding-top:8px;border-top:1px solid #435037}.armor-slot{position:relative;flex:0 0 58px;width:58px;height:58px;overflow:hidden;background:#141a11;border:2px solid #8e987c;border-radius:3px}.armor-slot.empty{opacity:.42}.armor-slot .icon-frame{width:100%;height:100%}.armor-slot .quality-label{position:absolute;left:2px;bottom:1px;padding:1px 3px;color:#fff;background:#000a;font:700 9px/1 monospace}
.equipment-wrap{min-width:0;overflow:auto}.equipment-title{margin:0 0 5px;color:var(--muted);font-size:11px}.equipment-grid{display:grid;grid-template-columns:repeat(var(--grid-width),24px);grid-template-rows:repeat(var(--grid-height),24px);gap:1px;width:max-content;padding:1px;background:#586348}.equipment-cell{grid-column:var(--x);grid-row:var(--y);background:#11170d}.equipment{z-index:1;position:relative;overflow:hidden;padding:0;background:#2d3b20;border:1px solid #c9da73;border-radius:2px}.equipment .icon-frame{width:100%;height:100%}.equipment .icon-frame img{height:100%;width:auto;max-width:none;display:block}.equipment .quality-label{position:absolute;right:1px;bottom:0;color:#fff;background:#0009;font:700 8px/1 monospace}
.empty-note{grid-column:1/-1;margin:0;padding:18px;color:var(--muted);background:var(--panel);border:1px solid var(--line)}
@media(max-width:1120px){#players{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:720px){main{padding:9px}.page-header{gap:10px}#players{grid-template-columns:1fr}.inventory{gap:3px}.armor{min-height:282px}.equipment-grid{grid-template-columns:repeat(var(--grid-width),20px);grid-template-rows:repeat(var(--grid-height),20px)}}
.icon-frame img.equipment-sprite{width:100%;height:100%;max-width:100%;object-fit:contain}
.player-data-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;margin-top:9px}.player-data{min-width:0;padding:6px;background:#29272a;border:1px solid #171719;box-shadow:inset 0 0 0 1px #5d595d}.player-data h3{margin:0 0 5px;color:#f1dfb9;font-size:11px;text-transform:uppercase;letter-spacing:.04em}.data-state,.muted{margin:0;color:#c4c1bc;font-size:11px}.data-state{color:#a7dc78;font-weight:700}.logistic-section{margin-top:5px;font-size:11px}.filter-list,.shortcut-list{display:flex;flex-wrap:wrap;gap:3px;margin-top:3px}.filter-token,.shortcut{padding:2px 4px;color:#e7dfcd;background:#3f3c3f;border:1px solid #696469;border-radius:2px;font:10px/1.2 monospace}.shortcut.toggled{border-color:#e5c363;background:#68552d}.tiny-grid{display:grid;grid-template-columns:repeat(8,20px);gap:2px}.tiny-slot{position:relative;display:block;width:20px;height:20px;overflow:hidden;background:#333034;border:1px solid #171719;box-shadow:inset 0 0 0 1px #646064}.tiny-slot.empty{opacity:.45}.tiny-slot .icon-frame{display:flex;align-items:center;justify-content:center}.tiny-slot img{width:auto;max-width:none;height:100%}.tiny-slot b{position:absolute;right:0;bottom:0;color:#fff;font:700 7px/1 monospace;text-shadow:1px 1px #000}.gun-grid{display:flex;flex-wrap:wrap;gap:3px}.gun{display:flex;gap:2px;padding:2px;background:#343135;border:1px solid #5d585e}.gun.selected-gun{border-color:#e5c363;background:#66532e}.quickbar-page{display:grid;grid-template-columns:repeat(10,20px);gap:2px;width:max-content;margin:3px 0;padding:3px;background:#343135;border:1px solid #5d585e}.quickbar-page.active-page{border-color:#e5c363}.blueprint-list{display:flex;flex-wrap:wrap;gap:3px}.blueprint-token{display:inline-flex;align-items:center;gap:3px;max-width:100%;padding:2px 4px;overflow:hidden;color:#ddd6c3;background:#3b383c;border:1px solid #625e63;font-size:10px;white-space:nowrap;text-overflow:ellipsis}.blueprint-token .icon-frame{width:18px;height:18px;flex:0 0 18px}.blueprint-token img{height:100%;width:auto}@media(max-width:720px){.player-data-grid{grid-template-columns:1fr}}
.icon-frame{display:block!important;overflow:hidden!important}.icon-frame img,.tiny-slot img,.blueprint-token img{display:block!important;width:auto!important;height:100%!important;max-width:none!important;object-fit:initial!important;object-position:left top!important}.icon-frame img.equipment-sprite,.equipment .icon-frame img.equipment-sprite{width:100%!important;height:100%!important;max-width:100%!important;object-fit:contain!important;object-position:center!important}.weapon-row{display:flex;align-items:center;gap:4px;margin:3px 0}.weapon-label{flex:0 0 64px;color:#c4c1bc;font-size:10px}.weapon-grid{display:flex;gap:3px}.tiny-slot.selected-gun{border-color:#e5c363;background:#66532e}