:root{--bg: #1e1a13;--panel: #2b241a;--panel-border: #4a3f2d;--slot: #3a3226;--slot-border: #5a4d38;--text: #e8ddc8;--muted: #9c8f74;--gold: #c9a86a;--good: #6ce46c;--bad: #e46c6c;--warn: #e4b76c}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:14px/1.5 -apple-system,Segoe UI,sans-serif}button{font:inherit;background:var(--slot);color:var(--text);border:1px solid var(--slot-border);border-radius:4px;padding:.15rem .6rem;cursor:pointer}input,textarea{font:inherit;background:var(--bg);color:var(--text);border:1px solid var(--slot-border);border-radius:4px;padding:.25rem .4rem}h1{font-size:1.3rem;margin:0;color:var(--gold)}.muted{color:var(--muted)}.small{font-size:.8rem}.delta-good{color:var(--good)}.flagged{color:var(--warn)}.app{display:flex;min-height:100vh}.side{width:220px;flex-shrink:0;border-right:1px solid var(--panel-border);padding:.75rem;display:flex;flex-direction:column;gap:1rem;position:sticky;top:0;height:100vh;overflow:hidden}.account{display:flex;flex-direction:column;gap:.35rem}.recompute-all{align-self:flex-start;font-size:.8rem;margin-top:.1rem}.boss-list{display:flex;flex-direction:column;flex:1;min-height:0;overflow-y:auto;scrollbar-gutter:stable;padding-right:.3rem}.boss-list button{background:none;border:none;text-align:left;padding:.25rem .4rem}.boss-list button:hover{background:var(--slot)}.boss-list button.active{color:var(--gold);font-weight:600}.import-row{display:flex;gap:.3rem}.import-row input{min-width:0;flex:1}.account-panel>summary{cursor:pointer;display:flex;align-items:center;gap:.35rem;font-weight:600;color:var(--text);list-style:none}.account-panel>summary::-webkit-details-marker{display:none}.account-panel>summary:before{content:"▸";color:var(--muted);font-size:.7rem}.account-panel[open]>summary:before{content:"▾"}.account-panel.needs-setup{border-left:2px solid var(--gold);padding-left:.5rem;margin-left:-.5rem}.account-panel.needs-setup>summary{color:var(--gold)}.setup-dot{color:var(--gold);font-size:.6rem}.account-body{display:flex;flex-direction:column;gap:.4rem;margin-top:.5rem}.account-body textarea{width:100%}.account-body>button:not(.clear-data){align-self:flex-start}.account-status{margin:.1rem 0 0;word-break:break-word}.account-group{font-size:.7rem;letter-spacing:.05em;text-transform:uppercase;color:var(--muted);margin-top:.5rem;padding-bottom:.15rem;border-bottom:1px solid var(--panel-border)}.clear-data{align-self:flex-start;margin-top:.6rem;background:none;color:var(--bad);border-color:var(--bad)}.clear-data:hover{background:var(--bad);color:var(--bg)}.page{flex:1;padding:1rem 1.25rem;min-width:0}.page-head{display:flex;justify-content:space-between;align-items:baseline;gap:1rem;flex-wrap:wrap}.page-title{display:flex;align-items:baseline;gap:.8rem;flex-wrap:wrap}.page-title .numbers{font-size:.95rem}.encounter-controls{display:flex;align-items:center;gap:.9rem;flex-wrap:wrap;margin:.5rem 0}.encounter-controls .slayer-toggle{margin-top:0}.controls-actions{display:flex;gap:.4rem}.slayer-icon{width:34px;height:34px}.slayer-icon img{max-width:26px;max-height:26px}.drops-block{margin-top:.6rem}.drops-head{cursor:pointer;list-style:none}.drops-head::-webkit-details-marker{display:none}.drops-head:before{content:"▾";color:var(--muted);font-size:.8rem;margin-right:.35rem}.drops-block:not([open])>.drops-head:before{content:"▸"}.drop-name{display:flex;align-items:center;gap:.5rem}.drop-icon{width:22px;height:22px;object-fit:contain;flex-shrink:0}.block{background:var(--panel);border:1px solid var(--panel-border);border-radius:6px;padding:.7rem .9rem;margin-top:.8rem}.block-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.error-card{border:1px solid var(--bad);color:var(--bad);border-radius:6px;padding:.5rem .8rem;margin-top:.8rem}.gear-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:.4rem}.gear-slot{display:flex;flex-direction:column;align-items:flex-start;padding:.35rem .5rem;min-height:3.2rem;text-align:left}.gear-slot .slot-label{font-size:.65rem;letter-spacing:.08em;color:var(--muted);text-transform:uppercase}.gear-slot .slot-item{font-size:.85rem}.gear-slot.empty .slot-item{color:var(--muted)}.gear-slot.not-owned{border-color:var(--bad);border-style:dashed}.gear-meta{color:var(--muted);font-size:.85rem;margin-top:.5rem}.drops{border-collapse:collapse;margin-top:.4rem}.drops td{padding:.15rem 1.2rem .15rem 0}.picker-backdrop{position:fixed;inset:0;background:#0000008c;z-index:10;display:flex;align-items:center;justify-content:center}.picker{background:var(--bg);border:2px solid var(--panel-border);border-radius:8px;padding:.8rem;width:min(560px,92vw);max-height:80vh;overflow-y:auto}.picker-head{display:flex;justify-content:space-between;margin-bottom:.5rem}.picker-head button{margin-left:.4rem}.picker-group{color:var(--muted);font-size:.7rem;letter-spacing:.08em;text-transform:uppercase;margin:.6rem 0 .2rem}.picker-row{display:flex;justify-content:space-between;width:100%;background:none;border:none;padding:.25rem .4rem}.picker-row:hover{background:var(--slot)}.equip-screen{flex-shrink:0;display:flex;flex-direction:column;gap:4px;align-items:center;background:var(--panel);padding:.6rem;border-radius:6px}.equip-row{display:flex;gap:4px}.equip-cell{position:relative;width:52px;height:52px;display:flex;align-items:center;justify-content:center;padding:2px;background:var(--slot);border:1px solid var(--slot-border);border-radius:4px;overflow:hidden}.equip-cell img{max-width:40px;max-height:40px}.equip-cell.empty{opacity:.55}.equip-cell.not-owned{border-color:var(--bad);border-style:dashed}.equip-fallback{font-size:.55rem;line-height:1.1;text-align:center;color:var(--muted);word-break:break-word}.equip-gap{width:52px;height:52px}.equip-missing{position:absolute;top:1px;right:3px;color:var(--bad);font-size:.8rem}.phase-body{display:flex;gap:1rem;align-items:flex-start;flex-wrap:wrap}.panel-body{display:flex;flex-wrap:wrap;gap:.8rem;align-items:flex-start}.phase-controls{flex:1;min-width:200px;display:flex;flex-direction:column;gap:.35rem}.control-row{display:flex;align-items:baseline;gap:.4rem;flex-wrap:wrap}.control-label{color:var(--muted);font-size:.7rem;letter-spacing:.08em;text-transform:uppercase;min-width:4.2rem}.chips{display:flex;flex-wrap:wrap;gap:.25rem}.chip{font-size:.78rem;padding:.1rem .5rem;border-radius:10px;background:var(--slot);border:1px solid var(--slot-border)}.chip.on{border-color:var(--gold);color:var(--gold)}button.link{background:none;border:none;color:var(--muted);text-decoration:underline;padding:0;cursor:pointer;align-self:flex-start}.slayer-toggle{display:flex;gap:.35rem;align-items:center;color:var(--muted);font-size:.85rem;margin-top:.3rem}.reseed{margin-left:.6rem}.attribution{margin-top:auto}.attribution a{color:var(--muted)}select{background:var(--bg);color:var(--text);border:1px solid var(--slot-border);border-radius:4px;padding:.15rem .3rem}.tabs{display:flex;flex-wrap:wrap;gap:.25rem;align-items:center;margin:.4rem 0 .6rem}.tab{font-size:.82rem;padding:.15rem .55rem;border-radius:4px 4px 0 0;background:var(--slot);border:1px solid var(--slot-border)}.tab.on{border-color:var(--gold);color:var(--gold)}.tab.dead{opacity:.35;cursor:default}.tab-dps{color:var(--muted);font-size:.72rem;margin-left:.2rem}.tab.spec-tab{border-radius:4px;font-weight:600;margin-left:.25rem}.tab.spec-tab:before{content:"⚡ "}.tab.on .tab-dps{color:var(--gold)}.panel{display:flex;flex-direction:column;gap:.5rem;min-width:300px;flex:1}.panel-head{display:flex;flex-direction:column;gap:.15rem}.head-top{display:flex;gap:.5rem;align-items:baseline}.metrics{line-height:1.7}.maxhit{display:inline-flex;align-items:center;gap:.3rem;color:var(--muted);font-size:.82rem;vertical-align:middle}.picker-item{display:flex;align-items:center;gap:.45rem}.picker-item img{width:24px;height:24px;object-fit:contain}.picker-dps{white-space:nowrap}.boss-toggles{display:flex;gap:1rem;align-items:center;flex-wrap:wrap;margin-top:.3rem}.best-panel{opacity:.92}.best-panel .equip-cell{cursor:default}.panel-head .link{margin-left:.5rem}.phase-title{display:flex;align-items:center;gap:.5rem}.phase-img{width:36px;height:36px;object-fit:contain}.boss-filter{width:100%;margin-bottom:.3rem;font-size:.85rem}.icon-grid{display:flex;flex-wrap:wrap;gap:2px;max-width:240px}.icon-toggle{width:30px;height:30px;padding:2px;display:flex;align-items:center;justify-content:center;background:var(--slot);border:1px solid var(--slot-border);border-radius:4px;opacity:.45;filter:grayscale(.6)}.icon-toggle img{max-width:22px;max-height:22px}.icon-toggle:hover{opacity:.8;filter:none}.icon-toggle.on{opacity:1;filter:none;border-color:var(--gold);box-shadow:0 0 4px var(--gold) inset}.buff-menu summary{display:flex;align-items:center;gap:4px;cursor:pointer;list-style:none;min-height:30px}.buff-menu summary:before{content:"▸";color:var(--muted);font-size:.7rem}.buff-menu[open] summary:before{content:"▾"}.buff-menu summary img{width:20px;height:20px;object-fit:contain}.buff-menu .icon-grid{margin:4px 0 6px 1.2rem}.icon-fallback{font-size:.55rem;color:var(--muted)}.boss-list button{display:flex;align-items:center;gap:.45rem}.boss-icon{width:22px;height:22px;object-fit:contain;flex-shrink:0}.buff-summary{display:flex;align-items:center;gap:3px;flex-wrap:wrap}.buff-summary img{width:20px;height:20px;object-fit:contain}.controls-heading{color:var(--gold);font-size:.72rem;letter-spacing:.1em;border-bottom:1px solid var(--panel-border);padding-bottom:2px;margin-top:.3rem}.boss-row{display:flex;align-items:center}.boss-row>button:first-child{flex:1}.boss-row .pin{background:none;border:none;color:var(--muted);opacity:0;padding:0 .3rem}.boss-row:hover .pin,.boss-row .pin.on{opacity:1}.boss-row .pin.on{color:var(--gold)}.list-heading{color:var(--gold);font-size:.68rem;letter-spacing:.1em;margin:.2rem 0}.boss-list .boss-filter{margin:.4rem 0 .3rem}.icon-toggle.locked{cursor:default}.locked-menu{display:flex;align-items:center;gap:4px;min-height:30px}.locked-menu img{width:20px;height:20px;object-fit:contain}.raid-controls{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap;margin-top:.3rem}.raid-controls input{width:4.2rem}.class-block+.class-block{border-top:1px dashed var(--slot-border);margin-top:.9rem;padding-top:.7rem}.class-head{display:flex;gap:.5rem;align-items:baseline;margin-bottom:.4rem;color:var(--gold);cursor:pointer;list-style:none}.class-head:before{content:"▸";color:var(--muted);font-size:.75rem}.class-block[open]>.class-head:before{content:"▾"}.copy-menu{display:inline-block;position:relative;margin-left:.5rem}.copy-menu summary{list-style:none;cursor:pointer;color:var(--muted);text-decoration:underline;font-size:.85rem}.copy-options{position:absolute;left:0;top:1.4rem;z-index:10;background:var(--panel);border:1px solid var(--slot-border);border-radius:4px;padding:.35rem .5rem;display:flex;flex-direction:column;gap:.3rem;align-items:flex-start;white-space:nowrap;box-shadow:0 2px 8px #00000080}.copy-options .link{text-decoration:none}.copy-options .link:hover{color:var(--gold)}.load-menu{display:inline-block;position:relative;margin-left:.4rem}.load-menu summary{list-style:none;cursor:pointer;color:var(--muted);text-decoration:underline;font-size:.85rem}.load-menu summary:hover{color:var(--gold)}.load-options{position:absolute;left:0;top:1.4rem;z-index:10;max-height:16rem;overflow-y:auto;background:var(--panel);border:1px solid var(--slot-border);border-radius:4px;padding:.35rem .5rem;display:flex;flex-direction:column;gap:.3rem;align-items:flex-start;white-space:nowrap;box-shadow:0 2px 8px #00000080}.load-options .link{text-decoration:none}.load-options .link:hover{color:var(--gold)}.load-tag{color:var(--muted);font-size:.72rem;text-transform:uppercase;letter-spacing:.03em}.load-divider{align-self:stretch;height:1px;background:var(--slot-border);margin:.15rem 0}.phase-weight input{width:3.2rem;padding:.05rem .2rem;margin:0 .15rem}.block.phase>summary.block-head{cursor:pointer;list-style:none}.block.phase>summary.block-head::-webkit-details-marker{display:none}.block.phase>summary.block-head .phase-title:before{content:"▾";color:var(--muted);font-size:.8rem;margin-right:.35rem}.block.phase:not([open])>summary.block-head .phase-title:before{content:"▸"}.block.phase:not([open])>summary.block-head{margin-bottom:0}.settings-row{display:flex;align-items:center;gap:.4rem;font-size:.85rem;padding:.1rem 0}.settings-row input{margin:0}.hitsplat{position:relative;display:inline-grid;place-items:center;width:24px;height:22px;vertical-align:middle}.hitsplat-img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}.hitsplat-value{position:relative;color:#fff;font-weight:700;font-size:.78rem;line-height:1;text-shadow:0 1px 1px rgba(0,0,0,.6)}.reset-encounter{color:var(--bad)}.side-section>summary{cursor:pointer;display:flex;align-items:center;gap:.35rem;font-weight:600;color:var(--text);list-style:none}.side-section>summary::-webkit-details-marker{display:none}.side-section>summary:before{content:"▸";color:var(--muted);font-size:.7rem}.side-section[open]>summary:before{content:"▾"}.side-section .section-active{color:var(--gold)}.side-section-body{display:flex;flex-direction:column;gap:.15rem;margin-top:.35rem}.tag-group>summary{cursor:pointer;list-style:none;color:var(--gold);font-size:.68rem;text-transform:uppercase;letter-spacing:.06em;margin:.25rem 0 .1rem}.tag-group>summary::-webkit-details-marker{display:none}.lib-row{display:flex;align-items:center;gap:.2rem;font-size:.85rem;padding:.05rem 0}.lib-pick{display:flex;align-items:center;gap:.35rem;flex:1;min-width:0;cursor:pointer}.lib-pick input{margin:0}.lib-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lib-row.picked .lib-name{color:var(--gold)}.lib-btn{background:none;border:none;color:var(--muted);cursor:pointer;padding:0 .15rem;font-size:.8rem;flex:none}.lib-btn:hover{color:var(--text)}.lib-del:hover{color:var(--bad)}.save-loadout{margin-left:.4rem}.boss-section{flex:1;min-height:0;display:flex;flex-direction:column}.boss-section[open]{overflow:hidden}.boss-section>summary{flex:none}.boss-section[open] .boss-list{flex:1;min-height:0}.boss-section::details-content{display:contents}.compare-view{display:flex;flex-direction:column;min-height:0}.compare-view h1{margin-bottom:.4rem}.compare-scroll{overflow:auto;border:1px solid var(--panel-border);border-radius:6px}.compare-table{border-collapse:collapse;width:100%;font-size:.85rem}.compare-table th,.compare-table td{padding:.3rem .7rem;border-bottom:1px solid var(--panel-border);text-align:right;white-space:nowrap}.compare-table thead th{position:sticky;top:0;background:var(--panel);z-index:1;border-bottom:1px solid var(--slot-border);vertical-align:bottom}.compare-table th.cmp-enc,.compare-table td.cmp-enc{text-align:left;position:sticky;left:0;background:var(--bg)}.compare-table thead th.cmp-enc{background:var(--panel);z-index:2}.cmp-tag{display:block;font-size:.68rem;color:var(--muted);font-weight:400;text-transform:uppercase;letter-spacing:.04em}.cmp-col-name,.cmp-dps{font-weight:600}.cmp-delta{margin-left:.4rem;font-size:.76rem}.cmp-cell.up .cmp-delta{color:var(--good)}.cmp-cell.up{background:#6ce46c0f}.cmp-cell.down .cmp-delta{color:var(--muted)}.cmp-cell.win{background:#6ce46c14}.cmp-cell.win .cmp-dps{color:var(--good)}.cmp-expand{background:none;border:none;color:var(--text);cursor:pointer;padding:0;font:inherit;text-align:left}.cmp-row td{border-bottom:1px solid var(--panel-border)}.cmp-fav{background:none;border:none;cursor:pointer;color:var(--muted);font-size:.85rem;padding:0 .3rem 0 0;line-height:1}.cmp-fav.on,.cmp-fav:hover{color:var(--gold)}.cmp-section td{border-bottom:1px solid var(--slot-border)}.cmp-section-head{text-align:left!important;background:var(--panel);color:var(--muted);font-size:.68rem;font-weight:600;letter-spacing:.08em;padding:.3rem .7rem;position:sticky;left:0}.cmp-phase-row td{color:var(--muted);border-bottom:1px dotted var(--panel-border)}.cmp-phase-row .cmp-dps{font-weight:400}.cmp-phase{padding-left:1.4rem!important}.compare-nav{width:100%;text-align:left;background:var(--slot);border:1px solid var(--slot-border);margin-bottom:.3rem;font-size:.82rem}.compare-nav.section-active{border-color:var(--gold);color:var(--gold)}.lib-row{display:flex;align-items:center;justify-content:space-between;gap:.3rem;width:100%;background:none;border:none;text-align:left;padding:.12rem .3rem;font-size:.85rem;color:var(--text)}.lib-row:hover{background:var(--slot)}.lib-row .lib-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lib-row .lib-edit{color:var(--muted);flex:none;opacity:0}.lib-row:hover .lib-edit{opacity:1}.cmp-toolbar{display:flex;align-items:center;gap:.6rem;margin-bottom:.6rem}.cmp-add-menu{position:relative;display:inline-block}.cmp-add-menu>summary{list-style:none;cursor:pointer;display:inline-block;background:var(--slot);border:1px solid var(--slot-border);border-radius:6px;padding:.2rem .7rem;font-size:.85rem;color:var(--gold)}.cmp-add-menu>summary::-webkit-details-marker{display:none}.cmp-add-menu>summary:hover{border-color:var(--gold)}.cmp-add-options{position:absolute;left:0;top:1.95rem;z-index:20;min-width:12rem;max-height:18rem;overflow-y:auto;background:var(--panel);border:1px solid var(--slot-border);border-radius:6px;padding:.35rem .5rem;display:flex;flex-direction:column;gap:.3rem;align-items:flex-start;box-shadow:0 2px 10px #00000080}.cmp-add-options .link{text-decoration:none;white-space:nowrap}.cmp-add-options .link:hover{color:var(--gold)}.cmp-group-picker{display:inline-flex;align-items:center;gap:.3rem;flex-wrap:wrap}.cmp-group-select{font-size:.9rem;padding:.15rem .4rem}.cmp-group-btn{background:var(--slot);border:1px solid var(--slot-border);border-radius:5px;padding:.15rem .5rem;font-size:.8rem;color:var(--text);cursor:pointer}.cmp-group-btn:hover{border-color:var(--gold)}.cmp-group-btn.danger:hover{border-color:var(--bad);color:var(--bad)}.cmp-save{font-size:.8rem}.cmp-save-saved{color:var(--good)}.cmp-save-saving{color:var(--muted)}button.ok{border-color:var(--good)!important;color:var(--good)}.cmp-metric{display:inline-flex;align-items:center;gap:.25rem}.cmp-metric select{font-size:.8rem;padding:.1rem .3rem}.cmp-modified{color:var(--gold);font-weight:700;margin-left:.1rem}.tag-input{display:flex;flex-wrap:wrap;align-items:center;gap:.25rem;padding:.15rem .3rem;border:1px solid var(--slot-border);border-radius:5px;background:var(--slot);max-width:16rem}.tag-input:focus-within{border-color:var(--gold)}.tag-chip{display:inline-flex;align-items:center;gap:.15rem;font-size:.7rem;padding:.05rem .15rem .05rem .4rem;border-radius:10px;background:var(--panel);border:1px solid var(--slot-border);color:var(--gold);text-transform:uppercase;letter-spacing:.03em;white-space:nowrap}.tag-chip-x{background:none;border:none;color:var(--muted);cursor:pointer;font-size:.9rem;line-height:1;padding:0}.tag-chip-x:hover{color:var(--bad)}.tag-input-field{background:none;border:none;outline:none;font-size:.78rem;flex:1;min-width:4rem;color:var(--text);padding:.1rem}.cmp-tagchip{display:inline-block;font-size:.62rem;padding:0 .3rem;margin-right:.2rem;border-radius:8px;background:var(--slot);border:1px solid var(--slot-border);color:var(--muted);text-transform:uppercase;letter-spacing:.03em}.loadouts-head{display:flex;align-items:baseline;gap:1rem;flex-wrap:wrap}.loadouts-groupby{display:inline-flex;align-items:center;gap:.3rem}.loadouts-groupby button{background:var(--slot);border:1px solid var(--slot-border);border-radius:5px;padding:.1rem .5rem;font-size:.8rem;color:var(--text);cursor:pointer}.loadouts-groupby button.active{border-color:var(--gold);color:var(--gold)}.editor-load-menu{position:relative;display:inline-block}.editor-load-menu>summary{list-style:none;cursor:pointer;display:inline-block;background:var(--slot);border:1px solid var(--slot-border);border-radius:5px;padding:.2rem .5rem;font-size:.85rem}.editor-load-menu>summary::-webkit-details-marker{display:none}.editor-load-menu>summary:hover{border-color:var(--gold)}.editor-load-opts{position:absolute;right:0;bottom:2.1rem;z-index:30;min-width:13rem;max-height:16rem;overflow-y:auto;background:var(--panel);border:1px solid var(--slot-border);border-radius:6px;padding:.35rem .5rem;display:flex;flex-direction:column;gap:.3rem;align-items:flex-start;box-shadow:0 -2px 10px #00000080}.editor-load-opts .link{text-decoration:none;white-space:nowrap}.editor-load-opts .link:hover{color:var(--gold)}.cmp-chip-tag{color:var(--muted);font-size:.7rem;margin-left:.25rem}.cmp-col-head{display:flex;align-items:baseline;gap:.3rem;justify-content:flex-end}.cmp-col-ctrls{display:inline-flex;align-items:center;gap:.1rem}.cmp-sort{background:none;border:none;color:var(--muted);cursor:pointer;padding:0 .1rem;font:inherit}.cmp-sort:hover,.cmp-sort.on{color:var(--gold)}.cmp-enc .cmp-sort{color:var(--text);font-weight:inherit}.cmp-enc .cmp-sort.on{color:var(--gold)}.cmp-sort-glyph{font-size:.7rem;color:var(--muted)}.cmp-sort.on .cmp-sort-glyph{color:var(--gold)}.cmp-col-ctrls .cmp-sort{font-size:.7rem}.cmp-col-move{background:none;border:none;color:var(--muted);cursor:pointer;font-size:.68rem;line-height:1;padding:0 .1rem}.cmp-col-move:hover:not(:disabled){color:var(--gold)}.cmp-col-move:disabled{opacity:.25;cursor:default}.cmp-col-remove{background:none;border:none;color:var(--muted);cursor:pointer;font-size:1rem;line-height:1;padding:0 .1rem}.cmp-col-remove:hover{color:var(--bad)}.cmp-icon{width:20px;height:20px;object-fit:contain;vertical-align:middle;margin-right:.35rem}.loadout-editor{background:var(--bg);border:2px solid var(--panel-border);border-radius:8px;padding:.9rem;width:min(680px,94vw);max-height:88vh;overflow-y:auto}.editor-head{display:flex;align-items:center;gap:.5rem}.editor-name{flex:1;font-size:1rem;font-weight:600}.editor-tag{font-size:.78rem;text-transform:uppercase;letter-spacing:.03em}.editor-close{background:none;border:none;color:var(--muted);font-size:1rem}.editor-close:hover{color:var(--text)}.editor-ref{display:flex;align-items:center;gap:.4rem;margin:.5rem 0}.editor-body{display:flex;flex-wrap:wrap;gap:1rem;align-items:flex-start}.editor-foot{display:flex;justify-content:space-between;margin-top:.9rem}.editor-foot-right{display:flex;gap:.5rem}.editor-icon{position:relative}.editor-icon>summary{list-style:none;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border:1px solid var(--slot-border);border-radius:4px;background:var(--slot)}.editor-icon>summary::-webkit-details-marker{display:none}.editor-icon>summary:hover{border-color:var(--gold)}.editor-icon>summary img{max-width:26px;max-height:26px}.editor-icon-none{color:var(--muted)}.editor-icon-opts{position:absolute;left:0;top:2.4rem;z-index:30;display:grid;grid-template-columns:repeat(4,34px);gap:.2rem;background:var(--panel);border:1px solid var(--slot-border);border-radius:6px;padding:.35rem;box-shadow:0 2px 10px #00000080}.editor-icon-opts button{width:34px;height:34px;display:inline-flex;align-items:center;justify-content:center;background:var(--slot);border:1px solid transparent;border-radius:4px;cursor:pointer}.editor-icon-opts button:hover,.editor-icon-opts button.on{border-color:var(--gold)}.editor-icon-opts img{max-width:26px;max-height:26px}.tool-nav{display:flex;flex-direction:column;margin-top:.35rem}.tool-nav button{background:none;border:none;text-align:left;padding:.25rem .4rem;color:var(--text)}.tool-nav button:hover{background:var(--slot)}.tool-nav button.active{color:var(--gold);font-weight:600}.tool-nav-icon{display:inline-block;width:1.2em;margin-right:.4rem;text-align:center;color:var(--muted)}.tool-nav button.active .tool-nav-icon{color:var(--gold)}.cmp-title{display:flex;align-items:baseline;gap:1rem;flex-wrap:wrap;margin-bottom:.5rem}.loadouts-page h1{margin-bottom:.6rem}.loadouts-cat{color:var(--gold);font-size:.72rem;text-transform:uppercase;letter-spacing:.06em;margin:.9rem 0 .35rem}.loadouts-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:.6rem}.loadout-card{display:flex;align-items:center;gap:.55rem;text-align:left;background:var(--panel);border:1px solid var(--panel-border);border-radius:6px;padding:.5rem .6rem;color:var(--text)}.loadout-card:hover{border-color:var(--gold)}.loadout-card-icon{width:34px;height:34px;flex:none;display:flex;align-items:center;justify-content:center}.loadout-card-icon img{max-width:34px;max-height:34px;object-fit:contain}.loadout-card-noicon{font-size:.6rem;color:var(--muted);text-transform:uppercase}.loadout-card-name{font-size:.85rem;overflow:hidden;text-overflow:ellipsis}.cmp-cell.peekable{cursor:pointer}.cmp-cell.peekable:hover{color:var(--gold)}.loadout-peek{background:var(--bg);border:2px solid var(--panel-border);border-radius:8px;padding:.9rem}.peek-head{display:flex;align-items:center;justify-content:space-between;gap:.8rem;margin-bottom:.6rem}