.channel-page{min-height:0;padding:10px 7% 0;background:radial-gradient(ellipse at center,#23104a,#09050f 68%)}.channel-page>h1{text-align:center;color:#ff6500;font:700 38px Oswald,sans-serif;margin:0 0 22px}.browser{max-width:1050px;margin:auto;background:#282a38;border-radius:48px;padding:20px;box-shadow:0 12px 45px #05030b}.search{display:block;width:100%;height:48px;border:0;border-radius:30px;background:#f6f5fb;padding:0 35px;font:20px Roboto,Arial;color:#333;outline:none}.filters{display:flex;gap:8px;overflow-x:auto;padding:14px 0 12px;scrollbar-width:thin}.filters button{border:0;white-space:nowrap;color:white;background:linear-gradient(100deg,#eb2c86,#fc5b48);padding:7px 14px;font:700 13px Roboto;cursor:pointer}.filters button:hover,.filters button.active{background:#f42584}.fake-scroll{height:12px;background:#fafafa;border:1px solid #aaa;margin-bottom:20px;position:relative}.fake-scroll span{position:absolute;left:2%;top:2px;width:67%;height:6px;border-radius:4px;background:#8b8b8b}.lists{height:380px;display:grid;grid-template-columns:230px 1fr;overflow:hidden;color:#ddd}.countries{overflow:auto;border-right:1px solid #191a20;scrollbar-color:#ddd #141519;scrollbar-width:thin}.countries button{display:block;width:100%;border:0;background:transparent;color:#ddd;text-align:left;padding:9px 35px;font-size:16px;cursor:pointer}.countries button.selected{background:#fafafa;color:#333}.channels{overflow:auto;padding:4px 18px;display:grid;grid-template-columns:repeat(3,minmax(120px,1fr));grid-auto-rows:27px;gap:1px 25px;scrollbar-color:#17181d #111}.channel{color:#aaa;text-decoration:underline;font:12px Roboto;cursor:pointer;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.channel:hover{color:#ff7c33}.channel-group{grid-column:1/-1;border-radius:14px;background:linear-gradient(100deg,#ff904c,#e34acf,#a34fee);color:white;font:bold 12px Roboto;padding:5px 12px}.tv-scene{height:420px;display:grid;place-items:center}.tv{width:min(600px,85%);height:330px;background:linear-gradient(140deg,#090c13,#172739);border:14px solid #d9d5d9;border-radius:7px;box-shadow:0 10px 0 #555,0 14px 35px #000;display:flex;flex-direction:column;justify-content:center;padding:40px;color:#db730e}.tv h3{font:40px Oswald;margin:0}.tv span{color:#ddd}.missing{padding:65px 12% 75px;text-align:center;background:radial-gradient(ellipse at center,#5b2a91,#13091f 72%)}.monitor{color:#ff6500;font-size:48px}.missing h2{font:700 38px Oswald;line-height:1.2;margin:20px 0 16px}.missing>p{font-size:15px;color:#ddd}.help-grid{margin:50px auto 0;max-width:850px;display:grid;grid-template-columns:1fr 1fr;gap:45px 50px;text-align:left}.help-grid article{display:grid;grid-template-columns:55px 1fr;gap:15px}.help-grid article>b{font-size:36px;color:#ff6b00}.help-grid h3{font:700 20px Oswald;color:#ff6b00;margin:0 0 8px}.help-grid p{font-size:14px;line-height:1.6;margin:0}@media(max-width:760px){.channel-page{padding:20px 10px 0}.channel-page>h1{font-size:29px}.browser{padding:13px;border-radius:28px}.search{height:42px}.lists{grid-template-columns:115px 1fr;height:360px}.countries button{padding:9px 10px;font-size:13px}.channels{grid-template-columns:repeat(2,minmax(100px,1fr));gap:2px 10px;padding:4px 9px}.fake-scroll{margin-bottom:12px}.tv-scene{height:320px}.tv{height:225px}.tv h3{font-size:30px}.missing{padding:45px 20px}.missing h2{font-size:30px}.help-grid{grid-template-columns:1fr;gap:25px;margin-top:35px}.help-grid h3{font-size:18px}}@media(max-width:380px){.lists{grid-template-columns:95px 1fr}.channels{grid-template-columns:1fr}}

.tv-scene{height:420px;background:url("assets/flix-channel-tv-scene.jpg") center/contain no-repeat}
.tv-scene .tv{display:none}
@media(max-width:760px){.tv-scene{height:320px;background-size:min(88vw,500px) auto}}.channel-page{background-image:radial-gradient(ellipse at center,#23104a35,#09050f88 75%),url("assets/flix-channel-room-left.jpg"),url("assets/flix-channel-room-right.jpg");background-position:center,left center,right center;background-size:cover,16vw 100%,16vw 100%;background-repeat:no-repeat}
.tv-scene{padding-top:20px}
.channel-page>h1,.missing h2,.help-grid h3{font-family:"Arial Narrow",Impact,Arial,sans-serif}
@media(max-width:760px){.channel-page{background-size:cover,20vw 100%,20vw 100%}.tv-scene{padding-top:12px}}