@import url('/brand.css');
@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@400;500;600;700;800;900&display=swap');
:root{font-family:"Roboto",Arial,sans-serif;color:#e5e7eb;background:#111827;--bg:#111827;--card:#1f2937;--card2:#202937;--panel:#2d3748;--muted:#9ca3af;--accent:#ee3903;--line:#ffffff1a}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-height:100vh;background:#0c1714;color:#e5e7eb}button,input{font:inherit}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #ff6b3d;outline-offset:2px}button:disabled{opacity:.55;cursor:not-allowed}a{color:inherit;text-decoration:none}[hidden]{display:none!important}.page-shell{width:min(1100px,100%);margin:auto;min-height:100vh;background:var(--bg);box-shadow:0 0 55px #0008;position:relative;z-index:2}.site-header{height:68px;display:flex;align-items:center;justify-content:space-between;padding:12px 18px;border-bottom:1px solid var(--line);background:#111928}.real-logo{height:43px;display:flex;align-items:center;min-width:180px}.real-logo img{display:block;max-width:190px;max-height:43px;object-fit:contain;object-position:left center}.logo-fallback{font-size:25px;font-weight:900;letter-spacing:-1px}.logo-fallback b{color:var(--accent);margin-left:3px}.real-logo img:not([hidden])+.logo-fallback{display:none}.site-header nav{display:flex;align-items:center;gap:10px}.site-header nav>a,.live-count{display:flex;align-items:center;gap:7px;padding:8px 10px;border-radius:4px;font-size:13px;font-weight:650}.site-header nav>a:hover{background:#ffffff12}.live-count{margin-left:5px;background:#ffffff10;color:#cbd5e1;font-size:10px;letter-spacing:.5px}.live-count i,.live-badge i,.status-dot{width:7px;height:7px;border-radius:50%;background:#778495;display:inline-block}.live-count i{background:var(--accent);box-shadow:0 0 0 4px #ee390322}.ad-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:10px;background:#111928}.promo{height:96px;border-radius:8px;overflow:hidden;position:relative;background-size:cover;background-position:center;display:flex;align-items:center;padding:12px 16px}.promo:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#090e18e8 0%,#0b1420a8 55%,transparent 100%)}.promo-logo{position:absolute;z-index:2;left:14px;top:9px;max-height:27px;max-width:125px;object-fit:contain}.promo>div{position:relative;z-index:2;margin-top:28px}.promo>div strong,.promo>div span{display:block}.promo>div strong{font-size:21px;line-height:1;font-weight:900}.promo>div span{font-size:11px;color:#dbe3ea;margin-top:5px;font-weight:700;letter-spacing:1px}.promo>b{position:absolute;right:13px;bottom:9px;z-index:2;color:var(--accent);font-size:23px;font-style:italic}.content-wrapper{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:15px;padding:0 10px;background:#111928}.channel-card,.sidebar-card{background:var(--card);border-radius:8px;overflow:hidden}.channel-header{height:52px;display:flex;align-items:center;justify-content:space-between;padding:5px 12px;background:var(--card2)}.channel-header>div{display:flex;align-items:center;gap:10px}.channel-header h1{font-size:20px;margin:0}.live-badge{background:#374151;color:#b8c1cc;border-radius:5px;font-size:9px;padding:5px 7px;font-weight:750}.live-badge.on{color:#fff;background:var(--accent)}.live-badge.on i{background:#fff}.cinema-button{background:transparent;color:#e5e7eb;border:0;border-radius:4px;padding:8px 10px;font-size:11px}.cinema-button:hover{background:#ffffff12}.player-shell{position:relative;width:100%;aspect-ratio:16/9;background:#050a10;overflow:hidden;display:flex;align-items:center;justify-content:center}.player-shell video{width:100%;height:100%;object-fit:contain}.player-shell:fullscreen{width:100%;height:100%;background:#000}.poster{position:absolute;inset:0;background:#071a12;display:flex;flex-direction:column;align-items:center;justify-content:center}.poster:after{content:'';position:absolute;inset:0;background:#0001}.poster-real-logo{position:absolute;right:18px;top:15px;z-index:2;max-width:145px;max-height:42px;filter:drop-shadow(0 2px 5px #000)}.poster-play{z-index:2;width:118px;height:78px;border:0;background:#ffffffd8;color:#111827;clip-path:polygon(18% 0,100% 50%,18% 100%);display:grid;place-items:center;padding-left:2px}.poster-play span{font-size:27px;transform:translateX(-5px)}.poster-play strong{position:absolute;transform:translateY(70px);width:180px;color:white;text-shadow:0 2px 5px #000;font-size:13px}.poster p{z-index:2;position:absolute;bottom:12px;margin:0;color:#d2d8df;font-size:10px}.player-toolbar{height:42px;padding:0 12px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);font-size:10px;color:var(--muted)}.player-toolbar p,.player-toolbar>div{display:flex;align-items:center;gap:9px;margin:0}.player-toolbar button{background:transparent;border:0;color:#d6dce4;font-size:10px}.status-dot.on{background:var(--accent)}.player-error{margin:0;padding:10px 12px;background:#4d2018;color:#ffd7cb;font-size:11px}.multi-grid{display:grid;grid-template-columns:1fr 1fr;gap:5px;padding:5px;background:#121b29}.mini-player{background:#0b111a;min-width:0}.mini-player h3{font-size:10px;margin:0;padding:7px 8px}.mini-shell{aspect-ratio:16/9;position:relative;background:#000}.mini-shell video{width:100%;height:100%;object-fit:contain}.bottom-promo{height:112px;position:relative;overflow:hidden;margin:10px;border-radius:8px}.bottom-promo>img{width:100%;height:100%;object-fit:cover;object-position:center}.bottom-promo:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#070c15e8,transparent)}.bottom-promo>div{position:absolute;z-index:2;left:20px;top:14px;display:flex;flex-direction:column;align-items:flex-start}.bottom-promo>div img{max-height:32px;max-width:150px;object-fit:contain}.bottom-promo strong{font-size:18px;margin-top:11px}.bottom-promo span{font-size:10px;color:#d0d8df;margin-top:3px}.sidebar{display:flex;flex-direction:column;gap:15px}.controls-card{padding:10px;background:var(--card2)}.source-tabs{display:grid;grid-template-columns:repeat(2,1fr);background:var(--panel);border-radius:6px;padding:5px;gap:3px}.source-tabs button{background:transparent;border:0;color:#e5e7eb;padding:9px 4px;border-radius:4px;font-size:10px}.source-tabs button.active,.source-tabs button[aria-pressed="true"]{background:#4b5563}.search{display:flex;margin:14px 0 11px}.search input{min-width:0;width:100%;background:#374151;border:0;border-radius:4px 0 0 4px;color:white;padding:10px 12px;font-size:11px}.search span{background:var(--accent);color:white;padding:9px 12px;border-radius:0 4px 4px 0;font-size:10px;font-weight:750;white-space:nowrap}.list-title{display:flex;align-items:center;justify-content:space-between;font-size:12px;padding:4px 3px 9px}.list-title span{color:var(--accent);font-weight:800}.channel-button{display:flex;width:100%;align-items:center;gap:9px;padding:8px;border:0;border-radius:6px;margin-bottom:7px;text-align:left;background:var(--panel);color:#e5e7eb}.channel-button:hover{background:#374151}.channel-button.active{background:var(--accent);color:#fff}.channel-number{display:grid;place-items:center;min-width:30px;height:30px;background:#ffffff12;border-radius:4px;font-size:10px;font-weight:800}.channel-info{min-width:0;flex:1}.channel-info strong,.channel-info small{display:block;overflow-wrap:anywhere}.channel-info strong{font-size:11px}.channel-info small{font-size:8px;color:#c1c8d0;margin-top:3px}.channel-state{font-size:7px;color:#aab3bd}.channel-state.live{color:#fff}.channel-state.live:before{content:'';display:inline-block;width:5px;height:5px;border-radius:50%;background:#fff;margin-right:4px}.empty-list{padding:25px 12px;text-align:center;background:#2d3748;border-radius:6px;color:#b7c0ca;font-size:10px}.empty-list strong{display:block;color:#fff;margin-bottom:4px}.date-heading{font-size:9px;color:#cbd5e1;margin:10px 2px 7px}.event-button{display:flex;width:100%;align-items:center;gap:8px;padding:9px 7px;margin-bottom:7px;background:#2d3748;color:#e5e7eb;border:0;border-radius:6px;text-align:left}.event-time{font-size:10px;color:#ff8a66;font-weight:800}.event-button div{min-width:0;flex:1}.event-button strong,.event-button small{display:block}.event-button strong{font-size:10px}.event-button small{font-size:8px;color:#adb7c2;margin-top:2px}.status-board h2{font-size:13px;margin:0;padding:11px 12px;background:#202937;border-bottom:1px solid var(--line)}.status-board>div{display:grid;grid-template-columns:25px 1fr 65px;padding:9px 10px;color:#aab3bd;font-size:8px;font-weight:700}.status-board ol{list-style:none;padding:0 7px 7px;margin:0}.status-board li{display:grid;grid-template-columns:25px 1fr 65px;align-items:center;padding:8px;background:#2d3748;border-bottom:1px solid #ffffff0c;font-size:9px}.status-board li b{color:#94a3b8}.status-board li em{font-style:normal;color:#9ca3af;font-size:7px;text-align:right}.footer-promo{height:100px;margin:10px;position:relative;overflow:hidden;border-radius:8px}.footer-promo>img{width:100%;height:100%;object-fit:cover;object-position:center}.footer-promo:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#080d17e8 0 40%,transparent 75%)}.footer-promo>div{position:absolute;left:22px;top:14px;z-index:2;display:flex;flex-direction:column;align-items:flex-start}.footer-promo>div img{max-width:145px;max-height:30px;object-fit:contain}.footer-promo strong{font-size:18px;margin-top:7px}.footer-promo span{font-size:9px;color:#ff8a66;letter-spacing:1px;margin-top:2px}footer{display:flex;align-items:center;gap:18px;min-height:60px;border-top:1px solid var(--line);padding:12px 18px;color:#9ca3af;font-size:9px;background:#111928}footer>div{display:flex;align-items:center;gap:12px}footer img{max-height:28px;max-width:130px;object-fit:contain}footer>span{margin-left:auto}footer a{color:#ff8560}.cinema .page-shell{width:100%;max-width:1400px}.cinema .site-header,.cinema .ad-grid,.cinema .sidebar,.cinema .footer-promo,.cinema footer,.cinema .bottom-promo{display:none}.cinema .content-wrapper{display:block;padding:0;background:#000}.cinema .channel-card{border-radius:0;background:#000}.cinema .player-shell{height:calc(100vh - 94px);aspect-ratio:auto}.cinema .channel-header{background:#000d}.cinema .player-toolbar{background:#000}body.cinema{background:#000}
@media(max-width:992px){body{background-image:none}.page-shell{box-shadow:none}.content-wrapper{display:block}.sidebar{margin-top:15px}.status-board{display:none}.channel-card{margin-bottom:0}.promo{height:90px}.page-shell{width:100%}}
@media(max-width:700px){.site-header{height:auto;min-height:68px;flex-direction:column;gap:10px;padding:12px}.real-logo{min-width:0}.real-logo img{max-height:38px;max-width:180px}.site-header nav{width:100%;justify-content:center}.site-header nav>a{font-size:11px}.site-header nav>a span{display:none}.live-count{font-size:8px}.ad-grid{grid-template-columns:1fr;gap:7px;padding:7px 10px}.promo{height:80px}.promo>div strong{font-size:17px}.promo>div span{font-size:9px}.promo>b{font-size:19px}.content-wrapper{padding:0 10px}.channel-header{height:48px}.channel-header h1{font-size:16px}.cinema-button{font-size:9px}.poster-play{transform:scale(.72)}.poster-real-logo{max-width:110px;max-height:33px}.source-tabs button{font-size:9px}.bottom-promo{height:90px}.bottom-promo strong{font-size:15px}.footer-promo{height:90px}.footer-promo strong{font-size:15px}.multi-grid{grid-template-columns:1fr}.footer-promo>img,.bottom-promo>img{object-position:center}footer{flex-wrap:wrap}footer>span{margin-left:0}.cinema .player-shell{height:65vh}}
@media(max-width:420px){.promo-logo{max-height:22px;max-width:110px}.promo>div{margin-top:23px}.promo>div strong{font-size:15px}.promo>b{font-size:17px}.channel-header>div{gap:6px}.live-badge{font-size:7px}.channel-header h1{font-size:14px}.player-toolbar{font-size:8px}.bottom-promo>div,.footer-promo>div{left:14px}.bottom-promo>div img,.footer-promo>div img{max-height:25px;max-width:115px}}
.guide-card{background:var(--card2);padding:10px}.guide-heading{display:flex;align-items:center;justify-content:space-between;padding:3px 3px 10px;border-bottom:1px solid var(--line)}.guide-heading strong{font-size:12px}.guide-heading span{font-size:7px;letter-spacing:.8px;color:#94a3b8}.guide-channel{margin-top:9px;border-radius:7px;background:var(--panel);overflow:hidden}.guide-channel-name{display:block;width:100%;padding:9px 10px;border:0;border-bottom:1px solid #ffffff12;background:#364154;color:#fff;text-align:left;font-size:11px;font-weight:800}.guide-program{display:grid;grid-template-columns:65px minmax(0,1fr);gap:8px;align-items:center;padding:9px 10px;border-bottom:1px solid #ffffff0d}.guide-program:last-child{border-bottom:0}.guide-program.current{background:#ee39031c;box-shadow:inset 3px 0 var(--accent)}.guide-time{font-size:8px;color:#aab4c0;font-variant-numeric:tabular-nums}.guide-program-info{min-width:0}.guide-program-info strong{display:block;font-size:10px;line-height:1.25;overflow-wrap:anywhere}.guide-now{display:inline-block;margin-bottom:4px;padding:2px 4px;border-radius:3px;background:var(--accent);color:#fff;font-size:6px;font-weight:900;letter-spacing:.5px}

/* Broadcast typography: compact, technical and less template-like */
:root{--font-ui:"Roboto",Arial,sans-serif;--font-display:"Roboto",Arial,sans-serif;font-family:var(--font-ui)}
button,input{font-family:var(--font-ui)}
.promo>div strong,.promo>b,.channel-header h1,.bottom-promo strong,.footer-promo strong,.list-title strong,.channel-info strong,.guide-heading strong,.guide-channel-name{font-family:var(--font-display);font-stretch:condensed;font-weight:650;letter-spacing:.018em}
.promo>div strong{font-size:20px;line-height:.95;text-transform:uppercase}
.promo>div span,.bottom-promo span,.footer-promo span{font-family:var(--font-ui);font-weight:600;letter-spacing:.055em}
.promo>b{font-weight:700;letter-spacing:-.025em}
.channel-header h1{font-weight:600;letter-spacing:.01em}
.live-badge,.channel-state,.guide-heading span{font-family:var(--font-ui);font-weight:650;letter-spacing:.035em}
.channel-info strong,.guide-channel-name{font-size:12px;font-weight:600}
.bottom-promo strong,.footer-promo strong{font-weight:600;letter-spacing:.012em}