:root{--screen-content-glow: 0 0 10px rgba(200, 230, 255, .5);--crt-curvature: inset 0 0 100px rgba(0,0,0,.9)}body{margin:0;padding:0;background-color:#000;color:#fff;font-family:Courier New,Courier,monospace;overflow:hidden;height:100vh;width:100vw}#root{width:100%;height:100%}*,*:before,*:after{box-sizing:border-box}.screen-off{width:100%;height:100%;background-color:#050505;box-shadow:inset 0 0 20px #000}.screen-on{width:100%;height:100%;background-color:#0a0a0a;color:#0f0;position:relative;overflow:hidden}.crt-overlay{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:20}.scanlines{width:100%;height:100%;background:linear-gradient(to bottom,#fff0,#fff0 50%,#00000026 50%,#00000026);background-size:100% 4px;animation:scrollScanlines 10s linear infinite}.glow{position:absolute;top:0;left:0;width:100%;height:100%;box-shadow:inset 0 0 60px #000000b3;background:radial-gradient(circle,#ffffff14,#0000004d)}.static-noise{width:100%;height:100%;background-color:#000;position:relative;overflow:hidden}.static-noise:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:repeating-radial-gradient(#fff 0 .0001%,#000 0 .0002%) 50% 0/2500px 2500px,repeating-conic-gradient(#fff 0 .0001%,#000 0 .0002%) 60% 60%/2500px 2500px;background-blend-mode:difference;animation:staticNoise .3s infinite alternate;opacity:.5}.channel-content{padding:10px;height:100%;overflow-y:auto;font-family:VT323,monospace;text-shadow:2px 2px 4px rgba(0,255,0,.4);font-size:.9rem}.screen-on.immersive .channel-content{padding:32px 48px;font-size:1.35rem;line-height:1.8;text-shadow:0 0 8px rgba(0,255,0,.5),0 0 2px rgba(0,255,0,.8)}.channel-content::-webkit-scrollbar{width:6px}.channel-content::-webkit-scrollbar-track{background:transparent}.channel-content::-webkit-scrollbar-thumb{background:#0f044;border-radius:3px}.screen-on.immersive .channel-content::-webkit-scrollbar-thumb{background:#0f0}.osd-channel-indicator{position:absolute;top:10px;right:15px;font-family:VT323,monospace;font-size:1.2rem;color:#0f0;text-shadow:0 0 5px #0f0;opacity:.8;pointer-events:none;z-index:50}.screen-on.immersive .osd-channel-indicator{font-size:1.6rem;top:16px;right:24px}.screen-content{width:100%;height:100%;position:relative;z-index:10}@keyframes scrollScanlines{0%{background-position:0 0}to{background-position:0 100%}}@keyframes staticNoise{to{background-position:50% 0,60% 50%}}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes typeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.tv-viewport{width:100vw;height:100vh;background-color:#050505;display:flex;justify-content:center;align-items:center;overflow:hidden}.tv-scene{position:relative;width:100vmin;height:100vmin;background-size:contain;background-repeat:no-repeat;background-position:center}.tv-overlay{position:absolute;top:30%;left:50.5%;transform:translate(-50%);width:27%;height:22%;border-radius:2%;overflow:hidden;z-index:10;box-shadow:inset 0 0 20px #000;cursor:pointer;pointer-events:auto}.click-hint{position:absolute;bottom:8px;left:50%;transform:translate(-50%);font-family:VT323,monospace;font-size:.6rem;color:#0f0;text-shadow:0 0 5px #0f0;opacity:.6;pointer-events:none;animation:blink 2s ease-in-out infinite;z-index:30;white-space:nowrap}.immersive-backdrop{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#0a0a0a;display:flex;justify-content:center;align-items:center;z-index:1000;animation:fadeIn .4s ease-out}.immersive-crt{width:90vw;max-width:1100px;height:85vh;max-height:780px;display:flex;justify-content:center;align-items:center}.bezel-outer{width:100%;height:100%;background:linear-gradient(145deg,#2a2218,#1a150e);border-radius:24px;padding:20px;box-shadow:0 0 80px #00ff000f,0 0 160px #00ff0008,inset 0 2px 4px #ffffff0a,0 8px 40px #000000d9;display:flex;flex-direction:column;gap:12px;border:2px solid #3a3025}.bezel-screen{flex:1;border-radius:12px;overflow:hidden;box-shadow:inset 0 0 40px #000000e6,0 0 30px #00ff000a;border:3px solid #111;position:relative}.bezel-bottom{display:flex;align-items:center;justify-content:space-between;padding:4px 16px;min-height:48px}.bezel-brand{font-family:Courier New,monospace;font-size:1.1rem;font-weight:700;color:#8a7a60;letter-spacing:6px;text-transform:uppercase;text-shadow:0 1px 2px rgba(0,0,0,.5)}.bezel-close{background:none;border:2px solid #555;color:#888;font-size:1.2rem;width:36px;height:36px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.bezel-close:hover{border-color:#0f0;color:#0f0;box-shadow:0 0 10px #00ff004d}@media(max-width:768px){.tv-viewport{overflow:hidden}.tv-scene{width:100vh;height:100vh;background-size:cover;background-position:center top}.tv-overlay{top:29.5%;left:50%;width:50%;height:20.5%}.basement-controls{inset:auto auto 12% 50%!important;transform:translate(-50%)}.channel-content{font-size:.5rem;padding:4px;line-height:1.2}.osd-channel-indicator{font-size:.6rem;top:4px;right:6px}.click-hint{font-size:.5rem;bottom:4px}.immersive-crt{width:100vw;height:100vh;max-width:none;max-height:none}.bezel-outer{border-radius:0;padding:8px;gap:6px;border:none}.bezel-screen{border-radius:4px;border-width:2px}.bezel-bottom{padding:4px 12px;min-height:52px}.bezel-brand{font-size:.85rem;letter-spacing:4px}.bezel-close{width:44px;height:44px;font-size:1.4rem}.screen-on.immersive .channel-content{padding:16px 18px;font-size:1.1rem;line-height:1.7}.screen-on.immersive .osd-channel-indicator{font-size:1.2rem;top:8px;right:12px}.lava-lamp-easter-egg{display:none}}@media(max-width:390px){.screen-on.immersive .channel-content{padding:12px 14px;font-size:1rem;line-height:1.6}.bezel-bottom{padding:2px 8px;min-height:48px}}.lava-lamp-easter-egg{position:absolute;left:16.5%;top:33%;width:5.5%;height:24%;z-index:25;cursor:pointer;text-decoration:none;border:none;border-radius:3px}