@import "https://fonts.googleapis.com/css2?family=Share+Tech+Mono&family=VT323&family=Orbitron:wght@400;700;900&display=swap";:root{--crt-green:#39ff14;--crt-green-dim:#1a7a0a;--crt-amber:#ffb000;--crt-red:#ff3838;--crt-blue:#00c8ff;--bg-dark:#0a0a0a;--bg-bezel:#1c1a18;--bg-bezel-light:#2e2a26;--bg-screen:#050505;--text-primary:#e8e8d0;--text-dim:#7a7a60;--phosphor-glow:0 0 8px var(--crt-green), 0 0 20px #39ff144d;--amber-glow:0 0 8px var(--crt-amber), 0 0 20px #ffb0004d;--font-mono:"Share Tech Mono", "Courier New", monospace;--font-display:"VT323", monospace;--font-hud:"Orbitron", sans-serif}*,:before,:after{box-sizing:border-box;-webkit-tap-highlight-color:transparent;margin:0;padding:0}html,body{width:100%;height:100dvh;font-family:var(--font-mono);-webkit-user-select:none;user-select:none;touch-action:manipulation;background:#080808;overflow:hidden}#root{width:100%;height:100dvh;padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom);padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right);background:radial-gradient(#111 0%,#040404 100%);justify-content:center;align-items:center;display:flex}@keyframes scanline-move{0%{transform:translateY(-100%)}to{transform:translateY(100vh)}}@keyframes flicker{0%{opacity:1}2%{opacity:.92}4%{opacity:1}19%{opacity:1}21%{opacity:.88}23%{opacity:1}80%{opacity:1}82%{opacity:.95}84%{opacity:1}to{opacity:1}}@keyframes phosphor-pulse{0%,to{text-shadow:var(--phosphor-glow)}50%{text-shadow:0 0 4px var(--crt-green), 0 0 10px #39ff1433}}@keyframes amber-pulse{0%,to{text-shadow:var(--amber-glow);opacity:1}50%{text-shadow:0 0 4px var(--crt-amber);opacity:.85}}@keyframes live-blink{0%,49%{opacity:1}50%,to{opacity:0}}@keyframes slide-up{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}@keyframes slide-in-right{0%{transform:translate(100%)}to{transform:translate(0)}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes static-noise{0%{background-position:0 0}10%{background-position:-5% -10%}20%{background-position:-15% 5%}30%{background-position:7% -25%}40%{background-position:-5% 25%}50%{background-position:-15% 10%}60%{background-position:15% 0}70%{background-position:0 15%}80%{background-position:3% 35%}90%{background-position:-10% 10%}to{background-position:0 0}}@keyframes knob-shine{0%{box-shadow:inset -2px -2px 6px #000c,inset 1px 1px 3px #ffffff1a,0 0 #0000}to{box-shadow:inset -2px -2px 6px #000c, inset 1px 1px 3px #ffffff1a, 0 0 12px var(--crt-amber)}}@keyframes splash-glitch{0%{clip-path:inset(0 0 100%)}5%{clip-path:inset(80% 0 0)}10%{clip-path:inset(0)}15%{clip-path:inset(50% 0 30%)}20%{clip-path:inset(0)}to{clip-path:inset(0)}}.tv-root{justify-content:center;align-items:center;width:100vw;height:100vh;padding:20px;display:flex}.tv-bezel{background:linear-gradient(160deg,#2d2924 0%,#1a1814 40%,#111009 100%);border-radius:24px 24px 20px 20px;flex-direction:column;width:min(95vw,140vh);height:min(70vh,53.6vw);padding:18px 18px 0;display:flex;position:relative;box-shadow:0 0 0 3px #0d0c0a,0 0 0 5px #2a2620,8px 12px 40px #000000e6,-4px -4px 20px #ffffff08,inset 0 2px 4px #ffffff0f,inset 0 -2px 8px #00000080}.tv-bezel:before,.tv-bezel:after{content:"";background:radial-gradient(circle at 35% 35%,#3a3530,#1a1510);border-radius:50%;width:10px;height:10px;position:absolute;box-shadow:inset 0 1px 2px #000c,inset 0 -1px 1px #ffffff14}.tv-bezel:before{top:10px;left:14px}.tv-bezel:after{top:10px;right:14px}.tv-screen{background:var(--bg-screen);border-radius:8px 8px 4px 4px;flex:1;position:relative;overflow:hidden;transform:perspective(1200px)rotateX(.4deg);box-shadow:inset 0 0 60px #000000e6,inset 0 0 120px #00000080,0 0 30px #39ff140d,0 0 1px #39ff144d}.tv-screen:before{content:"";pointer-events:none;z-index:100;background:linear-gradient(#ffffff0a 0%,#0000 100%);border-radius:0 0 50% 50%;height:40%;position:absolute;top:0;left:5%;right:5%}.player-wrapper{z-index:1;position:absolute;inset:0}.embed-player,.embed-player iframe{pointer-events:none;border:none;width:100%!important;height:100%!important}.player-wrapper>iframe.embed-player{position:absolute;inset:0}.crt-scanlines{z-index:10;pointer-events:none;background:repeating-linear-gradient(#0000 0 2px,#0000002e 2px 4px);position:absolute;inset:0}.crt-scanlines:after{content:"";pointer-events:none;background:linear-gradient(#0000,#39ff1408 40%,#39ff140f 50%,#39ff1408 60%,#0000);height:60px;animation:8s linear infinite scanline-move;position:absolute;top:0;left:0;right:0}.crt-vignette{z-index:11;pointer-events:none;background:radial-gradient(#0000 50%,#0000008c 100%);position:absolute;inset:0}.crt-flicker{z-index:12;pointer-events:none;mix-blend-mode:overlay;background:0 0;animation:6s step-start infinite flicker;position:absolute;inset:0}.overlay-top{z-index:50;background:linear-gradient(#000000bf 0%,#0000 100%);justify-content:space-between;align-items:center;padding:10px 14px 8px;display:flex;position:absolute;top:0;left:0;right:0}.channel-brand{align-items:center;gap:10px;display:flex}.channel-logo{border:1px solid var(--crt-green-dim);width:38px;height:38px;box-shadow:var(--phosphor-glow), inset 0 0 10px #39ff141a;background:linear-gradient(135deg,#1a3a10 0%,#0d2009 100%);border-radius:6px;justify-content:center;align-items:center;display:flex}.logo-z{font-family:var(--font-hud);color:var(--crt-green);text-shadow:var(--phosphor-glow);font-size:20px;font-weight:900;animation:3s ease-in-out infinite phosphor-pulse}.channel-name-block{flex-direction:column;line-height:1;display:flex}.channel-name{font-family:var(--font-hud);color:var(--crt-green);letter-spacing:3px;text-shadow:var(--phosphor-glow);font-size:15px;font-weight:700;animation:3s ease-in-out infinite phosphor-pulse}.channel-tag{font-family:var(--font-mono);color:var(--crt-green-dim);letter-spacing:2px;margin-top:2px;font-size:9px}.overlay-top-right{align-items:center;gap:12px;display:flex}.overlay-clock{font-family:var(--font-display);color:var(--crt-amber);text-shadow:var(--amber-glow);letter-spacing:2px;font-size:22px;animation:4s ease-in-out infinite amber-pulse}.signal-dots{align-items:center;gap:4px;display:flex}.signal-dots span{background:var(--crt-green);width:6px;height:6px;box-shadow:0 0 6px var(--crt-green);border-radius:50%;animation:1.2s step-start infinite live-blink}.signal-dots span:nth-child(2){animation-delay:.4s}.signal-dots span:nth-child(3){animation-delay:.8s}.now-playing-bar{z-index:50;border-top:1px solid var(--crt-green-dim);opacity:0;background:linear-gradient(90deg,#000000eb 0%,#001405e0 100%);border-bottom:1px solid #39ff141a;padding:12px 16px;transition:transform .4s cubic-bezier(.22,1,.36,1),opacity .4s;position:absolute;bottom:60px;left:0;right:0;transform:translateY(100%)}.now-playing-bar--bezel{bottom:16px}.now-playing-bar.visible{opacity:1;transform:translateY(0)}.np-label{font-family:var(--font-hud);letter-spacing:3px;color:var(--crt-red);text-shadow:0 0 8px var(--crt-red);align-items:center;gap:6px;margin-bottom:4px;font-size:9px;display:flex}.np-dot{background:var(--crt-red);width:7px;height:7px;box-shadow:0 0 8px var(--crt-red);border-radius:50%;animation:.8s step-start infinite live-blink}.np-title{font-family:var(--font-display);color:var(--text-primary);text-shadow:0 0 6px #e8e8d04d;white-space:nowrap;text-overflow:ellipsis;margin-bottom:2px;font-size:22px;overflow:hidden}.np-episode{font-family:var(--font-mono);color:var(--text-dim);letter-spacing:1px;flex-wrap:wrap;align-items:center;gap:8px;font-size:11px;display:flex}.np-badge-wrap{align-items:center;display:inline-flex}.platform-badge{font-family:var(--font-hud);letter-spacing:1.5px;color:var(--badge-color,#888);border:1px solid var(--badge-color,#888);text-transform:uppercase;box-shadow:0 0 6px color-mix(in srgb, var(--badge-color,#888) 40%, transparent);opacity:.85;border-radius:2px;padding:1px 5px;font-size:8px}.overlay-bottom{z-index:50;background:linear-gradient(#0000 0%,#000000d9 100%);justify-content:flex-end;align-items:center;gap:4px;padding:6px 12px;transition:opacity .5s,transform .5s;display:flex;position:absolute;bottom:0;left:0;right:0}.overlay-bottom--hidden{opacity:0;pointer-events:none;transform:translateY(100%)}.ctrl-btn{border:1px solid var(--crt-green-dim);color:var(--crt-green);font-family:var(--font-hud);letter-spacing:1.5px;cursor:pointer;text-shadow:var(--phosphor-glow);background:#001405b3;border-radius:3px;align-items:center;gap:5px;padding:5px 10px;font-size:9px;transition:all .2s;display:flex;box-shadow:0 0 4px #39ff141a}.ctrl-btn:hover{border-color:var(--crt-green);box-shadow:var(--phosphor-glow), inset 0 0 8px #39ff140d;background:#39ff141f}.ctrl-btn:active{transform:scale(.96)}.ctrl-btn--active{border-color:var(--crt-green);box-shadow:var(--phosphor-glow), inset 0 0 8px #39ff140d;background:#39ff141f}.schedule-backdrop{z-index:55;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0006;animation:.2s fade-in;position:absolute;inset:0}.schedule-panel{z-index:60;border-left:1px solid var(--crt-green-dim);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#050a05f7;flex-direction:column;width:280px;transition:transform .35s cubic-bezier(.22,1,.36,1);display:flex;position:absolute;top:0;bottom:0;right:0;transform:translate(100%)}.schedule-panel.open{transform:translate(0)}.schedule-header{border-bottom:1px solid var(--crt-green-dim);background:#000f0099;justify-content:space-between;align-items:center;padding:12px 14px;display:flex}.schedule-title{font-family:var(--font-hud);letter-spacing:2px;color:var(--crt-green);text-shadow:var(--phosphor-glow);align-items:center;gap:8px;font-size:11px;display:flex}.schedule-icon{font-size:14px}.schedule-close{border:1px solid var(--crt-green-dim);color:var(--crt-green);cursor:pointer;background:0 0;border-radius:3px;justify-content:center;align-items:center;width:24px;height:24px;font-size:12px;transition:all .2s;display:flex}.schedule-close:hover{border-color:var(--crt-green);background:#39ff141a}.schedule-list{scrollbar-width:thin;scrollbar-color:var(--crt-green-dim) transparent;flex:1;overflow-y:auto}.schedule-list::-webkit-scrollbar{width:4px}.schedule-list::-webkit-scrollbar-thumb{background:var(--crt-green-dim);border-radius:2px}.schedule-item{border-bottom:1px solid #39ff140f;align-items:flex-start;gap:10px;padding:10px 14px;transition:background .2s;display:flex;position:relative}.schedule-item:hover{background:#39ff140a}.schedule-item.past{opacity:.38}.schedule-item.live{border-left:2px solid var(--crt-green);background:#39ff1412;box-shadow:inset 4px 0 12px #39ff140d}.schedule-time{font-family:var(--font-display);color:var(--crt-amber);text-shadow:0 0 6px #ffb00066;min-width:52px;font-size:16px;line-height:1.2}.schedule-info{flex:1;min-width:0}.schedule-title{font-family:var(--font-hud);letter-spacing:2px;color:var(--crt-blue);text-shadow:0 0 6px #00c8ff66;text-transform:uppercase;margin-bottom:2px;font-size:8px}.schedule-episode{font-family:var(--font-mono);color:var(--text-primary);align-items:center;gap:6px;font-size:11px;display:flex;overflow:hidden}.schedule-duration{font-family:var(--font-mono);color:var(--text-dim);margin-top:2px;font-size:10px}.schedule-progress-bar{background:#39ff1426;border-radius:1px;height:2px;margin-top:6px;overflow:hidden}.schedule-progress-fill{background:var(--crt-green);height:100%;box-shadow:0 0 4px var(--crt-green);border-radius:1px;transition:width 1s linear}.live-badge{font-family:var(--font-hud);letter-spacing:1px;color:var(--crt-red);text-shadow:0 0 6px var(--crt-red);border:1px solid var(--crt-red);border-radius:2px;align-self:flex-start;margin-top:2px;padding:1px 4px;font-size:8px;animation:1s step-start infinite live-blink}.tv-bezel-bottom{background:linear-gradient(#1c1a16 0%,#141210 40%,#0f0d0a 100%);border-top:2px solid #000000b3;border-radius:0 0 20px 20px;align-items:center;height:82px;padding:0 18px;display:flex;position:relative;overflow:hidden}.tv-bezel-bottom:before{content:"";pointer-events:none;background:#ffffff0b;height:1px;position:absolute;top:0;left:0;right:0}.tv-bezel-left{flex:1;align-items:center;gap:12px;display:flex}.tv-power-led{background:radial-gradient(circle at 35% 35%,#f42,#c10 60%,#810 100%);border-radius:50%;flex-shrink:0;width:8px;height:8px;box-shadow:0 0 4px #c10,0 0 10px #b4140080,inset 0 1px 1px #ffa0784d}.tv-btn-cluster{align-items:center;gap:7px;display:flex}.tv-physical-btn{cursor:pointer;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;background:0 0;border:none;flex-direction:column;align-items:center;gap:4px;padding:4px 2px 0;display:flex}.tv-physical-btn-face{will-change:transform;background:radial-gradient(at 40% 30%,#4a4238 0%,#2e2920 55%,#1a1510 100%);border-radius:4px;width:32px;height:20px;transition:transform 70ms,box-shadow 70ms,background .1s;display:block;box-shadow:0 0 0 1px #000000f2,0 2px #000c,0 4px 10px #0009,inset 0 1px #ffffff17,inset 0 -1px 2px #00000080}.tv-physical-btn:hover .tv-physical-btn-face{background:radial-gradient(at 40% 30%,#544a3e 0%,#342e24 55%,#1e1912 100%)}.tv-physical-btn:active .tv-physical-btn-face{transform:translateY(2px);box-shadow:0 0 0 1px #000000f2,0 0 #0000,0 1px 2px #0006,inset 0 3px 6px #000000a6,inset 0 -1px 1px #ffffff0a}.tv-physical-btn--active .tv-physical-btn-face{background:radial-gradient(at 40% 30%,#3c3830 0%,#22201c 55%,#141210 100%);box-shadow:0 0 0 1px #000000f2,0 2px #000c,0 4px 10px #0009,inset 0 1px #ffffff0f,inset 0 2px 5px #00000080,0 0 8px #39ff1459,0 0 20px #39ff141f}.tv-physical-btn-label{font-family:var(--font-hud);letter-spacing:.8px;color:#3a3530;text-transform:uppercase;-webkit-user-select:none;user-select:none;white-space:nowrap;font-size:7px}.tv-bezel-center{flex-shrink:0;padding:0 14px}.tv-brand{font-family:var(--font-hud);letter-spacing:3px;color:#3a3530;text-transform:uppercase;text-shadow:0 1px #ffffff0d,0 -1px #00000080;-webkit-user-select:none;user-select:none;font-size:13px}.tv-speaker-grille{flex-direction:column;flex-shrink:0;gap:4px;display:flex}.tv-speaker-slit{background:linear-gradient(90deg,#0000,#090807 15%,#0d0b09 85%,#0000);border-radius:1px;width:50px;height:2px;box-shadow:0 1px #ffffff06}.tv-bezel--fullscreen .tv-bezel-bottom{display:none}.splash-screen{z-index:200;background:#000;justify-content:center;align-items:center;padding:clamp(6px,2vh,16px);animation:.3s fade-in;display:flex;position:absolute;inset:0;overflow:hidden}.splash-content{text-align:center;box-sizing:border-box;flex-direction:column;justify-content:center;align-items:center;gap:clamp(6px,1.8vh,14px);max-height:100%;padding:clamp(6px,2vh,16px);display:flex}.splash-logo{border:2px solid var(--crt-green);width:clamp(40px,10vh,80px);height:clamp(40px,10vh,80px);box-shadow:var(--phosphor-glow), 0 0 40px #39ff1433;background:#051405cc;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;animation:2s ease-in-out infinite phosphor-pulse;display:flex}.splash-logo span{font-family:var(--font-hud);color:var(--crt-green);text-shadow:var(--phosphor-glow);font-size:clamp(22px,5vh,44px);font-weight:900}.splash-title{font-family:var(--font-hud);letter-spacing:clamp(4px,1vw,10px);color:var(--crt-green);text-shadow:var(--phosphor-glow);font-size:clamp(20px,5vw,44px);font-weight:900;line-height:1.1;animation:2s ease-in-out infinite phosphor-pulse,3s 1s forwards splash-glitch}.splash-tagline{font-family:var(--font-mono);letter-spacing:3px;color:var(--text-dim);font-size:clamp(8px,1.2vw,11px)}.splash-static{opacity:.4;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 40' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='200' height='40' filter='url(%23n)' opacity='0.5'/%3E%3C/svg%3E");background-size:200px 40px;border-radius:2px;flex-shrink:0;width:clamp(120px,30vw,200px);height:clamp(14px,3vh,32px);animation:.3s step-end infinite static-noise}.splash-enter{border:2px solid var(--crt-green);color:var(--crt-green);font-family:var(--font-hud);letter-spacing:3px;cursor:pointer;text-shadow:var(--phosphor-glow);background:0 0;border-radius:4px;flex-shrink:0;padding:clamp(8px,1.5vh,12px) clamp(20px,4vw,36px);font-size:clamp(11px,2vw,14px);transition:all .3s;animation:2s ease-in-out infinite phosphor-pulse;box-shadow:0 0 20px #39ff1433,inset 0 0 20px #39ff140d}.splash-enter:hover{box-shadow:var(--phosphor-glow), 0 0 40px #39ff144d, inset 0 0 20px #39ff1414;background:#39ff141a;transform:scale(1.04)}.splash-enter:active{transform:scale(.98)}.splash-note{font-family:var(--font-mono);color:#333;letter-spacing:1px;font-size:10px}*{scrollbar-width:thin;scrollbar-color:var(--crt-green-dim) transparent}:-webkit-any(.tv-screen:fullscreen,.tv-screen:-webkit-full-screen,.tv-screen:fullscreen){background:#000;border-radius:0!important;width:100vw!important;max-width:none!important;height:100vh!important;max-height:none!important;transform:none!important}:-moz-any(.tv-screen:fullscreen,.tv-screen:fullscreen,.tv-screen:-moz-full-screen){background:#000;border-radius:0!important;width:100vw!important;max-width:none!important;height:100vh!important;max-height:none!important;transform:none!important}:is(.tv-screen:fullscreen,.tv-screen:fullscreen,.tv-screen:fullscreen){background:#000;border-radius:0!important;width:100vw!important;max-width:none!important;height:100vh!important;max-height:none!important;transform:none!important}@media (width<=768px){.tv-root{width:100vw;height:100dvh;padding:clamp(4px,2vw,12px)}.tv-bezel{border-radius:16px 16px 14px 14px;width:100%;max-width:100vw;height:auto;padding:10px 10px 0;box-shadow:0 0 0 2px #0d0c0a,0 0 0 3px #2a2620,0 6px 24px #000000e6}.tv-bezel:before{width:6px;height:6px;top:6px;left:8px}.tv-bezel:after{width:6px;height:6px;top:6px;right:8px}.tv-screen{border-radius:6px 6px 3px 3px;transform:none}.schedule-backdrop{z-index:150;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000b3;position:fixed;inset:0}.schedule-panel{z-index:160;background:#040c04fa;border-left:none;width:100vw;height:100dvh;transition:transform .35s cubic-bezier(.22,1,.36,1);position:fixed;inset:0;transform:translateY(100%)}.schedule-panel.open{transform:translateY(0)}.schedule-header{padding:14px 16px}.schedule-title{letter-spacing:2px;font-size:13px}.schedule-close{width:32px;height:32px;font-size:16px}.schedule-item{min-height:52px;padding:14px 16px}.schedule-time{min-width:60px;font-size:18px}.schedule-title{font-size:9px}.schedule-episode{font-size:12px}}@media (width<=768px) and (orientation:portrait){.tv-screen{aspect-ratio:16/9;width:100%}.tv-bezel-bottom{border-radius:0 0 14px 14px;height:64px;padding:0 10px}.tv-btn-cluster{gap:4px}.tv-physical-btn-face{border-radius:3px;width:26px;height:17px}.tv-physical-btn-label{font-size:6px}.tv-brand{letter-spacing:2px;font-size:10px}.tv-speaker-slit{width:34px}}@media (height<=550px) and (orientation:landscape){.tv-root{height:100dvh;padding:2px}.tv-bezel{border-radius:6px;width:100vw;height:100dvh;padding:4px 4px 0}.tv-bezel:before,.tv-bezel:after{display:none}.tv-screen{border-radius:4px}.tv-bezel-bottom{height:44px;padding:0 8px}.tv-btn-cluster{gap:3px}.tv-physical-btn-face{width:22px;height:14px}.tv-physical-btn-label,.tv-speaker-grille{display:none}}@media (width<=600px){.overlay-top{padding:8px 10px 6px}.channel-logo{width:32px;height:32px}.logo-z{font-size:16px}.channel-name{letter-spacing:2px;font-size:12px}.channel-tag{letter-spacing:1px;font-size:8px}.overlay-clock{letter-spacing:1px;font-size:16px}.now-playing-bar{padding:8px 10px;bottom:48px}.now-playing-bar--bezel{bottom:12px}.np-title{font-size:16px}.np-episode{font-size:10px}.overlay-bottom{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);box-sizing:border-box;background:#000000eb;justify-content:space-between;gap:3px;width:100%;padding:5px 4px}.ctrl-btn{letter-spacing:.5px;white-space:nowrap;border-radius:3px;flex:1 1 0;justify-content:center;gap:2px;min-width:0;min-height:36px;padding:5px 3px;font-size:8px}.ctrl-btn span{text-overflow:ellipsis;display:inline-block;overflow:hidden}.splash-content{gap:4px;max-height:100%;padding:6px 10px}.splash-logo{border-radius:8px;width:36px;height:36px}.splash-logo span{font-size:20px}.splash-title{letter-spacing:4px;font-size:clamp(18px,5.5vw,24px)}.splash-tagline{letter-spacing:2px;font-size:8.5px}.splash-static{width:110px;height:14px}.splash-enter{letter-spacing:2px;border-width:1px;min-height:36px;padding:7px 20px;font-size:11px}.splash-note{letter-spacing:.5px;margin-top:2px;font-size:8px}}