:root{--bg:#0d0f14;--card:#181b24;--line:#2a2e3b;--text:#e8e6e3;--muted:#9097a6;--gold:#ffd100;--good:#5ccb7a;--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}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 ul{gap:.25rem;margin:.35rem 0 0;padding:0;font-size:.9rem;list-style:none;display:grid}.cat p{margin-top:.4rem;font-size:.85rem}.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}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}main:has(.raid){max-width:none}.raid{grid-template-columns:12rem minmax(0,1fr);align-items:start;gap:1.5rem;display:grid}.menu{gap:.15rem;display:grid;position:sticky;top:1rem}.menu h2{color:var(--gold);margin:.9rem 0 .25rem;font-size:.75rem}.menu h2:first-child{margin-top:0}.menu a{color:var(--muted);white-space:nowrap;border-radius:6px;padding:.45rem .75rem;font-weight:600}.menu a:hover{color:var(--text);background:var(--card);text-decoration:none}.menu a[aria-current]{color:var(--gold);background:color-mix(in srgb, var(--gold) 14%, transparent)}@media (width<=48rem){.raid{grid-template-columns:minmax(0,1fr)}.menu{display:flex;position:static;overflow-x:auto}.menu h2{display:none}}.controls{justify-items:start;gap:.6rem;display:grid}.filters{flex-wrap:wrap;gap:.35rem;display:flex}.filter{background:var(--card);color:var(--text);border:1px solid var(--line);align-items:center;gap:.4rem;padding:.25rem .6rem .25rem .3rem;font-size:.85rem;display:flex}.filter img{border-radius:4px;width:1.4rem;height:1.4rem}.filter:not(:has(img)){padding-left:.6rem}.filter[aria-pressed=true]{border-color:var(--gold)}.list>h2{margin:.75rem 0 0}.panels>.list{min-width:0}.panels>.list>h2{margin-top:0}.panels{grid-template-columns:repeat(auto-fit,minmax(min(100%,24rem),1fr));align-items:start;gap:1rem;display:grid}.panel h2{color:var(--text);text-transform:none;letter-spacing:0;margin-bottom:.25rem}.item{color:var(--text);padding:.75rem 0}.item+.item{border-top:1px solid var(--line)}.item h3{font-size:1rem}.item h3:before{content:"⚠ ";color:var(--warn)}.item.bad h3:before{color:var(--bad)}.item.good h3:before{content:"✦ ";color:var(--good)}.item>p.muted{font-size:.8rem}.item .chips{margin-top:.5rem}.pchip{border:1px solid var(--line);background:var(--bg);color:var(--text);font:inherit;cursor:pointer;border-radius:6px;align-items:center;gap:.35rem;padding:.15rem .5rem .15rem .2rem;font-size:.85rem;font-weight:400;display:inline-flex}.pchip:hover{border-color:var(--muted);text-decoration:none}.pchip img{border-radius:3px;width:1.2rem;height:1.2rem}.more{color:var(--muted);margin-top:.4rem;font-size:.85rem}.more a{font-weight:700}.rows{gap:.25rem;margin:.5rem 0 0;padding:0;font-size:.92rem;list-style:none;display:grid}.rows li{justify-content:space-between;gap:1rem;display:flex}.rows b{font-variant-numeric:tabular-nums;white-space:nowrap}.rows small{color:var(--muted)}.bars{gap:1.1rem;margin:0;display:grid}.bars .tank{grid-template-columns:6.5rem minmax(0,1fr) 5.5rem;align-items:center;gap:.35rem .75rem;font-size:.85rem;display:grid}.bars .tank>b{grid-column:1/-1;font-size:.95rem}.bars .val{text-align:right;font-variant-numeric:tabular-nums}.track{gap:2px;height:14px;display:flex}.track span{min-width:2px}.track span:last-child{border-radius:0 4px 4px 0}.legend{color:var(--muted);flex-wrap:wrap;gap:.25rem 1rem;font-size:.8rem;display:flex}.legend i{border-radius:2px;width:10px;height:10px;margin-right:.35rem;display:inline-block}.bars p{font-size:.8rem}.scroll{padding:.25rem .5rem;overflow-x:auto}table{border-collapse:collapse;font-variant-numeric:tabular-nums;width:100%;font-size:.9rem}th,td{text-align:right;white-space:nowrap;padding:.4rem .5rem}th{color:var(--muted);font-size:.8rem;font-weight:400}th:first-child,td:first-child,td.left{text-align:left}table:has(td.left:last-child) th:last-child{text-align:left}td.left{white-space:normal}td.left .chip{margin:.1rem .25rem .1rem 0;display:inline-block}td a{font-weight:700}tr+tr td{border-top:1px solid var(--line)}tr.opener{cursor:pointer}tr.opener:hover{background:var(--bg)}tr.detail td{text-align:left;white-space:normal;background:var(--bg)}.line{flex-wrap:wrap;align-items:center;gap:.3rem .75rem;padding:.2rem 0;font-size:.85rem;display:flex}.line .chips{margin-top:0}.line .chip{background:var(--card)}
