:root{--bg:#0d1b33;--navy:#0c2340;--gold:#c99700;--gold2:#e6b422;--panel:#0b1526;--line:#1b2a45;--txt:#e8edf7;--mut:#7f8da8}*{box-sizing:border-box}html,body{background:radial-gradient(1200px 700px at 40% 30%, #14284a 0%, var(--bg) 55%, #04070d 100%);height:100%;color:var(--txt);margin:0;font:13px/1.35 Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;transition:background .8s;overflow:hidden}#app{height:100%;display:flex}#stage{flex:1;min-width:0;position:relative}#gl{position:absolute;top:0;bottom:0;left:0;right:0}#gl canvas{touch-action:none;outline:none;display:block}#top{pointer-events:none;flex-direction:column;gap:8px;display:flex;position:absolute;top:12px;left:14px;right:14px}.brand{align-items:center;gap:10px;display:flex}.brand b{letter-spacing:.2px;font-size:16px}.brand small{color:var(--mut);font-size:11px;display:block}.logo{background:var(--navy);width:32px;height:32px;color:var(--gold);border:1.5px solid var(--gold);border-radius:8px;place-items:center;font:700 18px Georgia,serif;display:grid}.pill{background:#10203a;border:1px solid #2a3a5c;border-radius:99px;margin-left:6px;padding:3px 10px;font-size:11px;font-weight:600}.pill.live{color:#7dffc0;background:#0b2a22;border-color:#1f7a54}.pill.live:before{content:"";background:#35d49a;border-radius:50%;width:7px;height:7px;margin-right:6px;animation:1.6s infinite pulse;display:inline-block;box-shadow:0 0 8px #35d49a}.pill.sim{color:#ffd98a;background:#241c0a;border-color:#6b5320}@keyframes pulse{50%{opacity:.35}}.counts{color:var(--mut);border:1px solid var(--line);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#080e1a99;border-radius:10px;flex-wrap:wrap;gap:14px;width:max-content;padding:6px 12px;font-size:12px;display:flex}.counts i{border-radius:50%;width:8px;height:8px;margin-right:6px;display:inline-block}.counts b{color:var(--txt);margin-right:3px}#legend{border:1px solid var(--line);color:#b9c4da;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#080e1ab8;border-radius:10px;grid-template-columns:repeat(3,auto);gap:5px 16px;padding:9px 12px;font-size:11px;display:grid;position:absolute;bottom:14px;left:14px}#legend span{align-items:center;gap:6px;display:flex}#legend i{border-radius:50%;width:8px;height:8px}#modes{border:1px solid var(--line);background:#080e1acc;border-radius:10px;gap:2px;padding:3px;display:flex;position:absolute;bottom:14px;right:14px}#modes button{color:var(--mut);cursor:pointer;background:0 0;border:0;border-radius:7px;padding:7px 12px;font:600 12px inherit}#modes button.on{background:var(--navy);color:var(--gold2);box-shadow:inset 0 0 0 1px var(--gold)}#hint{color:#4d5d7b;pointer-events:none;font-size:11px;position:absolute;bottom:6px;left:50%;transform:translate(-50%)}#nogl{text-align:center;color:#c9d4ea;place-items:center;padding:40px;display:grid;position:absolute;top:0;bottom:0;left:0;right:0}#nogl h2{color:var(--gold2);margin:0 0 8px}#nogl p{max-width:420px;margin:0}#side{background:var(--panel);border-left:1px solid var(--line);flex-direction:column;width:340px;max-width:42vw;min-height:0;display:flex}#side section{flex-direction:column;min-height:0;padding:12px 12px 6px;display:flex}#side section:first-child{flex:1.5}#side .feed{border-top:1px solid var(--line);flex:1}#side h3{text-transform:uppercase;letter-spacing:.09em;color:var(--gold2);justify-content:space-between;margin:0 0 8px;font-size:12px;display:flex}#side h3 em{color:var(--mut);letter-spacing:0;text-transform:none;font-style:normal;font-weight:500}#roster,#feed{scrollbar-width:thin;scrollbar-color:#24365a transparent;flex:1;min-height:0;overflow:auto}.row{cursor:pointer;border:1px solid #0000;border-radius:8px;grid-template-columns:14px 1fr auto;align-items:center;gap:2px 9px;padding:7px 8px;display:grid}.row:hover{background:#101d33}.row.sel{border-color:var(--gold);background:#12264a}.row .sw{border-radius:4px;grid-row:1/span 2;width:12px;height:12px}.row .nm{white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:600;overflow:hidden}.row .nm small{color:var(--mut);margin-left:6px;font-size:11px;font-weight:400}.row .st{color:#b9c4da;align-items:center;gap:5px;font-size:11px;display:flex}.row .st i{border-radius:50%;width:7px;height:7px}.row .tk{color:var(--mut);white-space:nowrap;text-overflow:ellipsis;grid-column:2/span 2;font-size:11.5px;overflow:hidden}.ev{border-bottom:1px solid #111d33;grid-template-columns:62px 8px 1fr;align-items:start;gap:8px;padding:5px 6px;font-size:12px;display:grid}.ev time{color:#5d6d8c;font-variant-numeric:tabular-nums;font-size:11px}.ev i{border-radius:50%;width:7px;height:7px;margin-top:5px}.ev b{font-weight:600}.ev span{color:#a9b5cc}@media (max-width:900px){#side{width:270px}.counts{gap:8px;font-size:11px}#legend{grid-template-columns:repeat(2,auto)}#hint{display:none}}@media (max-width:640px){#app{flex-direction:column}#side{border-left:0;border-top:1px solid var(--line);width:100%;max-width:none;height:38%}}[hidden]{display:none!important}