: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)}.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)}