*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--tv-bezel:#1a1208;--tv-bezel-mid:#2e2010;--tv-bezel-light:#4a3520;--tv-screen-bg:#000;--tv-glow:#0f8;--tv-amber:#f90;--tv-red:#f33;--remote-body:#1c1c24;--remote-mid:#2a2a36;--remote-light:#3a3a4a;--btn-shadow:#0a0a10;--display-bg:#001a0a;--scanline-opacity:.01;--tv-osd-font-size:28px}body{color:#e0d4b0;background:#000;min-height:100vh;padding:0;font-family:Share Tech Mono,monospace;overflow:hidden}.app-loading{color:#e0d4b0;letter-spacing:.08em;z-index:9999;background:#000;justify-content:center;align-items:center;font-family:Share Tech Mono,monospace;font-size:14px;display:flex;position:fixed;inset:0}.app-loading[hidden]{display:none}@keyframes pulse-led{0%,to{opacity:1}50%{opacity:.4}}.screen-bezel{width:100%;height:100%;position:relative}.screen-inner{background:var(--tv-screen-bg);cursor:pointer;border-radius:0;width:100vw;height:100dvh;position:relative;overflow:hidden}.screen-inner:after{content:"";background:repeating-linear-gradient(0deg, transparent, transparent 2px, rgba(0, 0, 0, var(--scanline-opacity)) 2px, rgba(0, 0, 0, var(--scanline-opacity)) 4px);pointer-events:none;z-index:10;border-radius:0;position:absolute;inset:0}.screen-inner:before{content:"";pointer-events:none;z-index:11;background:radial-gradient(#0000 40%,#0006 100%);border-radius:0;position:absolute;inset:0}.channel-video{opacity:0;width:100%;height:100%;transition:opacity 50ms;display:block;position:absolute;inset:0}video.channel-video{object-fit:contain;object-position:center center}.channel-video.active{opacity:1}.static-canvas{z-index:5;display:none;position:absolute;inset:0}.static-canvas.visible{display:block}.channel-osd{z-index:20;max-width:min(90vw,440px);font-family:VT323,monospace;font-size:var(--tv-osd-font-size);color:var(--tv-glow);text-shadow:0 0 8px var(--tv-glow);opacity:0;pointer-events:none;white-space:pre-wrap;text-align:right;background:#000000b3;border:1px solid #0f86;border-radius:4px;padding:10px 16px;transition:opacity .3s;position:absolute;top:16px;right:16px}.channel-osd.visible{opacity:1}.mute-osd{z-index:20;font-family:VT323,monospace;font-size:var(--tv-osd-font-size);color:var(--tv-red);text-shadow:0 0 8px var(--tv-red);background:#000000b3;border:1px solid #ff333380;border-radius:4px;padding:4px 12px;display:none;position:absolute;top:16px;left:16px}.mute-osd.visible{display:block}.peer-osd{z-index:20;font-family:VT323,monospace;font-size:var(--tv-osd-font-size);color:var(--tv-glow);opacity:0;background:#000000b3;border:1px solid #00ff884d;border-radius:4px;padding:4px 12px;transition:opacity .5s;position:absolute;bottom:16px;right:16px}.peer-osd.visible{opacity:1}.knob:after{content:"";background:#c8a850;border-radius:1px;width:2px;height:8px;position:absolute;top:6px;left:50%;transform:translate(-50%)}.knob:hover{transform:rotate(15deg)}.ch-dot{cursor:pointer;background:#2a1a08;border:1px solid #3a2a10;border-radius:50%;width:8px;height:8px;transition:all .3s}.ch-dot.active{background:var(--tv-amber);box-shadow:0 0 6px var(--tv-amber)}.middle-panel{flex-direction:column;flex-shrink:0;align-items:center;gap:0;width:124px;padding:0;display:flex}.qr-panel{background:#f5f0e8;border-radius:8px;padding:6px;line-height:0}.qr-panel #qrcode,.qr-panel #qrcode canvas{display:block}.qr-label{color:#000;text-align:center;margin-top:6px;font-family:VT323,monospace;font-size:13px}.connection-status{text-align:center;font-family:VT323,monospace;font-size:14px;line-height:1.4}.connection-status .status-dot{vertical-align:middle;background:#f90;border-radius:50%;width:7px;height:7px;margin-right:4px;display:inline-block}.connection-status.connected .status-dot{background:var(--tv-glow);box-shadow:0 0 6px var(--tv-glow)}.session-id{opacity:0;color:#888;text-align:center;word-break:break-all;pointer-events:none;height:0;margin:0;padding:0;font-family:Share Tech Mono,monospace;font-size:10px;overflow:hidden}.remote{background:#6b6670;border-radius:24px 28px 26px 30px;flex-direction:column;flex-shrink:0;align-items:center;gap:0;width:124px;padding:20px 12px 28px;display:flex;position:relative;box-shadow:0 0 0 4px #0f0f13,0 10px #26232a,0 18px 26px #00000073,inset 0 2px #ffffff26}.remote-side-column.is-draggable{-webkit-user-select:none;user-select:none}.remote-side-column.is-draggable:not(.is-dragging){cursor:grab}.remote-side-column.is-dragging{cursor:grabbing}.ir-blaster{background:#ff2a5f;border:3px solid #0f0f13;border-radius:50%;width:14px;height:14px;margin-bottom:12px;box-shadow:0 0 0 2px #302c36}@keyframes remoteIrFlash{0%{background:#ff2a5f;transform:scale(1);box-shadow:0 0 0 2px #302c36,0 0 10px #ff2a5fa6}50%{background:#fff;transform:scale(1.2);box-shadow:0 0 0 2px #302c36,0 0 18px #ffffffd9}to{background:#ff2a5f;transform:scale(1);box-shadow:0 0 0 2px #302c36,0 0 10px #ff2a5f73}}.ir-blaster.is-flashing{animation:.13s ease-in-out remoteIrFlash}.ir-blaster.power-off{background:#000;box-shadow:0 0 0 2px #302c36}.remote-display{background:#c9c4cd;border:4px solid #0f0f13;border-radius:8px;justify-content:center;align-items:center;width:90px;height:auto;min-height:36px;margin-bottom:16px;padding:0;display:flex;position:relative;overflow:hidden;box-shadow:inset 0 2px 6px #00000026,0 3px #00000040}.remote-display:after{content:"";background:repeating-linear-gradient(0deg,#0000,#0000 3px,#00ff8808 3px 4px);position:absolute;inset:0}.remote-display-text{color:#1f1a2a;text-shadow:none;letter-spacing:2px;z-index:1;white-space:pre-line;text-align:center;box-sizing:border-box;justify-content:center;align-items:center;width:100%;height:100%;padding:2px 4px;font-family:VT323,monospace;font-size:22px;line-height:1.05;display:flex;overflow:hidden}@keyframes remoteTickerScroll{0%{transform:translate(100%)}to{transform:translate(-100%)}}.remote-ticker-inner{white-space:nowrap;display:inline-block}.remote-ticker-inner.animating{animation-name:remoteTickerScroll;animation-timing-function:linear;animation-iteration-count:infinite}.btn-row{justify-content:center;gap:8px;margin-bottom:14px;display:flex}.btn-row-vertical{flex-direction:column;align-items:center;gap:14px;margin-bottom:14px}.rbtn{cursor:pointer;-webkit-user-select:none;user-select:none;border:4px solid #0f0f13;outline:none;justify-content:center;align-items:center;font-family:Share Tech Mono,monospace;transition:transform 80ms,box-shadow 80ms;display:flex;position:relative}.rbtn:active{transform:scale(.93)translateY(1px)}.sound-icon{width:25px;height:25px;display:block}.play-pause-icon{background:0 0;width:25px;height:25px;display:block}.rbtn-round{border-radius:50%;width:44px;height:44px;font-size:20px;font-weight:600;overflow:hidden}.rbtn-rect{letter-spacing:2px;border-radius:8px;width:auto;height:44px;padding:0 .5rem;font-size:14px;font-weight:700}.rbtn-power{color:#f7d5d8;text-shadow:none;background:#a91a22;box-shadow:0 4px #5f1117,0 6px 10px #00000059}.rbtn-power:hover{box-shadow:0 3px #0d0202,0 4px 12px #ff33334d,inset 0 1px #ff646426}.rbtn-nav:hover{background:#d8d4dc}.rbtn-play{color:#0f2a14;text-shadow:none;background:#2ef35d;box-shadow:0 4px #1a8435,0 6px 10px #00000059}.rbtn-play:hover{box-shadow:0 3px #020c06,0 4px 12px #0f83,inset 0 1px #00ff881a}.rbtn-mute{color:#17141d;text-shadow:none;background:#cbc6d0;box-shadow:0 4px #8f8798,0 6px 10px #00000059}.rbtn-mute:hover,.rbtn-fullscreen:hover{box-shadow:0 3px #5c5664,0 4px 12px #8f879873,inset 0 1px #d8d4dc59}.rbtn-txt{background:var(--tv-amber);color:#1a1208;text-shadow:none;font-weight:900;box-shadow:0 4px #8a4f00,0 6px 10px #00000059}.rbtn-txt:hover{box-shadow:0 3px #5c3700,0 4px 12px #ff990059,inset 0 1px #ffba4940}.rbtn-fullscreen{color:#17141d;background:#cbc6d0;box-shadow:0 4px #8f8798,0 6px 10px #00000059}.rbtn-fullscreen .fullscreen-remote-icon{width:22px;height:22px;display:block}.rbtn-ch:hover{color:#a0b0d8;background:linear-gradient(145deg,#26263a,#181826)}.txt-overlay{z-index:30;background:#000000eb;justify-content:stretch;align-items:stretch;padding:0;display:flex;position:absolute;inset:0}.txt-overlay[hidden]{display:none!important}.txt-overlay-card{width:100%;height:100%;box-shadow:none;color:var(--tv-glow);text-shadow:0 0 10px #00ff882e;background:0 0;border:none;border-radius:0;flex-direction:column;min-height:0;font-family:VT323,monospace;display:flex;overflow:hidden}.txt-overlay-footnote{letter-spacing:.2px;opacity:.6;text-shadow:none;color:inherit;text-underline-offset:2px;margin-top:auto;padding:14px 0 0;font-family:Share Tech Mono,monospace;font-size:10px;text-decoration:underline;text-decoration-thickness:1px}.txt-overlay-footnote:hover,.txt-overlay-footnote:focus-visible{opacity:.85}.txt-overlay-header{border-bottom:1px solid #00ff8838;justify-content:space-between;align-items:center;padding:14px 16px;display:flex}.txt-overlay-title{letter-spacing:4px;color:var(--tv-glow);text-shadow:0 0 12px #00ff8840;font-family:VT323,monospace;font-size:28px}.txt-overlay-close{color:var(--tv-glow);cursor:pointer;text-shadow:0 0 10px #00ff8840;background:#0003;border:1px solid #00ff8840;border-radius:10px;width:42px;height:34px;font-size:26px;line-height:1}.txt-overlay-close:active{transform:scale(.97)}.txt-overlay-body{-webkit-overflow-scrolling:touch;min-height:0;padding:14px 16px 18px;padding-bottom:calc(18px + env(safe-area-inset-bottom,0px));flex-direction:column;flex:1;display:flex;overflow:auto}.txt-overlay-section{margin-bottom:16px}.txt-overlay-section-title,.txt-ch-category{letter-spacing:2px;color:var(--tv-glow);opacity:.95;margin-bottom:8px;font-family:VT323,monospace;font-size:24px}.txt-ch-category{margin-top:12px}.txt-ch-category:first-child{margin-top:0}.txt-overlay-about{white-space:pre-wrap;opacity:1;font-size:22px;line-height:1.25}.txt-overlay-links{flex-direction:column;gap:8px;display:flex}.txt-overlay-link{color:inherit;text-underline-offset:3px;opacity:1;font-size:22px;line-height:1.25;text-decoration:underline;text-decoration-thickness:1px}.txt-overlay-link:hover,.txt-overlay-link:focus-visible{text-shadow:0 0 12px #00ff8859}.txt-overlay-channels{flex-direction:column;gap:8px;display:flex}.txt-ch-row{cursor:pointer;background:#00ff8809;border:1px solid #00ff882e;border-radius:10px;outline:none;grid-template-columns:70px 1fr 90px;align-items:start;gap:10px;padding:10px;font-size:22px;display:grid}.txt-ch-row:hover{border-color:#00ff884d}.txt-ch-row:focus-visible{box-shadow:0 0 0 2px #00ff8847,0 0 14px #00ff8814}.txt-ch-row.is-active{border-color:#00ff8859;box-shadow:0 0 14px #00ff8814}.txt-ch-left{color:var(--tv-glow);text-shadow:0 0 10px #00ff8826}.txt-ch-title{opacity:1;flex-direction:column;gap:2px;min-width:0;display:flex}.txt-ch-video-title{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.txt-ch-name{letter-spacing:.5px;opacity:.72;text-overflow:ellipsis;white-space:nowrap;font-size:.82em;overflow:hidden}.txt-ch-right{text-align:right;color:var(--tv-glow);letter-spacing:1px;opacity:.95}.dpad{width:90px;height:85px;margin:12px auto;position:relative}.dpad-btn{cursor:pointer;color:#17141d;-webkit-user-select:none;user-select:none;background:#cbc6d0;border:4px solid #0f0f13;outline:none;justify-content:center;align-items:center;width:44px;height:44px;font-size:18px;transition:transform 80ms,background .1s;display:flex;position:absolute}.dpad-btn:active{background:#b9b2c2;transform:scale(.9)}.dpad-btn:hover{color:#17141d;background:#d8d4dc}.dpad-up{border-radius:6px 6px 0 0;top:0;left:50%;transform:translate(-50%)}.dpad-down{border-radius:0 0 6px 6px;bottom:0;left:50%;transform:translate(-50%)}.dpad-up:active,.dpad-down:active{transform:translate(-50%)scale(.9)}.dpad-left:active,.dpad-right:active{transform:translateY(-50%)scale(.9)}.remote-section-label{color:#44445a;letter-spacing:2px;text-transform:uppercase;margin-bottom:6px;font-family:VT323,monospace;font-size:11px}@keyframes static-flash{0%{opacity:1}20%{opacity:.8}40%{opacity:1}60%{opacity:.6}80%{opacity:1}to{opacity:0}}.tv-wrapper{width:100vw;height:100vh;display:block;position:relative}:-webkit-any(html:fullscreen,html:-webkit-full-screen){height:100%}:is(html:fullscreen,html:fullscreen){height:100%}:-webkit-any(html:fullscreen body,html:-webkit-full-screen body){height:100%;min-height:100%}:is(html:fullscreen body,html:fullscreen body){height:100%;min-height:100%}.video-stage{width:100%;height:100%;position:relative}.remote-side-column{z-index:30;flex-direction:column;align-items:center;gap:10px;display:flex;position:fixed;top:50%;right:24px;transform:translateY(-50%)}body.phone-connected .remote-side-column{display:none!important}@media (width<=900px){body:not(.phone-connected) .middle-panel{display:none!important}body:not(.phone-connected) .remote-side-column{top:auto;left:1rem;right:auto;bottom:calc(env(safe-area-inset-bottom,0px) + 1.5rem);z-index:40;align-items:center;gap:0;width:auto;max-width:calc(100vw - 30px);position:fixed;transform:none}body:not(.phone-connected) .remote-side-column .remote{border-radius:18px;flex-direction:row;justify-content:center;align-items:center;gap:8px;width:auto;max-width:none;padding:10px;display:flex;position:relative}body:not(.phone-connected) .remote .btn-row:has(#powerBtn){display:none!important}body:not(.phone-connected) .remote .remote-display,body:not(.phone-connected) .remote .remote-divider{display:none}body:not(.phone-connected) .remote .btn-row,body:not(.phone-connected) .remote .btn-row-vertical{flex-direction:row;align-items:center;gap:10px;margin-bottom:0;display:flex}body:not(.phone-connected) .remote .ir-blaster,body:not(.phone-connected) .remote .remote-display{flex-shrink:0;margin-bottom:0}body:not(.phone-connected) .remote .dpad{align-items:center;width:auto;height:auto;margin:0;display:flex;position:static}body:not(.phone-connected) .remote .dpad-btn{border-radius:8px 8px 0 0;width:44px;height:44px;font-size:15px;position:static;box-shadow:0 4px #8f8798,0 6px 10px #00000059}body:not(.phone-connected) .remote #channelUpBtn{border-right:2px solid #000;border-radius:8px 0 0 8px}body:not(.phone-connected) .remote #channelDownBtn{border-left:2px solid #000;border-radius:0 8px 8px 0}body:not(.phone-connected) .remote .dpad-up,body:not(.phone-connected) .remote .dpad-down{transform:none}body:not(.phone-connected) .remote .dpad-up:active,body:not(.phone-connected) .remote .dpad-down:active{transform:scale(.9)}body:not(.phone-connected) .remote #playPauseBtn .play-pause-icon{width:24px;height:24px}body:not(.phone-connected) .txt-overlay-body{padding-bottom:calc(18px + 1.5rem + 5.5rem + env(safe-area-inset-bottom,0px))}body:not(.phone-connected) .remote .rbtn,body:not(.phone-connected) .remote .dpad-btn{-webkit-tap-highlight-color:transparent;touch-action:manipulation}body:not(.phone-connected) .remote .rbtn:focus,body:not(.phone-connected) .remote .rbtn:focus-visible,body:not(.phone-connected) .remote .dpad-btn:focus,body:not(.phone-connected) .remote .dpad-btn:focus-visible{outline:none}body:not(.phone-connected) .remote .rbtn::-moz-focus-inner{border:0;padding:0}body:not(.phone-connected) .remote .dpad-btn::-moz-focus-inner{border:0;padding:0}}html.mobile-remote-mode *,html.mobile-remote-mode :before,html.mobile-remote-mode :after{box-sizing:border-box;margin:0;padding:0}html.mobile-remote-mode,html.mobile-remote-mode body{background:#6b6670;height:100%}html.mobile-remote-mode body{min-height:100dvh;padding:calc(16px + env(safe-area-inset-top)) calc(16px + env(safe-area-inset-right)) calc(16px + env(safe-area-inset-bottom)) calc(16px + env(safe-area-inset-left));flex-direction:column;justify-content:center;align-items:center;font-family:VT323,monospace;display:flex}html.mobile-remote-mode h1{letter-spacing:4px;color:#f90;margin-bottom:6px;font-family:Orbitron,sans-serif;font-size:16px}html.mobile-remote-mode .remote-mobile{flex-direction:column;align-items:center;gap:8px;width:min(340px,100%);padding:8px 0;display:flex}html.mobile-remote-mode .mobile-ir-blaster{background:#ff2a5f;border:3px solid #0f0f13;border-radius:50%;width:14px;height:14px;margin-bottom:12px;box-shadow:0 0 0 2px #302c36}@keyframes mobileIrFlash{0%{background:#ff2a5f;transform:scale(1);box-shadow:0 0 0 2px #302c36,0 0 10px #ff2a5fa6}50%{background:#fff;transform:scale(1.2);box-shadow:0 0 0 2px #302c36,0 0 18px #ffffffd9}to{background:#ff2a5f;transform:scale(1);box-shadow:0 0 0 2px #302c36,0 0 10px #ff2a5f73}}html.mobile-remote-mode .mobile-ir-blaster.is-flashing{animation:.13s ease-in-out mobileIrFlash}html.mobile-remote-mode .mobile-ir-blaster.power-off{background:#000;box-shadow:0 0 0 2px #302c36}html.mobile-remote-mode .display{color:#1f1a2a;width:220px;height:auto;min-height:68px;text-shadow:none;letter-spacing:1px;text-align:center;white-space:pre-line;box-sizing:border-box;background:#c9c4cd;border:4px solid #0f0f13;border-radius:10px;justify-content:center;align-items:center;margin-bottom:20px;padding:4px 8px;font-size:28px;line-height:1.05;display:flex;overflow:hidden;box-shadow:inset 0 2px 6px #00000026,0 3px #00000040}html.mobile-remote-mode .display.power-off{color:#0000;background:#000}html.mobile-remote-mode .row{gap:18px;margin-bottom:18px;display:flex}html.mobile-remote-mode .row.channel-row{flex-direction:column;align-items:center;gap:0;margin-bottom:0}html.mobile-remote-mode .btn{cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation;-webkit-user-select:none;user-select:none;appearance:none;border:4px solid #0f0f13;border-radius:50%;outline:none;justify-content:center;align-items:center;font-size:20px;transition:transform 80ms,box-shadow 80ms;display:flex;overflow:hidden}html.mobile-remote-mode .btn:focus,html.mobile-remote-mode .btn:focus-visible{outline:none}html.mobile-remote-mode .btn::-moz-focus-inner{border:0;padding:0}html.mobile-remote-mode .btn .play-pause-icon{background:0 0!important}html.mobile-remote-mode .btn:active,html.mobile-remote-mode .btn.is-pressed{transform:scale(.93)translateY(1px)}html.mobile-remote-mode .btn-lg{width:90px;height:90px}html.mobile-remote-mode .btn-sm{width:52px;height:52px}html.mobile-remote-mode .btn-power{color:#f7d5d8;background:#a91a22;font-size:34px;line-height:1;box-shadow:0 4px #5f1117,0 6px 10px #00000059}html.mobile-remote-mode .btn-play{color:#0f2a14;background:#2ef35d;box-shadow:0 4px #1a8435,0 6px 10px #00000059}html.mobile-remote-mode .play-pause-icon{width:36px;height:36px}html.mobile-remote-mode .btn-nav{color:#17141d;width:90px;height:90px;box-shadow:none;background:#cbc6d0;border-radius:14px 14px 0 0;font-size:34px}html.mobile-remote-mode #mobileChannelUpButton{border-radius:14px 14px 0 0}html.mobile-remote-mode #mobileChannelDownButton{border-radius:0 0 14px 14px}html.mobile-remote-mode .btn-nav:hover{color:#17141d;background:#d8d4dc}html.mobile-remote-mode .btn-nav:active,html.mobile-remote-mode .btn-nav.is-pressed{background:#b9b2c2}html.mobile-remote-mode .btn-txt{color:#2b1700;letter-spacing:2px;background:#ff8a00;border-radius:14px;width:90px;height:52px;margin-top:1rem;font-size:18px;box-shadow:0 4px #b35f00,0 6px 10px #00000059}html.mobile-remote-mode .btn-txt:active{transform:scale(.93)translateY(1px)}html.mobile-remote-mode .divider{background:linear-gradient(90deg,#0000,#ffffff0f,#0000);width:80%;height:1px;margin:6px 0 10px}html.mobile-remote-mode .label{color:#44445a;letter-spacing:2px;text-transform:uppercase;margin-bottom:6px;font-size:11px}