:root{--bg:#0d0f14;--card:#181b24;--line:#2a2e3b;--text:#e8e6e3;--muted:#9097a6;--gold:#ffd100;--good:#1eff00;--warn:#ff8000;--bad:#ff4d4d}*{box-sizing:border-box}body{background:var(--bg);color:var(--text);margin:0;font:16px/1.5 system-ui,Segoe UI,sans-serif}a{color:var(--gold);text-decoration:none}a:hover{text-decoration:underline}h1,h2,h3,p{margin:0}main{gap:1.5rem;max-width:60rem;margin:0 auto;padding:1rem;display:grid}.top{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding:.75rem 1rem;display:flex}.brand{letter-spacing:.02em;font-size:1.25rem;font-weight:800}.brand span{color:var(--text)}.muted{color:var(--muted)}.error{color:var(--bad)}.good{color:var(--good)}.warn{color:var(--warn)}.bad{color:var(--bad)}.hero h1{color:var(--gold);font-size:clamp(1.75rem,6vw,2.75rem);line-height:1.15}h2{text-transform:uppercase;letter-spacing:.08em;color:var(--muted);margin-bottom:.75rem;font-size:1.1rem}.card{background:var(--card);border:1px solid var(--line);border-radius:10px;padding:1rem}a.card{color:inherit;display:block}a.card:hover{border-color:var(--gold);text-decoration:none}.card.latest{border-color:var(--gold)}.list{gap:.75rem;display:grid}.tiles{grid-template-columns:repeat(auto-fit,minmax(8.5rem,1fr));gap:.75rem;display:grid}.tile{background:var(--card);border:1px solid var(--line);border-radius:10px;padding:.75rem 1rem}.tile b{font-variant-numeric:tabular-nums;font-size:1.9rem;line-height:1.2;display:block}.tile span{color:var(--muted);font-size:.85rem}.badge{white-space:nowrap;border:1px solid;border-radius:999px;padding:.1rem .55rem;font-size:.75rem;font-weight:700;display:inline-block}.boss{border-left:4px solid var(--good)}.boss.down{border-left-color:var(--bad)}.boss-head{flex-wrap:wrap;align-items:center;gap:.5rem;margin-bottom:.75rem;display:flex}.boss-head h3{margin-right:auto;font-size:1.25rem}.facts{grid-template-columns:repeat(auto-fit,minmax(4.5rem,1fr));gap:.5rem;display:grid}.facts b{font-variant-numeric:tabular-nums;font-size:1.35rem;display:block}.facts span{color:var(--muted);font-size:.8rem}.wipes{border-top:1px solid var(--line);gap:.4rem;margin:.75rem 0 0;padding:.75rem 0 0;font-size:.92rem;list-style:none;display:grid}.rank{gap:.3rem;margin:0 0 1.25rem;padding:0;list-style:none;display:grid}.rank a{background:var(--card);border-radius:6px;grid-template-columns:1.6rem 1fr auto 2.4rem;align-items:center;gap:.5rem;padding:.45rem .6rem;text-decoration:none;display:grid;position:relative;overflow:hidden}.rank a:hover{outline:1px solid}.rank .bar{opacity:.13;background:currentColor;position:absolute;inset:0 auto 0 0}.rank .pos{color:var(--muted);font-variant-numeric:tabular-nums}.rank .who{text-overflow:ellipsis;white-space:nowrap;font-weight:700;overflow:hidden}.rank .who small{color:var(--muted);margin-left:.4rem;font-weight:400}.rank .who .badge{margin-left:.4rem}.rank .val{color:var(--text);font-variant-numeric:tabular-nums;font-weight:700}.rank .note{text-align:center;font-variant-numeric:tabular-nums;background:var(--bg);border-radius:6px;padding:.05rem 0;font-weight:800}h3.role{margin-bottom:.4rem;font-size:1rem}form{gap:.5rem;display:grid}select{font:inherit;border:1px solid var(--line);background:var(--card);color:var(--text);border-radius:8px;max-width:100%;padding:.4rem}input,button{font:inherit;border:1px solid var(--line);background:var(--card);color:var(--text);border-radius:8px;padding:.6rem .75rem}button{background:var(--gold);color:#000;cursor:pointer;border:0;font-weight:700}.badge.mvp{color:var(--gold)}.badge.muted{color:var(--muted)}.hero .chips{margin-top:.5rem}.chips{flex-wrap:wrap;gap:.35rem;margin-top:.75rem;display:flex}.chip{background:var(--bg);white-space:nowrap;border-radius:6px;padding:.1rem .5rem;font-size:.8rem}.cat{margin-top:.75rem}.cat h4{text-transform:uppercase;letter-spacing:.06em;color:var(--muted);margin:0;font-size:.72rem}.cat .chips{margin-top:.25rem}.cat details{margin-top:.4rem;font-size:.9rem}.cat summary{cursor:pointer;color:var(--gold)}.cat ul{gap:.25rem;margin:.35rem 0 0;padding:0;list-style:none;display:grid}.filters{flex-wrap:wrap;gap:.4rem;margin-bottom:.75rem;display:flex}.filters button{padding:.3rem .7rem;font-size:.85rem}.filters button[aria-pressed=true]{border-color:var(--gold);color:var(--gold)}.list[data-show=debuffs] .cat:not(.debuffs),.list[data-show=conso] .cat:not(.conso),.list[data-show=buffs] .cat:not(.buffs){display:none}.parts{gap:.75rem;display:grid}.part{grid-template-columns:1fr auto;align-items:baseline;gap:.25rem .75rem;display:grid}.part b{font-variant-numeric:tabular-nums}.meter{background:var(--bg);border-radius:999px;grid-column:1/-1;height:.5rem;overflow:hidden}.meter span{background:currentColor;height:100%;display:block}.tile small,.facts small{margin-top:.15rem;font-size:.8rem;font-weight:700;display:block}.delta{white-space:nowrap}.delta.good{color:var(--good)}.delta.bad{color:var(--bad)}.delta.muted{color:var(--muted)}.compare{margin-top:.6rem;font-size:.85rem}a.mvp-card{border-color:var(--gold);grid-template-columns:auto 1fr auto;align-items:center;gap:.25rem .75rem;display:grid}.mvp-card b{font-size:1.35rem}.mvp-card .note{font-size:1.1rem;font-weight:800}.mvp-card small{grid-column:1/-1}a.raid-row{grid-template-columns:2.6rem 1fr;align-items:center;gap:.1rem .75rem;display:grid}.raid-row .note{text-align:center;grid-row:span 2;font-size:1.4rem;font-weight:800}.charts{grid-template-columns:repeat(auto-fit,minmax(17rem,1fr));gap:.75rem;display:grid}.chart{margin:0}.chart figcaption{margin-bottom:.5rem;font-weight:700}.plot{position:relative}.plot svg{width:100%;height:auto;display:block;overflow:visible}.plot .grid{stroke:var(--line);stroke-width:1px}.plot .axis{fill:var(--muted);font-size:10px}.plot .value{fill:var(--text);font-size:12px;font-weight:700}.plot .line{fill:none;stroke:var(--gold);stroke-width:2px;stroke-linejoin:round;stroke-linecap:round}.plot .dot{fill:var(--gold);stroke:var(--card);stroke-width:2px}.plot .hit{fill:#0000;cursor:pointer;outline:none}.plot .hit:focus-visible{stroke:var(--text);stroke-width:1px}.tooltip{border:1px solid var(--line);white-space:nowrap;pointer-events:none;z-index:1;background:#000;border-radius:6px;padding:.3rem .55rem;font-size:.8rem;position:absolute;transform:translate(-50%,calc(-100% - 10px))}.tooltip b{font-size:1rem;display:block}.tooltip span{color:var(--muted)}button.secondary{background:var(--card);color:var(--text);border:1px solid var(--line)}button:disabled{opacity:.5;cursor:wait}
