@import url("https://fonts.googleapis.com/css2?family=VT323&family=Press+Start+2P&family=Silkscreen:wght@400;700&display=swap");:root{--bg:#080810;--cyan:#00c4ff;--magenta:#ff00ff;--yellow:#ffe500;--orange:#ff6600;--green:#00ff41;--pink:#ff2db4;--purple:#9b59b6;--red:#ff2244}*{margin:0;padding:0;box-sizing:border-box}@keyframes scanlines{0%{background-position:0 0}to{background-position:0 4px}}@keyframes crt-on{0%{opacity:0;transform:scaleY(.001);filter:brightness(10)}15%{transform:scaleY(.04)}50%{transform:scaleY(1) scaleX(1.01);filter:brightness(2)}to{opacity:1;transform:scaleY(1) scaleX(1);filter:brightness(1)}}@keyframes channel-switch{0%{opacity:1;filter:brightness(1)}20%{opacity:0;filter:brightness(10) saturate(0);transform:scaleY(.02)}60%{opacity:.5;filter:brightness(2) saturate(.3);transform:scaleY(1)}to{opacity:1;filter:brightness(1) saturate(1)}}@keyframes progress-pulse{0%,to{opacity:.7}50%{opacity:1}}@keyframes vhs-tracking{0%{top:-5%}to{top:105%}}@keyframes dots{0%{content:""}25%{content:"."}50%{content:".."}75%{content:"..."}}@keyframes retro-flicker{0%,to{opacity:1}88%{opacity:1}89%{opacity:.75}90%{opacity:1}93%{opacity:.8}94%{opacity:1}96%{opacity:.85}97%{opacity:1}}body,html{height:100%;overflow:hidden}body{background:var(--bg);color:#fff;font-family:VT323,monospace;animation:crt-on 1.2s ease forwards}body.retro-mode{animation:crt-on 1.2s ease forwards,retro-flicker .15s linear infinite}body.retro-mode .video-frame{border-radius:20px;box-shadow:inset 0 0 80px 40px rgba(0,0,0,.45)}body.retro-mode .vhs-tracking{display:block}.splash-screen{position:fixed;inset:0;z-index:20000;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;background:radial-gradient(circle at center,#121246 0,#060616 70%);text-align:center}.splash-logo{font-family:Press Start\ 2P,monospace;font-size:clamp(14px,2.4vw,24px);letter-spacing:3px;color:var(--yellow);text-shadow:0 0 12px rgba(255,229,0,.25)}.splash-title{font-family:VT323,monospace;font-size:clamp(36px,5vw,62px);letter-spacing:2px;color:#fff}.splash-subtitle{font-family:VT323,monospace;font-size:clamp(20px,2.4vw,30px);letter-spacing:1px;color:rgba(0,196,255,.9)}.player-screen{position:fixed;inset:0;background:#000;z-index:1;display:flex;flex-direction:column}.player-screen.layout-split .video-area{flex:0 0 54%;min-height:0}.player-screen.layout-split.layout-app-fullscreen .video-area{flex:1 1 66%;min-height:0}.player-screen.layout-split.layout-app-fullscreen .guide-grid{flex:0 0 min(38vh,420px);max-height:min(42vh,480px)}.player-screen.has-side-panel .video-area{display:flex;flex-direction:row;align-items:stretch}.info-panel{width:42%;min-width:280px;max-width:520px;padding:24px 28px;background:linear-gradient(135deg,#0a0a1a,#0d0d20);border-right:1px solid rgba(255,255,255,.08);overflow:hidden}.info-panel,.remote-toolbar{display:flex;flex-direction:column;justify-content:center;flex-shrink:0;z-index:2}.remote-toolbar{width:116px;align-items:stretch;gap:12px;padding:14px 10px;background:linear-gradient(180deg,#0a0a24 0,var(--bg) 100%);border-right:1px solid rgba(255,229,0,.12);box-shadow:inset -1px 0 0 rgba(0,0,0,.35),inset 0 0 0 1px rgba(0,196,255,.06)}.remote-toolbar__sync{border:1px solid rgba(255,229,0,.2);border-radius:2px;background:rgba(0,0,0,.35);box-shadow:inset 0 2px 6px rgba(0,0,0,.5),0 0 0 1px rgba(0,196,255,.08);padding:12px 8px 14px;text-align:center;margin-bottom:0}.remote-toolbar__sync-label{font-family:Press Start\ 2P,monospace;font-size:6px;letter-spacing:1px;color:rgba(255,229,0,.55);margin-bottom:4px}.remote-toolbar__sync-label--spaced{margin-top:10px;margin-bottom:4px}.remote-toolbar__sync-value{font-family:VT323,monospace;font-size:26px;color:rgba(255,255,255,.88);letter-spacing:1px;line-height:1.1}.remote-toolbar__sync-airtime{font-family:VT323,monospace;font-size:18px;color:rgba(0,196,255,.85);letter-spacing:.5px;line-height:1.25;word-break:break-all}.remote-toolbar__sync-refresh{font-family:VT323,monospace;font-size:17px;color:rgba(255,255,255,.75);letter-spacing:.5px;line-height:1.2}.remote-toolbar__action{width:100%;min-height:58px;padding:10px 8px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;cursor:pointer;font-family:Press Start\ 2P,monospace;border-radius:2px;border:1px solid rgba(255,229,0,.18);background:rgba(10,10,42,.75);color:rgba(255,255,255,.78);box-shadow:inset 0 1px 0 rgba(255,255,255,.05),inset 0 -2px 0 rgba(0,0,0,.35)}.remote-toolbar__action:hover{background:rgba(0,196,255,.1);border-color:rgba(0,196,255,.45);color:rgba(255,255,255,.95)}.remote-toolbar__action:active{background:rgba(0,0,0,.35);box-shadow:inset 0 2px 6px rgba(0,0,0,.45)}.remote-toolbar__action--tall{min-height:64px}.remote-toolbar__action-line{font-size:9px;letter-spacing:.5px;line-height:1.25;text-align:center}.remote-toolbar__action-line--state{font-size:7px;color:rgba(255,229,0,.45);letter-spacing:1px}.remote-toolbar__action-line--muted{color:rgba(255,102,0,.75)}.remote-toolbar__action-line--state.remote-toolbar__action-line--muted{color:rgba(255,102,0,.85)}.info-panel-status{font-size:20px;color:var(--cyan);margin-bottom:12px;letter-spacing:1px}.info-channel-tag{font-family:Press Start\ 2P,monospace;font-size:11px;letter-spacing:3px;margin-bottom:12px}.info-title{font-size:clamp(22px,3.2vw,40px);color:#fff;line-height:1.1;margin-bottom:8px}.info-meta{font-size:20px;color:rgba(255,255,255,.45);margin-bottom:16px;letter-spacing:1px}.info-progress-wrap{display:flex;align-items:center;gap:12px;max-width:100%;margin-bottom:8px}.info-progress-bar{flex:1 1;height:4px;background:rgba(255,255,255,.12);border-radius:2px;overflow:hidden}.info-progress-fill{height:100%;border-radius:2px;transition:width .8s linear}.info-time{font-size:20px;color:rgba(255,255,255,.4);white-space:nowrap}.info-upnext{margin-top:16px;font-size:18px;color:rgba(255,255,255,.3);letter-spacing:1px;line-height:1.35}.info-upnext strong{font-family:Press Start\ 2P,monospace;font-size:8px;letter-spacing:2px;color:rgba(255,255,255,.45);font-weight:400;margin-right:8px}.video-stage{flex:1 1;min-width:0;min-height:0;display:flex;align-items:center;justify-content:center;padding:2px;background:#000}.video-stage--solo{width:100%}.video-aspect{position:relative;width:100%;height:100%;aspect-ratio:4/3;max-width:100%;max-height:100%;margin:0 auto}.video-aspect .video-container{position:absolute;inset:0;width:100%;height:100%;flex:none}.video-area{flex:1 1;position:relative;overflow:hidden;min-height:0;display:flex}.player-screen:not(.has-side-panel) .video-area,.video-area{flex-direction:column}.player-screen:not(.has-side-panel) .video-stage,.video-container{flex:1 1;width:100%}.video-container{position:relative;min-height:0;min-width:0;overflow:hidden;background:#000}.video-container.channel-switch-anim .yt-embed-wrap{animation:channel-switch .5s ease forwards}.yt-embed-wrap{width:100%;height:100%;z-index:1}.yt-embed-inner,.yt-embed-wrap,.yt-player-mount{position:absolute;inset:0}.yt-player-mount{width:100%;height:100%}.yt-player-mount iframe{position:absolute!important;inset:0;width:100%!important;height:100%!important;border:0}.yt-hover-shield{position:absolute;inset:0;z-index:3;background:transparent;pointer-events:auto}.yt-startup-mask{position:absolute;pointer-events:none;z-index:2;background:#000}.yt-startup-mask--top{top:0;left:0;right:0;height:56px}.yt-startup-mask--corner{right:0;bottom:0;width:170px;height:54px}.yt-placeholder{display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#0a0a1a,#0d0d20);color:rgba(255,255,255,.45);font-size:28px;text-align:center;padding:40px}.tv-start-btn,.yt-placeholder{position:absolute;inset:0;letter-spacing:2px}.tv-start-btn{margin:auto;width:min(520px,90%);height:64px;z-index:8;font-family:Press Start\ 2P,monospace;font-size:11px;color:var(--cyan);background:rgba(0,0,0,.85);border:2px solid var(--cyan);cursor:pointer;transition:all .2s}.tv-start-btn:hover{background:var(--cyan);color:#000}.retro-overlay{position:absolute;inset:0;pointer-events:none;z-index:9999;display:none;background:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(0,0,0,.08) 0,rgba(0,0,0,.08) 4px),radial-gradient(ellipse at center,transparent 60%,rgba(0,0,0,.7) 100%);animation:scanlines .08s linear infinite}body.retro-mode .retro-overlay{display:block}.static-overlay{position:absolute;inset:0;z-index:10;opacity:0;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)' opacity='0.8'/%3E%3C/svg%3E");transition:opacity .1s}.static-overlay.active{opacity:1}.vhs-tracking{position:absolute;left:0;right:0;height:3px;background:rgba(255,255,255,.08);z-index:11;pointer-events:none;animation:vhs-tracking 8s linear infinite;box-shadow:0 0 20px 4px rgba(255,255,255,.03);display:none}.clock-display{position:absolute;top:16px;left:16px;z-index:20;font-family:VT323,monospace;font-size:26px;color:rgba(255,255,255,.35);letter-spacing:2px}.signal-screen{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;background:#000;z-index:40}.signal-screen.hidden{display:none}.loading-text:after{content:"";animation:dots 1.5s steps(4) infinite}.loading-text{font-family:Press Start\ 2P,monospace;font-size:12px;color:var(--cyan);letter-spacing:3px}.loading-sub{font-size:24px;color:rgba(255,255,255,.35)}.now-playing-overlay{position:absolute;bottom:0;left:0;right:0;z-index:30;background:linear-gradient(transparent,rgba(0,0,0,.95));padding:72px 48px 32px;transform:translateY(100%);transition:transform .45s cubic-bezier(.16,1,.3,1);pointer-events:none}.now-playing-overlay.visible{transform:translateY(0)}.np-channel-tag{font-family:Press Start\ 2P,monospace;font-size:11px;letter-spacing:3px;margin-bottom:8px}.np-title{font-size:clamp(28px,4vw,52px);line-height:1.05;color:#fff;margin-bottom:6px}.np-meta{font-size:22px;color:rgba(255,255,255,.55);margin-bottom:16px}.np-progress-wrap{display:flex;align-items:center;gap:16px;max-width:560px}.np-progress-bar{flex:1 1;height:4px;background:rgba(255,255,255,.2);border-radius:2px;overflow:hidden}.np-progress-fill{height:100%;border-radius:2px;transition:width .8s linear;animation:progress-pulse 2s ease-in-out infinite}.np-time{font-size:22px;color:rgba(255,255,255,.45);white-space:nowrap}.np-upnext{margin-top:14px;font-size:20px;color:rgba(255,255,255,.35)}.np-upnext strong{font-family:Press Start\ 2P,monospace;font-size:9px;letter-spacing:2px;color:rgba(255,255,255,.5);font-weight:400;margin-right:8px}.guide-grid{flex:1 1;display:flex;flex-direction:column;background:#0a0a2a;border-top:2px solid rgba(255,215,0,.3);overflow:hidden;z-index:10;min-height:0}.grid-header{display:flex;align-items:center;height:32px;flex-shrink:0;background:rgba(0,0,0,.4);border-bottom:1px solid rgba(255,215,0,.2)}.grid-channel-col{width:340px;min-width:340px;flex-shrink:0;font-family:Press Start\ 2P,monospace;font-size:8px;color:var(--yellow);letter-spacing:2px;padding:0 12px}.grid-timeline-scroll{flex:1 1;min-width:0;overflow-x:auto;overflow-y:hidden;scrollbar-width:thin;scrollbar-color:rgba(255,215,0,.35) rgba(0,0,0,.25)}.grid-timeline-scroll::-webkit-scrollbar{height:8px}.grid-timeline-scroll::-webkit-scrollbar-track{background:rgba(0,0,0,.25)}.grid-timeline-scroll::-webkit-scrollbar-thumb{background:rgba(255,215,0,.35);border-radius:4px}.grid-time-slots{display:flex;height:100%;width:100%;box-sizing:border-box}.grid-time-slot{flex:1 1;font-family:VT323,monospace;font-size:20px;color:var(--yellow);letter-spacing:1px;padding:0 8px;display:flex;align-items:center;border-left:1px solid rgba(255,215,0,.15)}.grid-body{flex:1 1;overflow-y:auto;scrollbar-width:none}.grid-body::-webkit-scrollbar{display:none}.grid-row{display:flex;min-height:40px;height:auto;align-items:stretch;border-bottom:1px solid rgba(255,255,255,.05);cursor:pointer;transition:background .15s}.grid-row:nth-child(odd){background:rgba(255,255,255,.02)}.grid-row:nth-child(2n){background:rgba(0,0,0,.15)}.grid-row:hover{background:rgba(255,255,255,.06)}.grid-row.active{background:rgba(255,255,255,.08)}.grid-row.focused{background:rgba(0,255,255,.06);box-shadow:inset 3px 0 0 var(--cyan)}.grid-row-channel{width:340px;min-width:340px;flex-shrink:0;display:flex;align-items:center;gap:8px;padding:6px 12px;overflow:visible}.grid-ch-num{font-size:20px;color:rgba(255,255,255,.35);min-width:28px}.grid-ch-name,.grid-ch-num{font-family:VT323,monospace}.grid-ch-name{font-size:18px;letter-spacing:1px;white-space:normal;overflow:visible;line-height:1.2;flex:1 1;min-width:0}.grid-row-programs{align-items:stretch;align-self:stretch;min-height:38px;width:100%;position:relative}.grid-program,.grid-row-programs{display:flex;box-sizing:border-box}.grid-program{align-items:center;padding:0 8px;font-family:VT323,monospace;font-size:17px;color:rgba(255,255,255,.8);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;border-left:1px solid rgba(255,255,255,.08);flex-shrink:0}.grid-program:first-child{border-left:none}.grid-program.now-playing{color:#fff;font-weight:700}.status-bar{padding:8px 16px;font-family:Press Start\ 2P,monospace;font-size:7px;color:rgba(255,255,255,.2);text-align:center;border-top:1px solid rgba(255,255,255,.06);flex-shrink:0;letter-spacing:1px}.status-bar span{color:rgba(0,255,255,.35)}.status-bar__hint{font-family:VT323,monospace!important;font-size:14px!important;letter-spacing:.5px!important;color:rgba(255,255,255,.18)!important}.keyboard-help-modal{position:fixed;inset:0;z-index:20000;display:flex;align-items:center;justify-content:center;padding:24px}.keyboard-help-modal__backdrop{position:absolute;inset:0;border:none;padding:0;margin:0;cursor:pointer;background:rgba(0,0,0,.72)}.keyboard-help-modal__panel{position:relative;max-width:520px;width:100%;max-height:min(90vh,640px);overflow:auto;background:linear-gradient(160deg,#0d0d28,#0a0a1a);border:2px solid rgba(255,215,0,.35);box-shadow:0 0 0 1px rgba(0,196,255,.12),0 24px 48px rgba(0,0,0,.65);padding:24px 28px 20px}.keyboard-help-modal__title{font-family:Press Start\ 2P,monospace;font-size:11px;letter-spacing:2px;color:var(--yellow);margin:0 0 12px}.keyboard-help-modal__note{font-family:VT323,monospace;font-size:18px;color:rgba(255,255,255,.45);margin:0 0 20px;line-height:1.35}.keyboard-help-modal__table{width:100%;border-collapse:collapse;font-family:VT323,monospace;font-size:20px;color:rgba(255,255,255,.85)}.keyboard-help-modal__table th{text-align:left;font-family:Press Start\ 2P,monospace;font-size:7px;letter-spacing:1px;color:rgba(0,196,255,.55);padding:8px 12px 10px 0;border-bottom:1px solid rgba(255,255,255,.1)}.keyboard-help-modal__table td{padding:10px 12px 10px 0;border-bottom:1px solid rgba(255,255,255,.06);vertical-align:top}.keyboard-help-modal__table td:first-child{width:38%}.keyboard-help-modal__kbd{display:inline-block;font-family:Press Start\ 2P,monospace;font-size:8px;letter-spacing:1px;color:rgba(0,255,255,.85);padding:6px 10px;background:rgba(0,0,0,.45);border:1px solid rgba(255,215,0,.2);border-radius:2px}.keyboard-help-modal__close{margin-top:20px;font-family:Press Start\ 2P,monospace;font-size:8px;letter-spacing:2px;color:var(--cyan);background:rgba(0,196,255,.12);border:1px solid rgba(0,196,255,.35);padding:12px 24px;cursor:pointer}.keyboard-help-modal__close:hover{background:rgba(0,196,255,.2)}.retro-toast{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);font-family:Press Start\ 2P,monospace;font-size:12px;color:var(--cyan);background:rgba(0,0,0,.85);border:2px solid var(--cyan);padding:14px 28px;letter-spacing:2px;z-index:10000;opacity:0;transition:opacity .3s;pointer-events:none}.retro-toast.show{opacity:1}