:root{--crt-black: #0a0a08;--crt-blacker: #050504;--magenta: #ff2c8a;--magenta-deep: #c11d68;--cyan: #11e6d6;--cyan-deep: #0aa89c;--amber: #ffd44a;--red-rec: #ff3a2d;--static: #fbf6e6;--green-mute: #75ff67;--chyron-height: calc(3.4rem + max(.6rem, env(safe-area-inset-top, 0px))) ;font-family:IBM Plex Mono,monospace;color-scheme:dark}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{background:var(--crt-black);color:var(--static);min-height:100vh}body{position:relative;overflow-x:hidden}button{font:inherit;color:inherit;cursor:pointer}a{color:var(--cyan);text-decoration:none;border-bottom:1px dashed var(--cyan-deep)}a:hover{color:var(--amber);border-bottom-color:var(--amber)}body:before{content:"";position:fixed;inset:0;z-index:90;pointer-events:none;background:repeating-linear-gradient(to bottom,#0000 0 2px,#00000038 3px,#0000 4px);mix-blend-mode:multiply;animation:scan-scroll 6s linear infinite}body:after{content:"";position:fixed;inset:0;z-index:89;pointer-events:none;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='200' height='200'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='2' numOctaves='3' stitchTiles='stitch'/></filter><rect width='200' height='200' filter='url(%23n)' opacity='0.5'/></svg>");opacity:.08;mix-blend-mode:screen;animation:noise-jitter .4s steps(2) infinite}@keyframes scan-scroll{0%{background-position:0 0}to{background-position:0 200px}}@keyframes noise-jitter{0%{transform:translate(0)}50%{transform:translate(-2px,1px)}to{transform:translate(1px,-2px)}}@keyframes flicker{0%,to{opacity:1}92%,92.4%,92.8%,93%,93.6%{opacity:.92}92.2%,92.6%{opacity:.7}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.3}}@keyframes blink{50%{opacity:.3}}#root>.app-shell{animation:flicker 18s infinite;min-height:100vh}.chyron{position:fixed;top:0;left:0;right:0;z-index:110;display:grid;grid-template-columns:auto 1fr auto auto;align-items:center;gap:1.25rem;padding:.6rem 1rem;background:linear-gradient(to bottom,#ff2c8aeb,#ff2c8ad9);border-bottom:2px solid var(--cyan);font-family:IBM Plex Mono,monospace;font-weight:600;font-size:.85rem;text-transform:uppercase;color:var(--crt-blacker);letter-spacing:.08em}.chyron .rec{display:flex;align-items:center;gap:.5rem}.chyron .rec-dot{width:10px;height:10px;background:var(--red-rec);border-radius:50%;animation:pulse 1.4s infinite}.chyron .channel{letter-spacing:.16em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chyron .timecode{font-family:VT323,monospace;font-size:1.3rem;color:var(--amber);background:var(--crt-blacker);padding:.1rem .6rem;border:1px solid var(--cyan);letter-spacing:.05em}.chyron .you{display:flex;align-items:center;gap:.4rem;font-size:.72rem;letter-spacing:.16em}.chyron .you-name{font-weight:700}.chyron .logout{background:var(--crt-blacker);color:var(--cyan);border:1px solid var(--cyan);font-family:IBM Plex Mono,monospace;font-weight:600;font-size:.7rem;letter-spacing:.18em;padding:.4rem .7rem;text-transform:uppercase}.chyron .logout:hover{background:var(--cyan);color:var(--crt-blacker)}.stage{padding-top:4rem;padding-top:var(--chyron-height);min-height:100vh}.lobby{max-width:1200px;margin:0 auto;padding:2rem 1.5rem 4rem}.lobby-colorbars{display:grid;grid-template-columns:repeat(7,1fr);height:80px;margin-bottom:2rem;border:2px solid var(--cyan);animation:colorbar-fade 2.4s ease-out forwards}.lobby-colorbars>div{display:grid;place-items:center;font-family:IBM Plex Mono,monospace;font-size:.65rem;color:var(--crt-blacker);font-weight:700}.lobby-colorbars .b1{background:silver}.lobby-colorbars .b2{background:var(--amber)}.lobby-colorbars .b3{background:var(--cyan)}.lobby-colorbars .b4{background:#00c000}.lobby-colorbars .b5{background:var(--magenta)}.lobby-colorbars .b6{background:#c00000}.lobby-colorbars .b7{background:#0000c0;color:var(--static)}@keyframes colorbar-fade{0%,60%{opacity:1;transform:scaleY(1)}to{opacity:.3;transform:scaleY(.4)}}.lobby-hero{text-align:center;padding:1rem 0 2rem}.lobby-show-card{font-family:IBM Plex Mono,monospace;font-size:.8rem;color:var(--magenta);letter-spacing:.4em;margin-bottom:.5rem}.lobby-title{font-family:Big Shoulders Display,sans-serif;font-weight:900;font-size:clamp(3rem,11vw,8rem);line-height:.85;color:var(--static);letter-spacing:.02em;text-shadow:-3px 0 0 var(--magenta),3px 0 0 var(--cyan),0 0 30px rgba(255,255,255,.3)}.lobby-title .line2{display:block;color:var(--amber);text-shadow:-3px 0 0 var(--magenta),3px 0 0 var(--cyan)}.lobby-meta{font-family:IBM Plex Mono,monospace;font-size:.85rem;color:var(--cyan);margin-top:1.25rem;letter-spacing:.12em}.lobby-meta span{color:var(--magenta);margin:0 .5rem}.signin-block{display:flex;flex-direction:column;align-items:center;padding:3rem 0 2rem;gap:1.5rem}.press-play{font-family:Big Shoulders Display,sans-serif;font-weight:700;font-size:2rem;letter-spacing:.1em;color:var(--amber);text-transform:uppercase;animation:blink 1.2s infinite}.signin-btn{background:var(--magenta);color:var(--crt-blacker);border:3px solid var(--cyan);font-family:Big Shoulders Display,sans-serif;font-weight:900;font-size:1.4rem;letter-spacing:.1em;text-transform:uppercase;padding:1rem 2.5rem;text-decoration:none;display:inline-block;box-shadow:6px 6px 0 var(--amber),12px 12px 0 var(--crt-blacker);transition:transform 80ms,box-shadow 80ms}.signin-btn:hover{transform:translate(-3px,-3px);box-shadow:9px 9px 0 var(--amber),18px 18px 0 var(--crt-blacker)}.signin-btn:active{transform:translate(3px,3px);box-shadow:3px 3px 0 var(--amber),6px 6px 0 var(--crt-blacker)}.lobby-grid-link{font-family:IBM Plex Mono,monospace;font-size:.85rem;text-transform:uppercase;letter-spacing:.18em;color:var(--cyan);border:none;margin-top:.5rem}.countdown-box{margin:2.5rem auto 0;max-width:600px;border:3px solid var(--cyan);padding:1.5rem;background:var(--crt-blacker)}.countdown-box .label{font-family:IBM Plex Mono,monospace;font-size:.75rem;letter-spacing:.3em;color:var(--magenta);text-transform:uppercase;margin-bottom:.5rem}.countdown-box .sub{font-family:IBM Plex Mono,monospace;font-size:.75rem;color:var(--cyan);letter-spacing:.2em;text-align:center;margin-top:.5rem}.crew{display:flex;gap:1rem;justify-content:center;margin-top:2.5rem;flex-wrap:wrap}.crew-item{display:grid;grid-template-columns:auto 1fr;gap:.5rem;align-items:center;padding:.5rem 1rem;border:1px dashed var(--cyan)}.crew-av{width:28px;height:28px;background:var(--magenta);color:var(--crt-blacker);display:grid;place-items:center;font-family:VT323,monospace;font-size:1.1rem;font-weight:700;overflow:hidden}.crew-av img{width:100%;height:100%;object-fit:cover}.crew-name{font-family:IBM Plex Mono,monospace;font-size:.85rem;text-transform:uppercase;letter-spacing:.1em;color:var(--cyan)}.player-view{max-width:1400px;margin:0 auto;padding:1rem;display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:1rem;min-height:calc(100vh - 4rem);min-height:calc(100vh - var(--chyron-height))}@media(max-width:900px){.player-view{grid-template-columns:1fr}}.player-strip{display:flex;flex-direction:column;gap:.6rem;overflow-y:auto}@media(max-width:900px){.player-strip{flex-direction:row;overflow-x:auto;padding-bottom:.5rem}.player-strip>*{flex:0 0 60%}}.tile{position:relative;aspect-ratio:16 / 9;background:var(--crt-blacker);border:2px solid var(--cyan);overflow:hidden}.tile.tile-primary{border:4px solid var(--cyan)}.tile.tile-pip{border:2px solid var(--magenta)}.tile-player{width:100%;height:100%;position:relative}.tile-player iframe{width:100%;height:100%;border:0;display:block}.tile:before{content:"";position:absolute;inset:0;z-index:2;pointer-events:none;background:radial-gradient(ellipse at center,transparent 50%,rgba(0,0,0,.5) 100%)}.tile-cam{position:absolute;top:.3rem;left:.4rem;z-index:3;font-family:VT323,monospace;font-size:1.05rem;color:var(--amber);background:var(--crt-blacker);padding:.05rem .45rem;border:1px solid var(--amber);letter-spacing:.1em;text-transform:uppercase}.tile-tc{position:absolute;top:.3rem;right:.4rem;z-index:3;font-family:VT323,monospace;font-size:.95rem;color:var(--cyan);background:var(--crt-blacker);padding:.05rem .4rem;letter-spacing:.05em}.tile-rec{position:absolute;top:.35rem;left:4.8rem;z-index:3;display:flex;align-items:center;gap:.3rem;font-family:IBM Plex Mono,monospace;font-size:.7rem;color:var(--red-rec);text-shadow:0 0 6px rgba(255,58,45,.6)}.tile-rec .d{width:8px;height:8px;background:var(--red-rec);border-radius:50%;animation:pulse 1.4s infinite}.tile-lower-third{position:absolute;bottom:0;left:0;right:0;z-index:4;display:grid;grid-template-columns:auto 1fr auto;background:linear-gradient(to right,#ff2c8af2,#ff2c8ab3);border-top:2px solid var(--cyan);font-family:Big Shoulders Display,sans-serif;font-weight:900;text-transform:uppercase}.tile-lower-third .name{padding:.5rem 1rem;font-size:1.25rem;color:var(--crt-blacker);letter-spacing:.05em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tile-lower-third .show{padding:.55rem .8rem;font-size:.85rem;color:var(--static);align-self:center;letter-spacing:.15em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tile-lower-third .pt{padding:.55rem .8rem;background:var(--cyan);color:var(--crt-blacker);font-size:.85rem;align-self:center;letter-spacing:.15em}.tile-name-tag{position:absolute;bottom:0;left:0;right:0;z-index:4;padding:.4rem .6rem;background:linear-gradient(to top,rgba(255,44,138,.95),transparent);font-family:Big Shoulders Display,sans-serif;font-weight:900;font-size:1rem;color:var(--static);text-transform:uppercase;letter-spacing:.05em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sync-indicator{position:absolute;bottom:.5rem;right:.5rem;z-index:5;display:flex;align-items:center;gap:.4rem;background:var(--crt-blacker);border:1px solid var(--amber);padding:.25rem .5rem;font-family:VT323,monospace;font-size:1rem;color:var(--amber);letter-spacing:.1em;text-shadow:0 0 6px rgba(255,212,74,.5)}.sync-indicator .label{font-family:IBM Plex Mono,monospace;font-size:.65rem;letter-spacing:.2em;color:var(--cyan);text-transform:uppercase}.public-grid{max-width:1400px;margin:0 auto;padding:1rem}.grid-banner{text-align:center;padding:1rem;margin-bottom:1.5rem;background:var(--crt-blacker);border:3px solid var(--cyan);font-family:Big Shoulders Display,sans-serif;font-weight:900;font-size:clamp(1.2rem,2.6vw,2rem);color:var(--amber);letter-spacing:.2em;text-transform:uppercase}.grid-banner .sep{color:var(--magenta)}.grid-banner .feed-tc{color:var(--cyan);margin-left:1rem;font-size:.85em;font-family:VT323,monospace}.cam-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:.75rem}.cam-grid .tile{aspect-ratio:4 / 3}.cam-grid .tile .tile-cam{font-size:1rem}.cam-grid .tile-name-tag{font-size:1.05rem}.tile-empty{display:grid;place-items:center;text-align:center;padding:1rem;color:var(--cyan);font-family:IBM Plex Mono,monospace;letter-spacing:.18em;text-transform:uppercase}.tile-empty .placeholder-av{width:64px;height:64px;background:var(--crt-blacker);border:2px solid var(--cyan);display:grid;place-items:center;font-family:VT323,monospace;color:var(--magenta);font-size:2.2rem;margin-bottom:.75rem;overflow:hidden}.tile-empty .placeholder-av img{width:100%;height:100%;object-fit:cover;filter:grayscale(.4) contrast(1.1)}.tile-empty .placeholder-name{font-family:Big Shoulders Display,sans-serif;font-weight:900;font-size:1.1rem;color:var(--static);letter-spacing:.1em;margin-bottom:.3rem}.tile-empty .placeholder-status{font-size:.75rem;color:var(--amber)}.unmute-floor{position:fixed;right:1rem;bottom:1rem;z-index:50;background:var(--green-mute);color:var(--crt-blacker);border:2px solid var(--crt-blacker);font-family:Big Shoulders Display,sans-serif;font-weight:900;font-size:1rem;letter-spacing:.1em;text-transform:uppercase;padding:.6rem 1.2rem;box-shadow:4px 4px 0 var(--magenta);transition:transform 80ms,box-shadow 80ms}.unmute-floor:hover{box-shadow:6px 6px 0 var(--magenta);transform:translate(-2px,-2px)}.footer-tc{position:fixed;left:1rem;bottom:1rem;z-index:60;font-family:VT323,monospace;font-size:.95rem;color:var(--magenta);letter-spacing:.1em;pointer-events:none}.countdown-numerals{font-family:VT323,monospace;font-size:6rem;color:var(--amber);line-height:1;text-align:center;letter-spacing:.05em}.countdown-inline{font-family:VT323,monospace;font-size:1.4rem;color:var(--amber);letter-spacing:.05em}.chyron{padding-top:max(.6rem,env(safe-area-inset-top));padding-left:max(1rem,env(safe-area-inset-left));padding-right:max(1rem,env(safe-area-inset-right))}.unmute-floor{bottom:max(1rem,env(safe-area-inset-bottom));right:max(1rem,env(safe-area-inset-right))}.footer-tc{bottom:max(1rem,env(safe-area-inset-bottom));left:max(1rem,env(safe-area-inset-left))}@supports (min-height: 100svh){html,body,#root,#root>.app-shell,.stage{min-height:100svh}.player-view{min-height:calc(100svh - var(--chyron-height))}}@media(hover:none)and (pointer:coarse){.chyron .logout{min-height:44px;padding:.55rem .9rem;font-size:.78rem}.unmute-floor{min-height:44px;padding:.7rem 1.1rem}.lobby-grid-link{display:inline-block;padding:.6rem .4rem}}@media(max-width:640px){:root{--chyron-height: calc(3rem + max(.6rem, env(safe-area-inset-top, 0px))) }.chyron{grid-template-columns:auto minmax(0,1fr) auto auto;gap:.6rem;padding-left:max(.6rem,env(safe-area-inset-left));padding-right:max(.6rem,env(safe-area-inset-right));font-size:.7rem;letter-spacing:.06em}.chyron .channel{font-size:.7rem}.chyron .timecode{font-size:1rem;padding:.05rem .4rem}.chyron .you-name{display:none}.lobby{padding:1rem 1rem 4rem}.lobby-colorbars{height:56px;margin-bottom:1.25rem}.lobby-colorbars>div{font-size:.55rem}.lobby-title{font-size:clamp(2.6rem,14vw,5rem);text-shadow:-2px 0 0 var(--magenta),2px 0 0 var(--cyan),0 0 20px rgba(255,255,255,.25)}.lobby-title .line2{text-shadow:-2px 0 0 var(--magenta),2px 0 0 var(--cyan)}.lobby-show-card{font-size:.65rem;letter-spacing:.32em}.lobby-meta{font-size:.7rem;letter-spacing:.08em}.signin-block{padding:2rem 0 1rem;gap:1rem}.press-play{font-size:1.4rem}.signin-btn{font-size:1.05rem;padding:.85rem 1.6rem;box-shadow:4px 4px 0 var(--amber),8px 8px 0 var(--crt-blacker)}.signin-btn:hover{box-shadow:6px 6px 0 var(--amber),12px 12px 0 var(--crt-blacker)}.lobby-grid-link{font-size:.75rem}.countdown-box{padding:1rem .75rem;max-width:none}.countdown-numerals{font-size:clamp(3.2rem,16vw,6rem)}.countdown-box .label,.countdown-box .sub{font-size:.65rem;letter-spacing:.2em}.crew{gap:.6rem;margin-top:1.5rem}.crew-item{padding:.4rem .75rem}.player-view{padding:.5rem;gap:.5rem}.player-strip{gap:.4rem;padding-bottom:.25rem}.player-strip>*{flex:0 0 70%}.tile-cam{font-size:.85rem;padding:.05rem .35rem}.tile-tc{font-size:.8rem}.tile-rec{font-size:.6rem;left:4rem}.tile-lower-third{grid-template-columns:1fr}.tile-lower-third .show,.tile-lower-third .pt{display:none}.tile-lower-third .name{font-size:1rem;padding:.45rem .7rem}.tile-name-tag{font-size:.85rem;padding:.3rem .55rem}.sync-indicator{font-size:.85rem;padding:.2rem .4rem}.public-grid{padding:.5rem}.grid-banner{font-size:.95rem;letter-spacing:.14em;padding:.75rem;line-height:1.4}.grid-banner .feed-tc{display:block;margin-left:0;margin-top:.25rem;font-size:.95em}.cam-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:.5rem}.unmute-floor{font-size:.85rem;padding:.65rem 1rem}.footer-tc{font-size:.8rem}body:after{animation:none}}@media(max-width:480px){.chyron{grid-template-columns:auto minmax(0,1fr) auto}.chyron .channel{display:none}}@media(prefers-reduced-motion:reduce){body:before,body:after,#root>.app-shell,.lobby-colorbars,.press-play,.rec-dot,.tile-rec .d{animation:none!important}.lobby-colorbars{opacity:.5}}