html,body{height:100%;overflow:hidden}body{background:#030a10}#stage{width:100%;height:calc(100dvh - 88px);min-height:300px;background:radial-gradient(ellipse at 65% 25%,#193d4c,#09141e 70%)}#broadcast{position:absolute;inset:0}#broadcast iframe{width:100%;height:100%;border:0}.top{top:24px;left:28px;right:28px;pointer-events:none}.brand{color:#e8f7fd;text-decoration:none;pointer-events:auto}.brand b{font-size:24px}.brand small{font-size:9px}.chip{font-size:11px;padding:12px;gap:10px}.chip i{background:#73848c;box-shadow:none}.chip i.live{background:#51e5df;box-shadow:0 0 15px #51e5df}#camera-placeholder{padding:20px;text-align:center;padding-bottom:220px;pointer-events:none}#camera-placeholder strong{font-size:clamp(24px,3vw,40px)}#camera-placeholder small{max-width:420px;line-height:1.5}.bottom{left:28px;right:28px;bottom:24px;grid-template-columns:minmax(220px,30%) 1fr;gap:15px}.location{padding:18px}.telemetry{padding:16px 22px}.identity{padding-bottom:10px;font-size:16px;letter-spacing:1px;align-items:center}.identity small{font-size:9px}.readings{gap:clamp(20px,5vw,85px);padding:12px 0}.readings b{font-size:clamp(30px,4vw,58px)}.readings small{font-size:10px;letter-spacing:1px}.readings em{font-size:13px}#warning{padding:9px 12px;gap:12px}#warning span{font-size:12px;letter-spacing:1px}#warning small{font-size:10px}footer{margin-top:10px;font-size:8px}.location h1{font-size:24px}#expand-map{width:100%;display:flex;justify-content:space-between;border-radius:0;font:11px monospace;letter-spacing:1px}.watch-controls{height:88px;display:flex;align-items:center;gap:12px;padding:12px 28px;background:#061018;border-top:1px solid #355966}.watch-controls button{font-size:11px;border-radius:0;white-space:nowrap}.watch-controls #next{background:#51e5df;color:#052229;font-weight:700}.channel-label{font:9px monospace;letter-spacing:2px;gap:3px;flex:1;max-width:350px}.channel-label select{font:14px Outfit;border:0;border-radius:0;padding:5px;background:#102330;width:100%}button:disabled{opacity:.45;cursor:default}#status{font:9px monospace;color:#8faeb8;max-width:140px}dialog{width:min(1100px,94vw);max-width:94vw;background:#061018;color:#e7faff;border:1px solid #51e5df;padding:18px}dialog::backdrop{background:#000b;backdrop-filter:blur(5px)}.map-heading{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:12px}.map-heading small{font:10px monospace;color:#51e5df}.map-heading h2{margin:6px 0;font-size:24px}#map{height:60dvh;min-height:220px}dialog p{font-size:12px;color:#9bb5c3}#close-map{border-radius:0;font-size:11px}.mapboxgl-ctrl-attrib{font-size:9px}.position-pin{width:22px;height:22px;border:3px solid white;background:#51e5df;border-radius:50%;box-shadow:0 0 24px #51e5df}[hidden]{display:none!important}@media(max-width:700px){#stage{height:calc(100dvh - 124px)}.top{left:12px;right:12px;top:12px;gap:8px}.brand{padding:10px;border-left-width:3px}.brand b{font-size:15px;letter-spacing:1px}.brand small{font-size:7px;letter-spacing:2px}.chip{font-size:8px;gap:6px;padding:9px}#clock{display:none}.bottom{left:12px;right:12px;bottom:12px;grid-template-columns:1fr;gap:7px}.location{padding:10px;display:grid;grid-template-columns:1fr auto;align-items:center;gap:4px}.location .eyebrow{grid-column:1/-1;font-size:8px}.location h1{font-size:17px;margin:3px 0}#coords{font-size:9px;margin:0;grid-column:1}#expand-map{grid-row:2/4;grid-column:2;width:auto;font-size:9px;padding:9px;gap:6px}.telemetry{padding:10px 13px}.identity{font-size:12px;padding-bottom:6px}.identity small{font-size:7px}.readings{justify-content:space-between;padding:6px 0;gap:12px}.readings b{font-size:29px}.readings small{font-size:8px}.readings em{font-size:10px}.watch-controls{height:124px;padding:8px 12px;gap:6px;flex-wrap:wrap}.watch-controls button{padding:9px;font-size:9px}.channel-label{min-width:130px}.watch-controls #status{flex:1;max-width:none;font-size:8px}.watch-controls #full-screen{margin-left:auto}#warning{padding:6px 8px}#warning span{font-size:10px}#warning small{font-size:8px}footer{font-size:7px;margin-top:6px}#camera-placeholder{padding-bottom:270px}#camera-placeholder span{font-size:9px;letter-spacing:2px}#camera-placeholder small{font-size:11px}}
#broadcast iframe{position:absolute;inset:0;opacity:1;z-index:1}#broadcast iframe.standby-feed{opacity:0;pointer-events:none;z-index:0}.portrait{position:relative;flex:0 0 44px;width:44px;height:44px;border-radius:50%;overflow:hidden;border:2px solid #51e5df;background:#16333c;display:grid;place-items:center;color:#77e9df;font-weight:700;font-size:14px}.portrait canvas{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.top,.bottom{z-index:2}.minimize{display:block;margin:0 0 8px auto;padding:4px 7px;border:0;border-radius:0;background:transparent;font:9px monospace;letter-spacing:1px;min-height:25px}.minimized>*:not(.minimize){display:none!important}.minimized{padding:7px 12px!important;align-self:end}.minimized .minimize{margin:0}.location.minimized{display:block}#camera-placeholder{z-index:1}@media(max-width:700px){.location .minimize{grid-column:1/-1;margin:0 0 0 auto}.portrait{flex-basis:34px;width:34px;height:34px}.minimize{font-size:8px;padding:3px;min-height:24px}.watch-controls{gap:5px}.channel-label{min-width:100px}.bottom{gap:5px}}
.viewer-count{display:inline-flex;align-items:center;gap:5px;color:#d9f5f0;font:12px Outfit;letter-spacing:0}.viewer-count svg{width:17px;height:17px;fill:none;stroke:#51e5df;stroke-width:1.8}.bottom:has(.location.minimized):has(.telemetry.minimized){display:flex;justify-content:flex-end;gap:8px}.location{padding:12px}.telemetry{padding:12px 16px}.location h1{font-size:20px}.readings{padding:8px 0}.readings b{font-size:clamp(26px,3.2vw,44px)}.identity{font-size:13px}.bottom{grid-template-columns:minmax(190px,26%) 1fr;max-width:1050px;margin-left:auto}.minimized .minimize{font-size:9px}.minimized{background:#05111ac9}@media(max-width:700px){.bottom{grid-template-columns:1fr}.chip{flex-wrap:wrap;justify-content:flex-end}.viewer-count{font-size:10px}.viewer-count svg{width:14px;height:14px}}