.view--live:not([hidden]){display:block;padding:0}.view--live .room{position:relative;height:100%;overflow:hidden}.feed{position:absolute;inset:0;background:#000;border:0;border-radius:0;display:grid;place-items:center;transition:box-shadow var(--t-in) var(--ez)}.feed:before,.feed:after{display:none}.feed__video{width:100%;height:100%;object-fit:contain;display:block;background:#000}.feed.is-live{box-shadow:inset 0 0 0 2px color-mix(in srgb,var(--n-alarm) 60%,transparent)}.feed.is-cast{box-shadow:inset 0 0 0 2px color-mix(in srgb,var(--n-blue) 55%,transparent)}.feed__nosig{position:absolute;inset:0;display:none;place-items:center;color:#5b6a72;letter-spacing:.3em;font-size:12px}.feed[data-src=none] .feed__nosig{display:grid}.feed[data-src=none] .feed__video{opacity:0}.hud{position:absolute;inset:16px;pointer-events:none;z-index:3}.hud__c{position:absolute;width:18px;height:18px;border:1px solid rgb(255 255 255 / .3)}.hud__c--tl{top:0;left:0;border-right:0;border-bottom:0}.hud__c--tr{top:0;right:0;border-left:0;border-bottom:0}.hud__c--bl{bottom:0;left:0;border-right:0;border-top:0}.hud__c--br{bottom:0;right:0;border-left:0;border-top:0}.hud__lock{position:absolute;left:0;right:0;top:0;height:2px;opacity:0;background:linear-gradient(90deg,transparent,color-mix(in srgb,var(--n-blue) 90%,transparent),transparent)}[data-boot] .hud__lock{animation:gx-sync 1s cubic-bezier(.4,0,.2,1) .48s both}@keyframes gx-sync{0%{opacity:0;transform:translateY(0)}12%{opacity:1}88%{opacity:1}to{opacity:0;transform:translateY(70vh)}}.hud__top,.hud__bot{position:absolute;left:0;right:0;z-index:3;display:flex;align-items:center;gap:8px;padding:14px 20px;pointer-events:none;font-size:11px}.hud__top{top:0}.hud__bot{bottom:0}.hud__room{color:#e6edf3;text-shadow:0 0 10px #000}.hud__clock,.hud__tc{margin-left:auto;color:#cfe0e7;text-shadow:0 0 10px #000}.hud__sig{color:#8fa2ae;text-shadow:0 0 10px #000}.roomstrip{position:absolute;top:16px;left:50%;transform:translate(-50%);z-index:6;display:grid;grid-auto-flow:column;grid-auto-columns:168px;gap:8px;padding:8px;border-radius:12px;background-color:color-mix(in oklab,hsl(216 30% 10%) 72%,transparent);-webkit-backdrop-filter:blur(28px) saturate(165%);backdrop-filter:blur(28px) saturate(165%);box-shadow:inset 0 0 0 1px var(--e4),0 24px 60px -28px #000000d9}.roomstrip .roomcard{padding:9px 11px;gap:5px}.roomstrip .roomcard__bars{height:18px}.tele{position:absolute;left:16px;bottom:16px;z-index:6;width:340px;display:grid;gap:9px;padding:10px;border-radius:12px;background-color:color-mix(in oklab,hsl(216 30% 10%) 74%,transparent);-webkit-backdrop-filter:blur(30px) saturate(170%);backdrop-filter:blur(30px) saturate(170%);box-shadow:inset 0 0 0 1px var(--e4),0 28px 66px -28px #000000d9}.gauges{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--seam);border-radius:6px;overflow:hidden}.gauge{background:color-mix(in srgb,#000 26%,transparent);padding:7px 9px;display:grid;gap:2px}.gauge--wide{grid-column:1 / -1}.gauge__k{font-size:9px;color:var(--fx-ink-4);letter-spacing:.1em;text-transform:uppercase}.gauge__v{font-size:14px;font-weight:600;color:var(--fx-ink)}.gauge--wide .gauge__v{font-size:16px;letter-spacing:.05em}.actions--main{display:flex;flex-wrap:wrap;gap:5px}.side{position:absolute;top:16px;right:16px;z-index:6;width:300px;max-height:calc(100% - 32px);display:flex;flex-direction:column;border-radius:12px;overflow:hidden;background-color:color-mix(in oklab,hsl(216 30% 10%) 72%,transparent);-webkit-backdrop-filter:blur(30px) saturate(170%);backdrop-filter:blur(30px) saturate(170%);box-shadow:inset 0 0 0 1px var(--e4),0 30px 70px -28px #000000d1}.side__head{display:flex;align-items:baseline;gap:9px;padding:11px 12px 9px;background:color-mix(in srgb,#fff 4%,transparent)}.side__k{font-size:9.5px;letter-spacing:.2em;text-transform:uppercase;color:var(--fx-ink-4)}.side__head em{margin-left:auto;font-style:normal;font-size:10.5px;color:var(--n-mint)}.side__fold{background:none;border:0;color:var(--fx-ink-4);font:inherit;font-size:14px;line-height:1;padding:0 2px;cursor:pointer}.side__fold:hover{color:#fff}.side__body{overflow-y:auto;padding:4px 12px 14px}.side.is-folded .side__body{display:none}.side.is-folded{width:auto}.side__h{margin:12px 0 6px;font-size:9.5px;letter-spacing:.18em;text-transform:uppercase;color:var(--fx-ink-4);font-weight:500}.side__h:first-child{margin-top:4px}.tile--flush{padding:9px 11px}.credit{position:absolute;left:16px;bottom:4px;z-index:4;margin:0;font-size:9px;color:#ffffff47}.credit a{color:inherit}