:root{--bg:#0a0a0a;--fg:#fff;--fg-secondary:#fff9;--fill-tertiary:#ffffff1f;--separator:#ffffff3d;--green:#30d158;--yellow:#ffd60a;--red:#ff453a;--brand-rgb:255, 255, 255;--brand-wash-alpha:0;--logo-side:30vh;--radius:calc(var(--logo-side) * .06);font-family:Roboto,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,Arial,sans-serif}*{box-sizing:border-box;margin:0;padding:0}html,body{background:var(--bg);height:100%;color:var(--fg);overflow:hidden}.scene{text-align:center;flex-direction:column;justify-content:center;align-items:center;width:100vw;height:100vh;padding:5vh 5vw;display:flex;position:relative}.wash{pointer-events:none;background:radial-gradient(ellipse 80% 55% at 50% 0%, rgba(var(--brand-rgb), var(--brand-wash-alpha)), rgba(var(--brand-rgb), 0) 100%);position:absolute;top:0;bottom:0;left:0;right:0}.wordmark{letter-spacing:.08em;text-transform:uppercase;color:var(--fg-secondary);font-size:3vh;font-weight:600;position:relative}.station{flex-direction:column;align-items:center;gap:2vh;max-width:80vw;display:flex;position:relative}.scene[data-mode=idle] .station,.scene[data-mode=station] .wordmark{display:none}.logo{width:var(--logo-side);height:var(--logo-side);border-radius:var(--radius);position:relative;overflow:hidden}.logo img{object-fit:contain;opacity:0;width:100%;height:100%;transition:opacity .3s ease-in-out;position:absolute;top:0;bottom:0;left:0;right:0}.logo img.is-visible{opacity:1}.tile{border-radius:var(--radius);background:var(--fill-tertiary);border:1px solid var(--separator);color:var(--fg-secondary);font-size:calc(var(--logo-side) * .34);justify-content:center;align-items:center;font-weight:600;line-height:1;transition:opacity .3s ease-in-out;display:flex;position:absolute;top:0;bottom:0;left:0;right:0}.tile.is-hidden{opacity:0}.tile[data-brand=true]{background:rgb(var(--brand-rgb));color:var(--fg);border:none}.tile[data-brand=true]:before{content:"";background:linear-gradient(#ffffff2e,#fff0 50%);position:absolute;top:0;bottom:0;left:0;right:0}.tile[data-tone=dark]{color:#000000e6}.tile span{white-space:nowrap;max-width:90%;position:relative;overflow:hidden}.name{white-space:nowrap;text-overflow:ellipsis;max-width:80vw;font-size:5.5vh;font-weight:600;overflow:hidden}.tagline{color:var(--fg-secondary);white-space:nowrap;text-overflow:ellipsis;max-width:80vw;font-size:3.2vh;overflow:hidden}.label{letter-spacing:.08em;text-transform:uppercase;font-variant-numeric:tabular-nums;color:var(--fg-secondary);font-size:2.4vh;font-weight:600}.variant{margin-top:-1vh}.status{align-items:center;gap:1.2vh;min-height:3vh;display:flex}.dot{background:currentColor;border-radius:50%;width:1.6vh;height:1.6vh}.status[data-tone=green] .dot{color:var(--green)}.status[data-tone=yellow] .dot{color:var(--yellow)}.status[data-tone=red] .dot{color:var(--red)}.status[data-tone=none] .dot{display:none}.status[data-pulse=true] .dot{animation:1.2s ease-in-out infinite pulse}@keyframes pulse{50%{opacity:.35}}@media (prefers-reduced-motion:reduce){.status[data-pulse=true] .dot{animation:none}.logo img,.tile{transition:none}}[hidden]{display:none!important}