.live-page{--live:#72e7ff;--live-ok:#6bd69a;--live-warn:#f3a43b;--live-off:#ff7272}
.live-brand{text-decoration:none;color:inherit}
#livePlayerMap{position:absolute;inset:0;width:100%;height:100%;z-index:4;overflow:visible;pointer-events:none}
.live-player{pointer-events:auto;cursor:pointer;outline:none}
.live-player:focus-visible .live-player-dot{stroke:#fff;stroke-width:.22}
.live-player-dot{fill:var(--live);stroke:#071018;stroke-width:.12}
.live-player.dead .live-player-dot{fill:#8995a0}.live-player.degraded{opacity:.52}.live-player.frozen .live-player-dot{stroke:var(--live-warn)}
.live-player-direction{fill:#fff}.live-player-name,.live-player-age{fill:#f4f8fb;paint-order:stroke;stroke:#071018;stroke-width:.18;font:700 .72px Consolas,monospace;pointer-events:none}.live-player-age{fill:var(--live-warn);font-size:.56px}
.live-trail{fill:none;stroke:var(--live);stroke-width:2;opacity:.35}
.live-status{display:flex;align-items:center;gap:7px;min-height:36px;padding:0 11px;border:1px solid #40515f;background:#101820;color:#b7c7d2;font:700 .72rem Consolas,monospace;text-transform:uppercase}.live-status i{width:8px;height:8px;border-radius:50%;background:var(--live-warn)}.live-status[data-state="live"] i{background:var(--live-ok)}.live-status[data-state="idle"] i{background:var(--live)}.live-status[data-state="offline"] i{background:var(--live-off)}.live-status[data-state="cached"] i{background:var(--live-warn)}
.live-banner{position:fixed;z-index:15;top:76px;left:50%;transform:translateX(-50%);max-width:min(680px,calc(100% - 32px));padding:9px 14px;border:1px solid var(--live-warn);background:#241d14e8;color:#ffe0a8;font:700 .75rem Consolas,monospace}.live-banner[data-state="live"]{display:none}.live-banner[data-state="idle"]{border-color:#41798a;background:#13262bee;color:#bdefff}.live-banner[data-state="offline"]{border-color:var(--live-off);background:#2a1519ee;color:#ffb4b4}.live-banner[data-state="cached"]{border-color:var(--live-warn);background:#241d14e8;color:#ffe0a8}
.live-panel{position:fixed;z-index:9;right:14px;top:150px;width:min(310px,calc(100vw - 28px));max-height:calc(100vh - 206px);overflow:auto;border:1px solid #40515f;background:#111a22ee;color:#e7edf3;box-shadow:0 16px 44px #0009;backdrop-filter:blur(12px)}
.live-panel-head{display:flex;align-items:center;justify-content:space-between;padding:13px 14px;border-bottom:1px solid #40515f}.live-panel-head small{color:var(--live);font:700 .65rem Consolas,monospace;letter-spacing:.12em}.live-panel-head h1{margin:2px 0 0;font:700 1rem Consolas,monospace;text-transform:uppercase}.live-panel-head h1 b{color:var(--live)}.live-panel-head button{width:34px;height:34px;border:1px solid #40515f;background:#18232d;color:#e7edf3;cursor:pointer}
.live-ages{display:grid;grid-template-columns:1fr 1fr;border-bottom:1px solid #40515f}.live-ages span{display:grid;gap:2px;padding:9px 14px}.live-ages span+span{border-left:1px solid #40515f}.live-ages small{color:#91a3b4;font-size:.68rem;text-transform:uppercase}.live-ages b{font:700 .82rem Consolas,monospace}
.live-player-list{display:grid}.live-player-row{display:grid;grid-template-columns:10px 1fr auto;align-items:center;gap:9px;padding:10px 14px;border:0;border-bottom:1px solid #2e3c47;background:transparent;color:#e7edf3;text-align:left;cursor:pointer}.live-player-row:hover,.live-player-row:focus-visible,.live-player-row.active{background:#1b2a35}.live-player-row i{width:8px;height:8px;border-radius:50%;background:var(--live-ok)}.live-player-row.dead i{background:#8995a0}.live-player-row span{display:grid}.live-player-row small{color:#91a3b4}.live-player-row em{color:var(--live);font:normal .7rem Consolas,monospace}
.live-player-detail{padding:14px}.live-player-detail h2{margin:0 0 9px}.live-player-detail dl{display:grid;grid-template-columns:auto 1fr;gap:5px 10px;margin:0 0 12px;font-size:.82rem}.live-player-detail dt{color:#91a3b4}.live-player-detail dd{margin:0;text-align:right}.live-player-detail button{width:100%;padding:10px;border:1px solid var(--live);background:#12303a;color:#bdf3ff;font-weight:800;cursor:pointer}.live-player-detail button[aria-pressed="true"]{border-color:var(--live-warn);background:#30271d;color:#ffd28a}
@media(max-width:900px){.live-panel{top:auto;bottom:56px;max-height:42vh}.live-banner{top:70px}.live-status span{display:none}}
@media(prefers-reduced-motion:reduce){.live-player,.live-banner{transition:none}}