.tv-container{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;height:100vh;box-sizing:border-box;padding:1rem}.video-wrapper{position:relative;background:#111;border:20px solid #333;border-radius:20px;box-shadow:0 5px 20px #00000080;overflow:hidden}.video-content{position:relative;background:#000}.scanlines-overlay{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:100;background:repeating-linear-gradient(0deg,rgba(0,0,0,.15),rgba(0,0,0,.15) 1px,transparent 1px,transparent 2px)}video{width:100%;height:100%;object-fit:contain;display:block}video.static-video{object-fit:fill}video::-webkit-media-controls-picture-in-picture-button{display:none!important}.static-gif{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;z-index:10}@keyframes crt-off{0%{transform:scaleY(1) scaleX(1);filter:brightness(1)}60%{transform:scaleY(.01) scaleX(1);filter:brightness(3)}to{transform:scaleY(0) scaleX(0);filter:brightness(0)}}@keyframes crt-on{0%{transform:scaleY(0) scaleX(0);filter:brightness(0)}40%{transform:scaleY(.01) scaleX(1);filter:brightness(3)}to{transform:scaleY(1) scaleX(1);filter:brightness(1)}}.video-content.power-off{animation:crt-off .5s ease-out forwards}.video-content.power-on{animation:crt-on .5s ease-out forwards}.channel-overlay,.volume-overlay{position:absolute;color:#0f0;text-shadow:0 0 10px #0f0;font-weight:700;z-index:20;opacity:0;transition:opacity .3s}.channel-overlay.show,.channel-name.show,.volume-overlay.show{opacity:1}.channel-overlay{top:20px;right:20px;font-size:48px}.channel-name{position:absolute;bottom:20px;left:50%;transform:translate(-50%);color:#0f0;text-shadow:0 0 10px #0f0;font-size:24px;font-weight:700;z-index:20;opacity:0;transition:opacity .3s}.volume-overlay{bottom:60px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:10px}.volume-bar{width:200px;height:20px;background:#222;border:2px solid #0f0;position:relative}.volume-fill{height:100%;background:#0f0;box-shadow:0 0 10px #0f0;transition:width .2s}.controls{display:flex;justify-content:center;gap:10px;padding:10px 15px;background:#222;border-radius:10px;border:2px solid #444}.controls button{background:linear-gradient(to bottom,#666,#444);color:#bbb;border:2px solid #555;border-radius:5px;padding:8px 12px;font-family:Courier New,monospace;font-size:12px;font-weight:700;cursor:pointer;text-shadow:1px 1px 0 #222;box-shadow:inset 0 1px #fff3,0 2px 4px #00000080;transition:all .2s;display:flex;align-items:center;justify-content:center}.controls button svg{filter:drop-shadow(1px 1px 0 #222);width:24px;height:24px}@media(max-width:600px){.controls{gap:6px;padding:8px 10px}.controls button{padding:6px 8px}.controls button svg{width:18px;height:18px}.power-led{width:6px;height:6px}.channel-overlay{font-size:24px;top:10px;right:10px}.channel-name{font-size:12px;bottom:10px}.volume-overlay{bottom:30px;font-size:12px}.volume-bar{width:100px;height:10px}.tv-menu{top:10px!important;left:10px!important;padding:10px 15px!important;min-width:140px!important;border-width:2px!important}.tv-menu h2{font-size:12px!important;margin:0 0 10px!important;padding-bottom:5px!important;border-width:1px!important}.menu-option{padding:6px 0!important}.menu-label{font-size:9px!important}.menu-toggle{gap:5px!important}.menu-toggle button{padding:4px 8px!important;font-size:7px!important;border-width:1px!important}.menu-close{margin-top:10px!important;padding:5px!important;font-size:8px!important;border-width:1px!important}}.controls button:hover{background:linear-gradient(to bottom,#777,#555);transform:translateY(-1px);box-shadow:inset 0 1px #ffffff4d,0 3px 6px #0009}.controls button:active{transform:translateY(1px);box-shadow:inset 0 2px 4px #0006,0 1px 2px #0000004d;background:linear-gradient(to bottom,#555,#333)}.power-led{width:8px;height:8px;border-radius:50%;background:#400;box-shadow:inset 0 1px 2px #00000080;margin-right:5px;align-self:center}.power-led.on{background:#0f0;box-shadow:0 0 8px #0f0,0 0 12px #0f0,inset 0 0 2px #ffffff80}.power-btn{background:linear-gradient(to bottom,#666,#444);border-color:#555}.power-btn:hover{background:linear-gradient(to bottom,#777,#555)}.power-btn.on{background:linear-gradient(to bottom,#444,#555);border-color:#555;box-shadow:inset 0 2px 4px #00000080,0 1px #ffffff1a;transform:translateY(1px)}.tv-menu{position:absolute;top:20px;left:20px;background:#000000d9;border:3px solid #0f0;padding:20px 30px;z-index:50;min-width:280px;box-shadow:0 0 20px #00ff004d}.tv-menu h2{color:#0f0;text-shadow:0 0 10px #0f0;font-family:Courier New,monospace;font-size:24px;margin:0 0 20px;text-align:center;border-bottom:2px solid #0f0;padding-bottom:10px}.menu-option{display:flex;justify-content:space-between;align-items:center;padding:12px 0;border-bottom:1px solid #0a0}.menu-option:last-child{border-bottom:none}.menu-label{color:#0f0;text-shadow:0 0 5px #0f0;font-family:Courier New,monospace;font-size:18px}.menu-toggle{display:flex;gap:10px}.menu-toggle button{background:transparent;border:2px solid #0a0;color:#0a0;padding:8px 16px;font-family:Courier New,monospace;font-size:14px;cursor:pointer;transition:all .2s;box-shadow:none;text-shadow:none}.menu-toggle button:hover{background:#00ff001a;transform:none;box-shadow:none}.menu-toggle button.active{background:#0f0;color:#000;border-color:#0f0;text-shadow:none}.menu-toggle button:active{transform:none;box-shadow:none}.menu-close{margin-top:20px;width:100%;background:transparent!important;border:2px solid #0f0!important;color:#0f0!important;padding:10px!important;font-family:Courier New,monospace;font-size:16px;cursor:pointer;text-shadow:0 0 5px #0f0!important;box-shadow:none!important}.menu-close:hover{background:#0f03!important;transform:none!important;box-shadow:none!important}.tv-guide{position:absolute;top:0;left:0;width:100%;height:100%;background:#0000008c;z-index:60;display:flex;flex-direction:column;font-family:Courier New,monospace}.guide-header{display:flex;align-items:center;padding:15px 20px;background:linear-gradient(to bottom,#1a1a1a,#0a0a0a);border-bottom:2px solid #0f0;gap:20px;flex-shrink:0}.guide-header h2{color:#0f0;text-shadow:0 0 10px #0f0;font-size:24px;margin:0;flex-shrink:0}.guide-settings{display:flex;gap:20px;margin-left:auto}.guide-setting{display:flex;align-items:center;gap:8px}.guide-setting span{color:#0f0;text-shadow:0 0 5px #0f0;font-size:12px}.guide-toggle{display:flex;gap:4px}.guide-toggle button{background:transparent;border:1px solid #0a0;color:#0a0;padding:4px 8px;font-family:Courier New,monospace;font-size:11px;cursor:pointer;transition:all .2s}.guide-toggle button:hover{background:#00ff001a}.guide-toggle button.active{background:#0f0;color:#000;border-color:#0f0}.guide-time-now{color:#0f0;text-shadow:0 0 5px #0f0;font-size:18px}.guide-close{background:transparent;border:2px solid #0f0;color:#0f0;width:32px;height:32px;font-size:16px;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.guide-close:hover{background:#0f0;color:#000}.guide-body{flex:1;display:flex;overflow:hidden}.guide-channels{width:160px;min-width:160px;flex-shrink:0;overflow-y:auto;background:#1a1a1a;border-right:2px solid #333;-webkit-overflow-scrolling:touch}.guide-channel-name{height:90px;padding:10px;color:#0f0;text-shadow:0 0 5px #0f0;font-size:16px;font-weight:700;display:flex;align-items:center;justify-content:center;text-align:center;cursor:pointer;border-bottom:1px solid #333;transition:all .2s;box-sizing:border-box;flex-shrink:0}.guide-channel-name:hover{background:#2a2a2a}.guide-channel-name.current{background:#0f0;color:#000;text-shadow:none}.guide-schedule-container{flex:1;overflow:auto;scrollbar-width:thin;scrollbar-color:#0f0 #111;position:relative;-webkit-overflow-scrolling:touch}.guide-now-line{position:absolute;top:0;bottom:0;width:2px;background:red;box-shadow:0 0 10px red,0 0 20px red;z-index:100;pointer-events:none}.guide-schedule-container::-webkit-scrollbar{width:10px;height:10px}.guide-schedule-container::-webkit-scrollbar-track{background:#111}.guide-schedule-container::-webkit-scrollbar-thumb{background:#0f0;border-radius:5px}.guide-schedule-container::-webkit-scrollbar-corner{background:#111}.guide-schedule-scroll{display:flex;flex-direction:column;min-width:max-content;position:relative}.guide-channel-row{position:relative;height:90px;border-bottom:1px solid #333;flex-shrink:0;min-width:14400px}.guide-show{position:absolute;top:0;height:90px;padding:10px 12px;border-right:1px solid #444;background:#11111191;display:flex;flex-direction:column;justify-content:center;box-sizing:border-box;overflow:hidden}.guide-show:hover{background:#222}.guide-show.current{background:#1a3a1a;border-left:3px solid #0f0}.guide-show-time{color:#0a0;font-size:16px;margin-bottom:6px;white-space:nowrap}.guide-show-title{color:#fff;font-size:18px;font-weight:700;line-height:1.4;white-space:nowrap;overflow:hidden;position:relative;width:100%;min-width:0}.guide-show-title span{display:inline-block}.guide-show-title span.marquee{padding-right:20px;animation:marquee 8s linear infinite alternate}@keyframes marquee{0%,20%{transform:translate(0)}80%,to{transform:translate(var(--scroll-distance, 0))}}.guide-show-duration{color:#666;font-size:14px;margin-top:6px;white-space:nowrap}@media(max-width:600px){.guide-header{padding:6px 10px}.guide-header h2{display:none}.guide-time-now{font-size:11px}.guide-close{display:none}.guide-channels{width:60px;min-width:60px}.guide-channel-name{height:45px;font-size:8px;padding:4px}.guide-channel-row{height:45px;min-width:7200px}.guide-show{top:0;height:45px;padding:4px 6px}.guide-show-time{font-size:7px;margin-bottom:2px}.guide-show-title{font-size:8px;line-height:1.2}.guide-show-title span.marquee{animation-duration:6s}.guide-show-duration{display:none}}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Courier New,monospace;background:#000;color:#0f0;overflow:hidden;height:100vh;display:flex;align-items:center;justify-content:center}#root{width:100%;height:100%;display:flex;align-items:center;justify-content:center}