:root{--watch-bg:#090a0c;--watch-panel:#111318;--watch-line:#2a2d34;--watch-muted:#969aa5}
*{box-sizing:border-box}.watch-page{min-height:100svh;margin:0;color:#fff;background:var(--watch-bg)}#watch-main{display:flex;flex-direction:column}.channel-switcher{order:1}.watch-stage{order:2;display:none}.watch-page.is-playing .watch-stage{display:block}.watch-header{position:relative;z-index:5;display:flex;align-items:center;justify-content:space-between;padding:1.15rem var(--pad);border-bottom:1px solid rgba(255,255,255,.14);background:#0b0c0f}.watch-header nav{display:flex;align-items:center;gap:clamp(1rem,2.5vw,2.6rem);font-size:.66rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em}.watch-account{padding:.72rem .9rem;border:1px solid #555b67}.watch-account span{margin-left:.8rem}.watch-stage{padding:clamp(2rem,4vw,4.5rem) var(--pad) clamp(3rem,6vw,6rem)}.watch-stage-head{display:flex;align-items:end;justify-content:space-between;gap:2rem;margin-bottom:1.8rem}.watch-eyebrow{display:flex;align-items:center;gap:.55rem;margin:0 0 .65rem;color:#b9bdc7;font-size:.62rem;font-weight:700;text-transform:uppercase;letter-spacing:.14em}.watch-eyebrow i,.video-corner i{width:.45rem;height:.45rem;border-radius:50%;background:#f05f3c;box-shadow:0 0 0 .3rem rgba(240,95,60,.14)}.watch-stage h1{margin:0;font-size:clamp(2.6rem,5vw,5.2rem);line-height:.9;letter-spacing:-.065em}.watch-channel-id{display:flex;align-items:baseline;gap:1rem;color:#bcc0c8}.watch-channel-id span{font-size:.63rem;letter-spacing:.14em}.watch-channel-id b{font-size:1rem}.watch-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(17rem,25rem);border:1px solid var(--watch-line)}.video-shell{position:relative;min-width:0;aspect-ratio:16/9;overflow:hidden;background:#020203}.video-shell video{display:block;width:100%;height:100%;object-fit:contain;background:#000}.video-wait,.video-error,.premium-gate{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;background:radial-gradient(circle at 50% 45%,#1c2343 0,#08090c 62%)}.video-wait[hidden],.video-error[hidden],.premium-gate[hidden]{display:none}.video-wait b{margin-top:1rem;font-size:.66rem;text-transform:uppercase;letter-spacing:.14em}.signal-loader{display:flex;align-items:end;gap:5px;height:2.7rem}.signal-loader i{display:block;width:7px;background:var(--acid);animation:watch-signal .75s ease-in-out infinite alternate}.signal-loader i:first-child{height:35%}.signal-loader i:nth-child(2){height:100%;animation-delay:-.25s}.signal-loader i:last-child{height:62%;animation-delay:-.5s}@keyframes watch-signal{to{height:20%}}.video-error span,.premium-gate>span{color:var(--acid);font-size:.64rem;font-weight:800;text-transform:uppercase;letter-spacing:.15em}.video-error b{margin:.8rem 0 1.5rem;font-size:1.25rem}.video-error button,.premium-gate a{padding:1rem 1.2rem;border:1px solid #fff;color:#fff;background:transparent;font:inherit;font-size:.65rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;cursor:pointer}.premium-gate{padding:2rem;background:radial-gradient(circle at 50% 45%,rgba(40,76,255,.65),#08090c 65%)}.premium-gate h2{max-width:31rem;margin:1rem 0 .7rem;font-size:clamp(2.5rem,5vw,5rem);line-height:.88;letter-spacing:-.06em}.premium-gate p{margin:0 0 2rem;color:#c8cbe0}.premium-gate a{display:flex;gap:3rem;color:#08090c;background:var(--acid);border-color:var(--acid)}.video-corner{pointer-events:none;position:absolute;left:1.15rem;right:1.15rem;top:1rem;display:flex;justify-content:space-between;align-items:center;font-size:.58rem;font-weight:800;text-transform:uppercase;letter-spacing:.14em;text-shadow:0 1px 8px #000}.video-corner span{display:flex;align-items:center;gap:.5rem}.programme-panel{display:flex;flex-direction:column;background:var(--watch-panel);border-left:1px solid var(--watch-line)}.on-now{padding:clamp(1.4rem,2.8vw,2.6rem);flex:1}.on-now>p:first-child,.up-next>p,.switcher-heading>div>p{margin:0 0 1.2rem;color:var(--acid);font-size:.58rem;font-weight:800;text-transform:uppercase;letter-spacing:.14em}.on-now h2{margin:0;font-size:clamp(2rem,3vw,3.4rem);line-height:.95;letter-spacing:-.05em}.programme-description{display:-webkit-box;overflow:hidden;-webkit-line-clamp:4;-webkit-box-orient:vertical;min-height:4.2rem;margin:1.3rem 0;color:#b9bdc7;font-size:.76rem;line-height:1.5}.programme-timing{display:flex;justify-content:space-between;color:#a7abb4;font-size:.58rem;font-weight:700;letter-spacing:.08em}.watch-progress{height:2px;margin-top:.7rem;overflow:hidden;background:#343740}.watch-progress i{display:block;width:0;height:100%;background:var(--acid);transition:width .4s}.up-next{padding:1.4rem clamp(1.4rem,2.8vw,2.6rem);border-top:1px solid var(--watch-line)}.up-next>p{margin-bottom:.8rem;color:#858b99}.up-next div{display:grid;grid-template-columns:4.2rem 1fr;gap:1rem}.up-next span{color:#9297a2;font-size:.63rem}.up-next b{font-size:.78rem}.guide-link{display:flex;justify-content:space-between;padding:1.2rem clamp(1.4rem,2.8vw,2.6rem);border-top:1px solid var(--watch-line);color:#08090c;background:var(--acid);font-size:.62rem;font-weight:800;text-transform:uppercase;letter-spacing:.09em}.channel-switcher{min-height:calc(100svh - 4.5rem);padding:clamp(3rem,6vw,6rem) var(--pad);color:var(--ink);background:var(--paper)}.switcher-heading{display:grid;grid-template-columns:1fr 1fr;align-items:end;gap:2rem;margin-bottom:2rem}.switcher-heading h2{margin:0;font-size:clamp(3.2rem,6vw,6.5rem);line-height:.85;letter-spacing:-.07em}.switcher-heading>p{max-width:26rem;margin:0 0 .6rem auto;color:#66645e;line-height:1.5}.watch-status{margin:0 0 1rem;color:#77746d;font-size:.62rem;text-transform:uppercase;letter-spacing:.1em}.watch-channel-list{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-top:1px solid #b7b4ab;border-left:1px solid #b7b4ab}.watch-channel-card{position:relative;display:flex;min-height:15rem;flex-direction:column;align-items:flex-start;justify-content:space-between;padding:1rem;border:0;border-right:1px solid #b7b4ab;border-bottom:1px solid #b7b4ab;color:var(--ink);background:transparent;text-align:left;cursor:pointer;transition:color .2s,background .2s}.watch-channel-card:hover,.watch-channel-card.is-active{color:#fff;background:var(--blue)}.watch-channel-card.is-locked:hover,.watch-channel-card.is-locked.is-active{color:var(--ink);background:var(--acid)}.watch-channel-top{display:flex;width:100%;justify-content:space-between;color:inherit;font-size:.56rem;font-weight:800;text-transform:uppercase;letter-spacing:.12em}.watch-channel-logo{display:grid;width:6.2rem;height:4rem;place-items:center;margin:auto 0}.watch-channel-logo img{max-width:100%;max-height:100%;object-fit:contain}.watch-channel-card h3{margin:0;font-size:1.5rem;line-height:1;letter-spacing:-.04em}.watch-channel-card p{max-width:100%;margin:.45rem 0 0;overflow:hidden;color:inherit;font-size:.68rem;text-overflow:ellipsis;white-space:nowrap;opacity:.7}.watch-footer{display:grid;grid-template-columns:1fr 1fr 1fr;gap:2rem;padding:2rem var(--pad);border-top:1px solid #262930;color:#8f939c;background:#0b0c0f;font-size:.6rem;text-transform:uppercase;letter-spacing:.08em}.watch-footer a{text-align:right;color:#fff}@media(max-width:980px){.watch-grid{grid-template-columns:1fr}.programme-panel{display:grid;grid-template-columns:1fr 1fr;border-left:0;border-top:1px solid var(--watch-line)}.on-now{grid-row:span 2}.up-next{border-top:0;border-left:1px solid var(--watch-line)}.guide-link{border-left:1px solid var(--watch-line)}.watch-channel-list{grid-template-columns:repeat(3,1fr)}}@media(max-width:700px){.watch-header nav>a:not(.watch-account){display:none}.watch-account{border:0;padding:.5rem 0}.watch-stage{padding-top:2rem}.watch-stage-head{align-items:flex-start}.watch-channel-id b{display:none}.watch-grid{margin-inline:calc(var(--pad)*-1);border-left:0;border-right:0}.video-shell{aspect-ratio:16/10}.programme-panel{display:block}.up-next,.guide-link{border-left:0}.up-next{border-top:1px solid var(--watch-line)}.switcher-heading{grid-template-columns:1fr}.switcher-heading>p{margin:0}.watch-channel-list{grid-template-columns:repeat(2,1fr)}.watch-channel-card{min-height:13rem}.watch-footer{grid-template-columns:1fr}.watch-footer a{text-align:left}}@media(max-width:430px){.watch-stage h1{font-size:2.5rem}.watch-channel-list{grid-template-columns:1fr 1fr}.watch-channel-card{min-height:12rem;padding:.8rem}.watch-channel-logo{width:5rem}.watch-channel-card h3{font-size:1.2rem}}@media(prefers-reduced-motion:reduce){.signal-loader i{animation:none}}

/* Selected channel layout: player first, scrollable lineup below. */
.watch-page.is-playing .watch-stage{order:1}
.watch-page.is-playing .channel-switcher{order:2;min-height:0;padding-top:clamp(3rem,5vw,5rem)}
.watch-page.is-playing .switcher-heading h2{font-size:clamp(3rem,5vw,5.2rem)}
.watch-page.is-playing .watch-channel-list{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(15rem,22vw);grid-template-columns:none;overflow-x:auto;overscroll-behavior-inline:contain;scroll-snap-type:x proximity;scrollbar-color:var(--blue) #d2cfc7;scrollbar-width:thin}
.watch-page.is-playing .watch-channel-card{min-height:14rem;scroll-snap-align:start}
.watch-page.is-playing .watch-channel-list::-webkit-scrollbar{height:.65rem}
.watch-page.is-playing .watch-channel-list::-webkit-scrollbar-track{background:#d2cfc7}
.watch-page.is-playing .watch-channel-list::-webkit-scrollbar-thumb{background:var(--blue)}
@media(max-width:700px){.watch-page.is-playing .watch-channel-list{grid-auto-columns:72vw}.watch-page.is-playing .watch-channel-card{min-height:13rem}}

.video-shell::after{position:absolute;z-index:1;inset:0;content:"";pointer-events:none;background:linear-gradient(180deg,rgba(0,0,0,.48),transparent 28%,transparent 58%,rgba(0,0,0,.84));transition:opacity .35s ease}
.video-wait,.video-error,.premium-gate{z-index:4}
.video-corner{z-index:2;transition:opacity .35s ease,transform .35s ease,visibility .35s}
.live-player-controls{position:absolute;z-index:3;right:1.15rem;bottom:.8rem;left:1.15rem;display:grid;grid-template-columns:auto minmax(0,1fr) auto auto auto;align-items:center;gap:.7rem;transition:opacity .35s ease,transform .35s ease,visibility .35s}
.live-player-controls button{display:grid;width:2.35rem;height:2.35rem;place-items:center;padding:0;border:0;color:#fff;background:transparent;cursor:pointer}.live-player-controls button:hover,.live-player-controls button:focus-visible{color:var(--acid)}
.live-player-controls svg{width:1.35rem;height:1.35rem;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.live-player-controls [data-live-play] svg{fill:currentColor;stroke:currentColor}.live-player-controls [data-live-play] use[href$="#pause"]{fill:currentColor;stroke:none}
.live-player-controls input[type=range]{width:100%;height:.28rem;margin:0;accent-color:var(--acid);cursor:pointer}.live-player-controls input:disabled{cursor:default;opacity:.72}
.live-player-controls>span{min-width:5.7rem;color:#fff;font-size:.63rem;font-weight:800;letter-spacing:.1em;text-align:right}
.video-shell.is-idle{cursor:none}.video-shell.is-idle::after{opacity:0}.video-shell.is-idle .video-corner,.video-shell.is-idle .live-player-controls{opacity:0;visibility:hidden;pointer-events:none}.video-shell.is-idle .video-corner{transform:translateY(-.6rem)}.video-shell.is-idle .live-player-controls{transform:translateY(.6rem)}
@media(max-width:600px){.live-player-controls{right:.7rem;left:.7rem;gap:.3rem;grid-template-columns:auto minmax(0,1fr) auto auto}.live-player-controls>span{display:none}.live-player-controls button{width:2.1rem;height:2.1rem}}
.watch-channel-card{min-width:0;overflow:hidden}
.watch-channel-card>span:last-child{display:block;width:100%;min-width:0;overflow:hidden}
.watch-channel-card h3,.watch-channel-card p{display:block;width:100%;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}