body{font-family:Courier New,monospace;color:#0f0;margin:0;padding:0;overflow:hidden;background-image:url(https://aimaker.fr/apps/ecran.png);background-size:cover;background-position:center;background-repeat:no-repeat;height:100vh}.container{display:flex;flex-direction:column;height:100vh;position:relative}.tv-screen{position:absolute;top:36%;left:50%;transform:translate(-50%,-50%);width:40%;height:52%;overflow:hidden;border-radius:10px}.static{position:absolute;top:0;left:0;width:100%;height:100%;background:repeating-radial-gradient(#000 0,#000,#fff,#fff .0002%) 50% 0/2500px 2500px,repeating-conic-gradient(#000 0,#000 .0001%,#fff 0,#fff .0002%) 50% 50%/2500px 2500px;background-blend-mode:difference;opacity:.05;pointer-events:none}.video-container{width:100%;height:100%;position:relative;overflow:hidden}iframe{position:absolute;top:50%;left:50%;width:100%;height:56.25vw;transform:translate(-50%,-50%);min-height:100%;min-width:177.78vh}.controls{display:flex;justify-content:space-around;padding:20px;background-color:#111c;position:absolute;bottom:0;left:0;right:0}button{background-color:#0f0;color:#000;border:none;padding:10px 20px;font-size:1.2em;cursor:pointer;transition:all .3s ease}button:hover{background-color:#0f0;box-shadow:0 0 10px #0f0}.channel-display{font-size:2em;text-align:center;padding:10px;background-color:#111c;position:absolute;top:0;left:0;right:0}@keyframes glitch{0%{text-shadow:.05em 0 0 #00fffc,-.03em -.04em 0 #fc00ff,.025em .04em 0 #fffc00}15%{text-shadow:.05em 0 0 #00fffc,-.03em -.04em 0 #fc00ff,.025em .04em 0 #fffc00}16%{text-shadow:-.05em -.025em 0 #00fffc,.025em .035em 0 #fc00ff,-.05em -.05em 0 #fffc00}49%{text-shadow:-.05em -.025em 0 #00fffc,.025em .035em 0 #fc00ff,-.05em -.05em 0 #fffc00}50%{text-shadow:.05em .035em 0 #00fffc,.03em 0 0 #fc00ff,0 -.04em 0 #fffc00}99%{text-shadow:.05em .035em 0 #00fffc,.03em 0 0 #fc00ff,0 -.04em 0 #fffc00}to{text-shadow:-.05em 0 0 #00fffc,-.025em -.04em 0 #fc00ff,-.04em -.025em 0 #fffc00}}.glitch{animation:glitch 1s linear infinite}.loader{position:absolute;top:0;left:0;width:100%;height:100%;background:#000;display:none;overflow:hidden}.loader:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-image:linear-gradient(to bottom,#fff0,#ffffff4d,#fff0);background-size:100% 3px;animation:static-animation 50ms steps(100) infinite}@keyframes static-animation{0%{background-position:0 0}to{background-position:0 100%}}@media (max-width: 768px){.tv-screen{margin-top:20%;width:90%}iframe{aspect-ratio:16/9}.controls{flex-direction:column}.controls button{margin-bottom:10px}}