.loadout-tool{width:100%;color:var(--text);font-family:var(--font-body);flex-direction:column;gap:1rem;display:flex;position:relative}.loadout-tool [hidden],[hidden]{display:none!important}.visually-hidden{clip:rect(0, 0, 0, 0)!important;white-space:nowrap!important;border:0!important;width:1px!important;height:1px!important;margin:-1px!important;padding:0!important;position:absolute!important;overflow:hidden!important}.loadout-statbar{background:var(--surface);border:1px solid var(--line);border-radius:2px;flex-wrap:wrap;justify-content:space-between;align-items:stretch;gap:.75rem;padding:.5rem .85rem;display:flex}.loadout-stat-col{flex-direction:column;justify-content:center;min-width:110px;display:flex}.stat-col-label{font-family:var(--font-heading);color:var(--text-muted);letter-spacing:.08em;text-transform:uppercase;margin-bottom:.15rem;font-size:.68rem;font-weight:800}.stat-col-row{align-items:center;gap:.45rem;display:flex}.stat-val{font-family:var(--font-heading);color:var(--text);font-variant-numeric:tabular-nums;font-size:1.35rem;font-weight:800;line-height:1}.stat-val-sm{font-family:var(--font-heading);color:var(--text);letter-spacing:.04em;font-variant-numeric:tabular-nums;font-size:.88rem;font-weight:700;line-height:1.2}.stat-badge{font-family:var(--font-heading);text-transform:uppercase;letter-spacing:.05em;background:var(--surface-2);border:1px solid var(--line);color:var(--text);cursor:pointer;border-radius:2px;padding:.15rem .4rem;font-size:.68rem;font-weight:800;transition:border-color .15s}.stat-badge:hover{border-color:var(--accent)}.stat-badge.badge-lightest{color:var(--ok);border-color:var(--ok)}.stat-badge.badge-light{color:var(--text);border-color:var(--line)}.stat-badge.badge-medium{color:var(--accent);border-color:var(--accent)}.stat-badge.badge-heavy{color:var(--accent-2);border-color:var(--accent-2)}.stat-badge.badge-superheavy{color:var(--danger);border-color:var(--danger)}.stat-sub-badge{font-family:var(--font-heading);background:var(--surface-2);border:1px solid var(--accent-2);color:var(--accent-2);border-radius:2px;padding:.1rem .35rem;font-size:.65rem;font-weight:800}.stat-link-btn{color:var(--accent);font-family:var(--font-heading);letter-spacing:.05em;cursor:pointer;text-underline-offset:3px;text-align:left;background:0 0;border:none;padding:0;font-size:.68rem;font-weight:700;text-decoration:underline}.stat-link-btn:hover{color:var(--text)}.loadout-stat-actions{align-items:center;gap:.5rem;margin-left:auto;display:flex}.tool-btn{min-height:36px;font-family:var(--font-heading);letter-spacing:.08em;text-transform:uppercase;cursor:pointer;border-radius:2px;justify-content:center;align-items:center;gap:.4rem;padding:.35rem .85rem;font-size:.75rem;font-weight:800;transition:all .15s;display:inline-flex}.tool-btn.btn-primary{background:var(--accent);color:var(--accent-ink);border:1px solid var(--accent)}.tool-btn.btn-primary:hover{background:var(--accent-2);border-color:var(--accent-2)}.tool-btn.btn-secondary{background:var(--surface-2);color:var(--text);border:1px solid var(--line)}.tool-btn.btn-secondary:hover{border-color:var(--accent);color:var(--accent)}.tool-btn.btn-danger{color:var(--danger);border:1px solid var(--line);background:0 0}.tool-btn.btn-danger:hover{border-color:var(--danger);background:var(--surface-2)}.loadout-workspace{grid-template-columns:minmax(0,1.15fr) minmax(0,.95fr);align-items:start;gap:1rem;display:grid}@media (width<=1024px){.loadout-workspace{grid-template-columns:1fr}}.col-section{flex-direction:column;gap:.65rem;margin-bottom:1rem;display:flex}.col-heading{font-family:var(--font-heading);color:var(--accent);letter-spacing:.12em;text-transform:uppercase;align-items:center;gap:.4rem;margin:0;font-size:.82rem;font-weight:800;display:flex}.col-heading:before{content:"";background:var(--accent);width:6px;height:6px;display:inline-block}.weapon-slot-row{grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);gap:.5rem;display:grid}@media (width<=600px){.weapon-slot-row{grid-template-columns:1fr}}.weapon-main-tile{background:var(--surface);border:1px solid var(--line);border-radius:2px;flex-direction:column;justify-content:space-between;min-height:140px;padding:.65rem .75rem;transition:border-color .15s;display:flex;position:relative}.weapon-main-tile:hover{border-color:var(--accent-2)}.weapon-main-tile.full-width{grid-column:1/-1;min-height:80px}.slot-tile-head{align-items:center;gap:.4rem;display:flex}.slot-code{font-family:var(--font-heading);color:var(--accent);font-size:.72rem;font-weight:800}.slot-label{font-family:var(--font-heading);color:var(--text-muted);letter-spacing:.08em;text-transform:uppercase;font-size:.7rem;font-weight:800}.slot-tile-center{align-items:center;gap:.65rem;margin:.4rem 0;display:flex}.item-icon-box{background:var(--surface-2);border:1px solid var(--line);border-radius:2px;flex-shrink:0;justify-content:center;align-items:center;width:52px;height:52px;display:flex;overflow:hidden}.item-icon-box img{object-fit:contain;max-width:100%;max-height:100%}.empty-plus{font-family:var(--font-heading);color:var(--text-muted);font-size:1.25rem;font-weight:700}.item-text-info{flex-direction:column;flex:1;gap:.15rem;min-width:0;display:flex}.item-title{font-family:var(--font-heading);color:var(--text);white-space:nowrap;text-overflow:ellipsis;font-size:.88rem;font-weight:800;overflow:hidden}.item-subtitle{color:var(--text-muted);white-space:nowrap;text-overflow:ellipsis;font-size:.72rem;overflow:hidden}.slot-tile-foot{align-items:center;gap:.4rem;display:flex}.tile-action-btn{background:var(--surface-2);border:1px solid var(--line);color:var(--text);font-family:var(--font-heading);letter-spacing:.06em;cursor:pointer;text-transform:uppercase;border-radius:2px;padding:.2rem .55rem;font-size:.68rem;font-weight:700;transition:all .15s}.tile-action-btn:hover{border-color:var(--accent);color:var(--accent)}.tile-action-btn.btn-unequip{color:var(--danger);border-color:var(--line)}.tile-action-btn.btn-unequip:hover{border-color:var(--danger);background:var(--surface-2)}.weapon-attachments-grid{grid-template-columns:1fr 1fr;grid-auto-rows:minmax(66px,auto);gap:.35rem;display:grid}.attach-tile{background:var(--surface);border:1px dashed var(--line);cursor:pointer;border-radius:2px;flex-direction:column;justify-content:space-between;min-height:66px;padding:.3rem .45rem;transition:all .15s;display:flex}.attach-tile:hover{border-color:var(--accent);border-style:solid}.attach-tile.has-item{border-style:solid;border-color:var(--line);background:var(--surface-2)}.att-head{font-family:var(--font-heading);color:var(--text-muted);letter-spacing:.06em;text-transform:uppercase;font-size:.6rem;font-weight:800}.att-def-tag{color:var(--accent-2);margin-left:.2rem;font-size:.55rem;font-weight:700}.att-body{align-items:center;gap:.35rem;margin-top:.15rem;display:flex}.att-empty-icon{font-family:var(--font-heading);color:var(--text-muted);font-size:.85rem;font-weight:700}.att-thumb{object-fit:contain;flex-shrink:0;width:22px;height:22px}.att-name{font-family:var(--font-body);color:var(--text);white-space:nowrap;text-overflow:ellipsis;max-width:90px;font-size:.68rem;font-weight:600;overflow:hidden}.gear-row{grid-template-columns:repeat(3,1fr);gap:.5rem;display:grid}@media (width<=640px){.gear-row{grid-template-columns:1fr}}.gear-tile{background:var(--surface);border:1px solid var(--line);border-radius:2px;flex-direction:column;justify-content:space-between;min-height:110px;padding:.65rem .75rem;transition:border-color .15s;display:flex}.gear-tile:hover{border-color:var(--accent-2)}.storage-row{grid-template-columns:1fr 1fr;gap:.5rem;margin-bottom:.75rem;display:grid}@media (width<=600px){.storage-row{grid-template-columns:1fr}}.loadout-grid-panel{background:var(--surface);border:1px solid var(--line);border-radius:2px;flex-direction:column;gap:.65rem;padding:.75rem;display:flex}.loadout-grid-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem;display:flex}.grid-name-group{flex:1;align-items:center;gap:.4rem;display:flex}.loadout-name-input{background:var(--surface-2);border:1px solid var(--line);color:var(--text);font-family:var(--font-heading);letter-spacing:.05em;border-radius:2px;min-width:180px;max-width:280px;padding:.35rem .6rem;font-size:.85rem;font-weight:700}.loadout-name-input:focus{border-color:var(--accent);outline:none}.add-item-btn{background:var(--accent);color:var(--accent-ink);border:1px solid var(--accent);font-family:var(--font-heading);cursor:pointer;letter-spacing:.06em;text-transform:uppercase;border-radius:2px;padding:.35rem .75rem;font-size:.72rem;font-weight:800;transition:all .15s}.add-item-btn:hover{background:var(--accent-2);border-color:var(--accent-2)}.backpack-empty-banner{background:var(--surface-2);border:1px dashed var(--line);text-align:center;color:var(--accent);font-family:var(--font-heading);letter-spacing:.08em;text-transform:uppercase;border-radius:2px;padding:2.5rem 1rem;font-size:.95rem;font-weight:800}.loadout-pockets-container{flex-direction:column;gap:.75rem;display:flex}.loadout-pocket-block{background:var(--surface-2);border:1px solid var(--line);border-radius:2px;padding:.65rem}.loadout-pocket-title{font-family:var(--font-heading);color:var(--accent);letter-spacing:.08em;text-transform:uppercase;margin-bottom:.45rem;font-size:.68rem;font-weight:800}.loadout-grid-matrix{border:1px solid var(--line);user-select:none;background:#0006;border-radius:2px;gap:2px;width:fit-content;padding:3px;display:grid;position:relative}.grid-cell{background:var(--surface);box-sizing:border-box;border:1px solid #563f2e80;width:38px;height:38px}.grid-cell.drag-hover{border-color:var(--accent);background:#e2ce5040}.grid-item-token{background:var(--surface-2);border:1px solid var(--accent);cursor:grab;z-index:5;box-sizing:border-box;border-radius:2px;flex-direction:column;justify-content:space-between;padding:2px 4px;transition:transform .1s,box-shadow .1s;display:flex;position:absolute;overflow:hidden}.grid-item-token:hover,.grid-item-token.selected{border-color:var(--accent-2);z-index:10;box-shadow:0 0 6px #e2ce5059}.token-title{font-family:var(--font-heading);color:var(--text);white-space:nowrap;text-overflow:ellipsis;font-size:.62rem;font-weight:800;line-height:1.1;overflow:hidden}.token-badge{font-family:var(--font-heading);color:var(--accent);align-self:flex-end;font-size:.58rem;font-weight:800}.loadout-keys-strip{background:var(--surface-2);border:1px solid var(--line);color:var(--text-muted);border-radius:2px;flex-wrap:wrap;align-items:center;gap:.65rem;padding:.35rem .65rem;font-size:.72rem;display:flex}.keys-title{font-family:var(--font-heading);color:var(--accent);letter-spacing:.08em;margin-right:.15rem;font-weight:800}.key-item{font-family:var(--font-heading);letter-spacing:.04em;align-items:center;gap:.25rem;font-size:.68rem;display:inline-flex}kbd{background:var(--surface);border:1px solid var(--line);font-family:var(--font-heading);color:var(--text);border-radius:2px;padding:.1rem .3rem;font-size:.65rem;font-weight:800}.loadout-reference-drawer{background:var(--surface);border:1px solid var(--line);border-radius:2px;margin-top:1rem}.reference-summary{cursor:pointer;font-family:var(--font-heading);color:var(--accent);letter-spacing:.1em;user-select:none;justify-content:space-between;align-items:center;padding:.65rem 1rem;font-size:.8rem;font-weight:800;display:flex}.reference-summary:hover{color:var(--text)}.reference-content{border-top:1px solid var(--line);color:var(--text-muted);flex-direction:column;gap:.75rem;padding:1rem;font-size:.82rem;line-height:1.5;display:flex}.reference-title{font-family:var(--font-heading);color:var(--text);letter-spacing:.06em;margin:0 0 .5rem;font-size:1.05rem;font-weight:800}.reference-block h3{font-family:var(--font-heading);color:var(--accent-2);letter-spacing:.08em;margin:0 0 .25rem;font-size:.75rem;font-weight:800}.reference-block p{color:var(--text-muted);margin:0;font-size:.8rem}.loadout-modal-backdrop{z-index:1000;background:#000000bf;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.loadout-modal-box{background:var(--surface);border:1px solid var(--line);border-radius:2px;flex-direction:column;width:100%;max-width:680px;max-height:90vh;display:flex;overflow:hidden;box-shadow:0 8px 32px #0009}.loadout-modal-header{border-bottom:1px solid var(--line);background:var(--surface-2);justify-content:space-between;align-items:center;padding:.85rem 1.25rem;display:flex}.loadout-modal-title{font-family:var(--font-heading);color:var(--accent);letter-spacing:.08em;text-transform:uppercase;margin:0;font-size:.95rem;font-weight:800}.loadout-close-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:none;padding:0;font-size:1.5rem;line-height:1}.loadout-close-btn:hover{color:var(--text)}.loadout-modal-body{flex-direction:column;gap:1rem;padding:1.25rem;display:flex;overflow-y:auto}.loadout-search-input{background:var(--surface-2);border:1px solid var(--line);color:var(--text);font-family:var(--font-body);border-radius:2px;width:100%;padding:.45rem .75rem;font-size:.85rem}.loadout-search-input:focus{border-color:var(--accent);outline:none}.loadout-filter-chips{flex-wrap:wrap;gap:.35rem;display:flex}.loadout-chip-btn{background:var(--surface-2);border:1px solid var(--line);color:var(--text-muted);font-family:var(--font-heading);letter-spacing:.05em;cursor:pointer;border-radius:2px;padding:.25rem .55rem;font-size:.68rem;font-weight:700}.loadout-chip-btn.active{background:var(--accent);color:var(--accent-ink);border-color:var(--accent)}.loadout-picker-items{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:.5rem;max-height:480px;display:grid;overflow-y:auto}.loadout-picker-card{background:var(--surface-2);border:1px solid var(--line);cursor:pointer;border-radius:2px;gap:.5rem;padding:.5rem;transition:all .15s;display:flex}.loadout-picker-card:hover{border-color:var(--accent);background:var(--surface)}.loadout-picker-thumb{object-fit:contain;background:var(--surface);border:1px solid var(--line);border-radius:2px;flex-shrink:0;width:44px;height:44px}.loadout-toast{background:var(--accent);color:var(--accent-ink);font-family:var(--font-heading);letter-spacing:.06em;z-index:2000;border-radius:2px;padding:.75rem 1.25rem;font-size:.85rem;font-weight:800;animation:.2s ease-out toastIn;position:fixed;bottom:2rem;right:2rem;box-shadow:0 4px 16px #0006}@keyframes toastIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.tool-page-container[data-astro-cid-en2anfdy]{padding-top:.5rem}.loadout-frame[data-astro-cid-en2anfdy]{width:100%}.doc-attribution[data-astro-cid-en2anfdy]{color:var(--text-muted);font-size:.75rem}