#tv{aspect-ratio:4/3;width:min(100vw,calc(100vh * 4 / 3));height:min(100vh,calc(100vw * 3 / 4));max-width:100vw;max-height:100vh;top:50%;left:50%;transform:translate(-50%,-50%)}#osd,#tv{position:absolute}#osd{top:5%;right:10%;z-index:10;color:rgb(81,255,0);padding:10px 15px;border-radius:5px;font-family:monospace;font-size:18px;font-weight:700;-webkit-user-select:none;-moz-user-select:none;user-select:none}#osd-channel{text-align:center;font-size:64px}#tv-screen{height:90%;width:90%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}#youtube-container{height:100%;width:100%}#youtube-container div{margin-top:-3%;height:100%;width:100%;filter:brightness(1.3)}.hidden{display:none}#tv-frame{background-image:url(/images/TV_MASK.png);background-size:cover;background-position:50%;background-repeat:no-repeat;z-index:9999}#tv-frame,#tv-scanlines{position:absolute;top:0;left:0;width:100%;height:100%}#tv-scanlines{background:repeating-linear-gradient(0deg,transparent,transparent 1px,rgba(0,0,0,.3) 5px,rgba(0,0,0,.8) 6px);pointer-events:none;z-index:1000}#tv-scanlines:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:repeating-linear-gradient(90deg,transparent,transparent 100px,rgba(255,255,255,.03) 0,rgba(255,255,255,.03) 101px);animation:flicker .15s ease-in-out infinite alternate}@keyframes flicker{0%{opacity:1}to{opacity:.98}}#controls{position:absolute;bottom:5%;right:8%;display:flex;flex-direction:row;gap:8px;z-index:10000}.tv-button{width:40px;height:40px;border-radius:4px;border:2px solid #444;background:linear-gradient(180deg,#888,#666);color:#fff;font-weight:700;font-size:16px;cursor:pointer;box-shadow:inset 1px 1px 2px rgba(255,255,255,.2),inset -1px -1px 2px rgba(0,0,0,.4),2px 2px 0 #222;transition:all .05s ease;-webkit-user-select:none;-moz-user-select:none;user-select:none;display:flex;align-items:center;justify-content:center;font-family:Courier New,monospace;text-shadow:1px 1px 1px rgba(0,0,0,.5)}#channel-down:hover,#channel-up:hover{background:linear-gradient(145deg,#e6d3b7,#8b4513);box-shadow:inset 2px 2px 4px rgba(255,255,255,.4),inset -2px -2px 4px rgba(0,0,0,.4),3px 3px 8px rgba(0,0,0,.5)}#channel-down:active,#channel-up:active{background:linear-gradient(145deg,#a0522d,#d2b48c);box-shadow:inset -1px -1px 3px rgba(255,255,255,.2),inset 1px 1px 3px rgba(0,0,0,.5),1px 1px 3px rgba(0,0,0,.3);transform:translateY(1px)}#tv-off{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#000}#tv-noise{background-color:rgba(0,0,0,1);background-image:url(/images/noise0.webp)}#tv-noise,#tv-noise div{position:absolute;top:0;left:0;width:100%;height:100%;background-size:100% 100%}#tv-noise div{background-repeat:repeat}#noise-dead-channel{background-image:url(/images/noise.gif)}#noise-loading{background-image:url(/images/noise0.webp)}#noise-buffering{background-image:url(/images/diagonalnoise.gif)}#noise-ready-to-play{background-image:url(/images/rednoise.gif)}*{box-sizing:border-box}body{margin:0;padding:0;text-align:center;background-image:url(/images/BG.jpg);background-size:cover;background-repeat:no-repeat;background-position:50%;font-family:sans-serif;overflow:hidden}.container{height:100%}.container,main{margin:0;padding:0;width:100%;position:relative}main{height:100vh;display:flex;align-items:center;justify-content:center}.intro{position:relative;width:100%;text-align:center;z-index:99999;padding-top:20px}.intro span{font-weight:bolder;background-color:white;padding:5px;line-height:200%}.vhs{z-index:-1;top:0;width:100%;height:100%;position:absolute;background:url(/images/VHS.png) no-repeat scroll;background-size:100% auto;background-position:center 80%}.fa{margin:5px;padding:8px;font-size:24px;width:40px;height:40px;text-align:center;text-decoration:none;border-radius:50%;background-color:white;overflow:hidden}.flex-container{height:100vh}#logo{position:absolute;top:0;left:0;z-index:1000}#logo img{max-height:256px;max-width:256px}