:root{--bg:#f6f7f9;--fg:#1b1f24;--mut:#667;--card:#fff;--line:#dde1e6;--ok:#1a9b4b;--bad:#c93232;--warn:#b7791f;--adv:#7a4dd8;color-scheme:light dark}
@media (prefers-color-scheme:dark){:root{--bg:#0f1216;--fg:#e6e9ee;--mut:#8b93a1;--card:#171b21;--line:#2a313b;--ok:#3ecf74;--bad:#ff6b6b;--warn:#e0a84a;--adv:#b79bff}}
*{box-sizing:border-box}html,body{height:100%;margin:0}
body{display:flex;flex-direction:column;background:var(--bg);color:var(--fg);font:15px/1.4 system-ui,sans-serif}
header{display:flex;gap:.6rem;align-items:center;padding:.6rem 1rem;border-bottom:1px solid var(--line)}
h1{font-size:1.05rem;margin:0 auto 0 0}h2{font-size:.8rem;text-transform:uppercase;letter-spacing:.06em;color:var(--mut);margin:.2rem 0 .5rem}
.pill{padding:.15rem .6rem;border:1px solid var(--line);border-radius:99px;background:var(--card);font-size:.85rem}
#status[data-s=on]{color:var(--ok)}#status[data-s=off]{color:var(--bad)}#status[data-s=wait]{color:var(--warn)}
#banner{background:var(--warn);color:#000;padding:.4rem 1rem;font-size:.9rem}
main{flex:1;min-height:0;display:grid;grid-template-columns:200px 1fr 1fr;gap:.8rem;padding:.8rem}
section{background:var(--card);border:1px solid var(--line);border-radius:8px;padding:.7rem;display:flex;flex-direction:column;min-height:0}
ul,ol{list-style:none;margin:0;padding:0}.feed{flex:1;overflow:auto}
li{padding:.25rem 0;border-bottom:1px solid var(--line);overflow-wrap:anywhere}
time{color:var(--mut);font-size:.8rem;margin-right:.5rem;font-variant-numeric:tabular-nums}
.u{font-weight:600;margin-right:.4rem}
li.adv{border-left:3px solid var(--adv);padding-left:.5rem}.adv .t{color:var(--adv);font-weight:600}.adv .d{display:block;color:var(--mut);font-size:.85rem}
@media (max-width:800px){main{grid-template-columns:1fr;overflow:auto}.feed{max-height:50vh}}
.head,.ico{width:20px;height:20px;image-rendering:pixelated;vertical-align:-5px;margin-right:.4rem;border-radius:3px;background:var(--line)}
.ico{background:none;border-radius:0}
.head.nohead{opacity:.35}
li.sys{color:var(--mut);font-style:italic}.sys .k{margin-right:.4rem;font-style:normal}
#stats.stale{opacity:.45}
#players li{display:flex;align-items:center}