@font-face{font-family:Hulk IBM;src:url(ibm-arabic-400.woff2) format('woff2');font-weight:400;font-display:swap}
@font-face{font-family:Hulk IBM;src:url(ibm-arabic-500.woff2) format('woff2');font-weight:500;font-display:swap}
@font-face{font-family:Hulk IBM;src:url(ibm-arabic-600.woff2) format('woff2');font-weight:600;font-display:swap}
@font-face{font-family:Hulk IBM;src:url(ibm-arabic-700.woff2) format('woff2');font-weight:700;font-display:swap}
:root{--bg:#080a0d;--card:#111419;--gold:#d5aa42;--gold-light:#edc867;--text:#f5f2ea;--muted:#b8bdc3;--line:#34383e;--gold-line:#806527;--radius:9px;--gold-fill:linear-gradient(110deg,#c89a32,#e6bd55 54%,#d4a539);font-family:'Hulk IBM',sans-serif;color:var(--text);background:var(--bg);color-scheme:dark;font-size:16px;line-height:1.6}
*{box-sizing:border-box}body{margin:0;min-width:280px}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer;color:inherit}button:disabled{cursor:default;opacity:.5}a{color:inherit;text-decoration:none}button,input,select{border-radius:var(--radius)}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,video:focus-visible{outline:2px solid var(--gold-light);outline-offset:4px}[hidden]{display:none!important}h1,h2,h3,p{margin:0}h1,h2,h3{line-height:1.5}button,a{touch-action:manipulation}.symbols{position:absolute;width:0;height:0;overflow:hidden}.sr-only{position:absolute;clip:rect(0,0,0,0);width:1px;height:1px;overflow:hidden;white-space:nowrap}
.icon{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;flex:none}.page-width{width:100%;max-width:1600px;margin-inline:auto;padding-inline:40px}.brand{display:flex;align-items:center;gap:10px;flex:none;white-space:nowrap}.brand img{width:48px;height:48px;object-fit:contain}.brand bdi{font-size:19px;letter-spacing:2px;font-weight:600;color:var(--gold-light)}.eyebrow{display:block;font-size:14px;font-weight:500;color:var(--gold)}.button{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:48px;padding:11px 24px;border:1px solid var(--line);font-size:16px;font-weight:600;line-height:1.6}.gold{background:var(--gold-fill);border-color:var(--gold);color:#171409}.gold:hover{filter:brightness(1.08)}.secondary{background:#101419c9;color:var(--text)}.secondary:hover{border-color:var(--gold)}.icon-button{display:inline-flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;padding:10px;border:1px solid transparent;background:transparent;color:var(--muted);flex:none}.icon-button:hover{color:var(--gold-light);background:#ffffff08}.icon-button[aria-pressed=true]{color:var(--gold)}.icon-button[aria-pressed=true] .icon{fill:#d5aa4240}.gold-dot{width:5px;height:5px;background:var(--gold);border-radius:50%}.spinner{display:inline-block;width:24px;height:24px;border:2px solid #d5aa4233;border-top-color:var(--gold);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.boot-state{min-height:100dvh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;color:var(--muted)}.preview-badge{background:#302712;color:var(--gold-light);text-align:center;padding:8px 16px;font-size:14px}

/* One centered login surface; no competing hero column. */
#loginView{position:relative;isolation:isolate;min-height:100dvh;display:grid;grid-template-rows:auto 1fr auto}
.login-backdrop{position:absolute;inset:0;z-index:-1;background:linear-gradient(0deg,#080a0dfa,#080a0da6 50%,#080a0de0),url(login-cinema-v2.webp) center/cover;pointer-events:none}
.login-header{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:76px;background:#080a0d8c;border-bottom:1px solid #ffffff09}
.login-return{color:var(--muted);font-size:14px;padding:12px 0}.login-return:hover{color:var(--gold-light)}
.login-shell{display:flex;align-items:center;justify-content:center;padding-block:16px;min-height:0}
.login-form-pane{width:100%;max-width:460px;padding:22px 34px;border:1px solid #72757766;border-radius:14px;background:linear-gradient(140deg,#171a1eef,#0d1014f2);box-shadow:0 24px 90px #0006;backdrop-filter:blur(16px)}
.form-intro{text-align:center;margin-bottom:16px}.login-mark{display:block;width:80px;height:80px;object-fit:contain;margin:0 auto 12px}.form-intro h1{font-size:27px;font-weight:600}.form-intro p{margin-top:6px;font-size:15px;color:var(--muted)}
#loginForm>label{display:block;font-size:14px;font-weight:500;line-height:1.5;margin:9px 0 7px}.field{display:flex;align-items:center;gap:10px;min-height:48px;padding:0 14px;background:#0b0e12;border:1px solid #50565f;border-radius:var(--radius)}.field:focus-within{border-color:var(--gold);box-shadow:0 0 0 3px #d5aa4214}.field>.icon{width:20px;color:#8b929c}.field input{width:100%;min-width:0;color:var(--text);text-align:right;padding:11px 0;border:0;background:none;outline:none;font-size:16px;line-height:1.5}.field input::placeholder{font-size:14px;color:#8c949e}.field input#code{text-align:left;letter-spacing:1.5px}.field .icon-button{margin-inline-end:-8px;min-width:44px;min-height:44px;padding:8px}
.form-error{margin-top:16px;border:1px solid #85534a;background:#502b2440;padding:12px;color:#ffcec2;font-size:14px;line-height:1.8}.login-submit{margin-top:16px;width:100%}.login-help{border-top:1px solid var(--line);margin-top:16px;padding-top:13px;text-align:center;font-size:14px;color:var(--gold-light)}.login-help a{display:inline-flex;align-items:center;min-height:32px}
.player-site-footer{padding-block:12px;text-align:center;font-size:13px;color:var(--muted)}.player-site-footer .footer-grid{display:flex;justify-content:center}.player-site-footer .footer-top-wrap,.player-site-footer .footer-brand,.player-site-footer .footer-links:not(:nth-child(3)),.player-site-footer .footer-links h3{display:none}.player-site-footer .footer-links nav{display:flex;flex-wrap:wrap;justify-content:center;gap:0 20px}.player-site-footer .footer-links a{display:inline-flex;align-items:center;min-height:44px;font-size:13px}.player-site-footer .footer-links a:hover{color:var(--gold-light)}.player-site-footer .footer-rights{margin-top:2px}

/* Consistent RTL app navigation and cinematic library. */
.app-header{position:sticky;top:0;z-index:5;background:#080a0df2;border-bottom:1px solid #272b32;backdrop-filter:blur(16px)}.header-inner{min-height:80px;display:flex;align-items:center;gap:36px}.section-tabs{display:flex;align-items:stretch;align-self:stretch;gap:22px;flex:1}.tab{display:flex;align-items:center;justify-content:center;gap:8px;min-height:48px;padding:14px 8px;border:0;border-bottom:3px solid transparent;border-radius:0;background:transparent;color:var(--muted);font-size:16px;white-space:nowrap}.tab .icon{width:19px;height:19px}.tab.active{color:var(--gold-light);border-bottom-color:var(--gold)}.tab:hover{color:var(--text)}.account-area{display:flex;align-items:center;gap:8px}.account-button{display:flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:8px 13px;border:1px solid var(--line);background:#15191f;font-size:14px}.account-area #logout{border:1px solid var(--line)}
.app-main{padding-top:28px;min-height:calc(100dvh - 155px)}.library-heading{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:24px}.library-heading .eyebrow{display:none}.library-heading h1{font-size:28px;font-weight:600}.library-heading p{margin-top:5px;color:var(--muted);font-size:14px}.search-field{display:flex;align-items:center;gap:12px;min-height:48px;width:340px;max-width:100%;padding:0 16px;border:1px solid #424851;border-radius:var(--radius);background:#111419}.search-field:focus-within{border-color:var(--gold)}.search-field .icon{color:#8e96a1;width:20px;height:20px}.search-field input{width:100%;min-width:0;padding:12px 0;border:0;background:transparent;color:var(--text);font-size:16px;outline:0}.search-field input::placeholder{color:#9299a3}
.library-hero{position:relative;isolation:isolate;overflow:hidden;min-height:370px;margin:-28px -40px 30px;padding:55px 40px;background:#10151b;border-bottom:1px solid #242a31}.hero-art{position:absolute;inset:0;z-index:-2}.hero-picture{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:#171c23}.hero-picture img{width:100%;height:100%;object-fit:cover;object-position:center 35%}.hero-picture>.icon{width:100px;height:100px;color:#5f5949;position:absolute;left:25%}.library-hero::after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(270deg,#080a0dfa 0%,#080a0dd9 30%,#080a0d25 70%),linear-gradient(0deg,#080a0d,transparent 60%)}.hero-copy{max-width:50%;position:relative}.hero-copy .eyebrow{color:var(--muted);margin-bottom:12px}.hero-copy h2{font-size:clamp(28px,3.8vw,54px);font-weight:700;line-height:1.5;overflow-wrap:anywhere;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.hero-meta{color:#d0cbbf;font-size:15px;margin-top:12px;min-height:20px}.hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:26px}
.content-shell{display:flex;flex-direction:column;gap:22px}.category-sidebar{width:100%;min-width:0}.sidebar-heading,.sidebar-foot{display:none}.category-list{display:flex;gap:10px;overflow:auto;max-width:100%;padding:5px 2px 11px;scrollbar-width:thin;scrollbar-color:#665437 transparent}.category-button{flex:none;display:flex;align-items:center;gap:8px;min-height:44px;max-width:280px;padding:8px 18px;border:1px solid var(--line);background:#111419;color:var(--muted);font-size:14px;line-height:1.7;white-space:nowrap}.category-button span{overflow:hidden;text-overflow:ellipsis}.category-button .icon{width:17px;height:17px}.category-button.active{border-color:var(--gold);background:#d5aa4220;color:var(--gold-light)}.category-button:hover{color:var(--text);border-color:#857552}.library-content{width:100%;min-width:0}.results-bar{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:18px}.results-bar h2{font-size:20px;font-weight:600;overflow-wrap:anywhere}.result-count{color:#8e97a3;font-size:13px;white-space:nowrap}
.poster-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:28px 20px}.poster-card{position:relative;min-width:0}.poster-button{display:block;width:100%;padding:0;text-align:right;border:0;background:transparent}.poster-art{position:relative;display:flex;align-items:center;justify-content:center;aspect-ratio:2/3;overflow:hidden;border:1px solid #353c46;border-radius:var(--radius);background:linear-gradient(145deg,#232a33,#101318)}.poster-art img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.poster-art>.icon{width:48px;height:48px;color:#6d716e}.poster-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:#080a0d88;opacity:0;transition:opacity .16s}.poster-overlay .icon{width:52px;height:52px;border:1px solid var(--gold);border-radius:50%;padding:12px;background:#080a0dab;color:var(--gold-light)}.poster-button:hover .poster-overlay,.poster-button:focus-visible .poster-overlay{opacity:1}.poster-button:hover .poster-art{border-color:var(--gold)}.poster-name{font-size:16px;font-weight:500;line-height:1.8;margin-top:11px;overflow-wrap:anywhere;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.poster-meta{display:flex;gap:10px;align-items:center;min-height:22px;margin-top:5px;color:#969faa;font-size:13px}.rating{display:flex;align-items:center;gap:4px;color:var(--gold-light)}.rating .icon{width:14px;height:14px;fill:var(--gold)}.poster-card>.favorite{position:absolute;top:8px;inset-inline-end:8px;border:1px solid #5f606266;border-radius:50%;background:#080a0de0;z-index:1}

/* Wide player on the left; channels remain on the right in RTL. */
.live-layout{display:grid;grid-template-columns:minmax(280px,.32fr) minmax(0,.68fr);gap:24px;align-items:start}.channel-list{display:flex;flex-direction:column;gap:8px;max-height:600px;overflow:auto;padding:2px;scrollbar-width:thin;scrollbar-color:#665437 transparent}.channel-card{display:flex;align-items:center;gap:8px;min-width:0;padding:10px;border:1px solid #2e353e;border-radius:var(--radius);background:#111419}.channel-card.active{border-color:var(--gold);background:#d5aa420d}.channel-card:hover{border-color:#776649}.channel-main{display:flex;align-items:center;gap:13px;flex:1;min-width:0;min-height:54px;text-align:right;border:0;background:none;padding:0}.channel-name{font-size:15px;font-weight:500;line-height:1.7;overflow-wrap:anywhere}.channel-logo{position:relative;display:flex;align-items:center;justify-content:center;width:48px;height:48px;flex:none;padding:6px;background:#222831;border:1px solid #333b46;border-radius:50%;overflow:hidden}.channel-logo img{width:100%;height:100%;object-fit:contain}.channel-logo>.icon{width:24px;height:24px;color:#d9c99f}.channel-card .favorite{min-width:44px}.player-panel{min-width:0;background:#101419;border:1px solid #343b43;border-radius:12px;overflow:hidden}.video-stage{position:relative;aspect-ratio:16/9;background:#030405;overflow:hidden}.video-stage video{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;background:#030405}.stage-message{position:absolute;inset:0;z-index:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;text-align:center;padding:20px;background:radial-gradient(ellipse at 35% 30%,#332b1d77,#0a0d12 85%)}.stage-play{display:flex;align-items:center;justify-content:center;width:56px;height:56px;border:1px solid #7c6536;border-radius:50%;color:var(--gold);margin-bottom:6px}.stage-play .icon{width:28px;height:28px}.stage-message h3{font-size:20px;font-weight:500}.stage-message p{font-size:14px;line-height:1.8;max-width:390px;color:var(--muted)}.stage-message:has(.button:not([hidden])) .stage-play{display:none}.stage-message .button{margin-top:4px}.live-badge{position:absolute;top:16px;inset-inline-start:16px;z-index:2;display:flex;align-items:center;gap:7px;padding:5px 12px;border-radius:6px;background:#ba292be8;color:#fff;font-size:14px}.live-badge span{width:6px;height:6px;border-radius:50%;background:#fff}
.video-controls{padding:10px 12px;background:#11161b;border-top:1px solid #292f36}.transport-row,.transport-main,.transport-options{display:flex;align-items:center;gap:8px}.transport-row{justify-content:space-between;flex-wrap:wrap}.transport-main,.transport-options{flex-wrap:wrap;min-width:0}.transport-row .icon-button{min-width:44px;min-height:44px}.transport-options label{min-width:0}.transport-options select{max-width:150px;min-height:44px;border:1px solid #444c56;background:#12171d;padding:8px;font-size:14px}.transport-options select:disabled{opacity:.55}.seek-row{display:flex;align-items:center;gap:10px;direction:ltr;color:var(--muted);font-size:13px;padding:2px 4px 9px}.seek-row input{min-width:0;flex:1}input[type=range]{accent-color:var(--gold);cursor:pointer;min-height:28px}#volume{width:76px;direction:ltr}.skip-button{min-height:44px;border:0;background:transparent;padding:8px;color:var(--muted);direction:ltr;font-size:14px}.now-playing{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px 20px;border-top:1px solid #2b323b}.now-playing>div{min-width:0}.now-playing .eyebrow{font-size:13px;color:var(--muted)}.now-playing h3{font-size:18px;font-weight:600;line-height:1.7;margin-top:4px;overflow-wrap:anywhere}.now-playing .icon-button{border:1px solid var(--line)}
.load-more{display:flex;margin:30px auto}.loading{display:flex;align-items:center;justify-content:center;gap:14px;min-height:230px;color:var(--muted)}.empty-state{padding:50px 20px;text-align:center;background:#111419;border:1px solid var(--line);border-radius:var(--radius)}.empty-state>.icon{width:32px;height:32px;margin-bottom:12px;color:var(--gold)}.empty-state h3{font-size:20px}.empty-state p{font-size:15px;line-height:1.8;color:var(--muted);margin-top:9px}.notice{padding:26px 20px;border:1px solid #785449;border-radius:var(--radius);text-align:center;background:#301b182e}.notice p{color:#efc9b9;line-height:1.8;margin-bottom:16px}.app-footer{display:flex;justify-content:space-between;gap:16px;margin-top:30px;padding-block:22px;border-top:1px solid #252a31;font-size:13px;color:#818a96}

/* Details, seasons and account share the same surface language. */
dialog{width:min(960px,calc(100% - 32px));max-height:calc(100dvh - 32px);margin:auto;padding:0;overflow:auto;overscroll-behavior:contain;border:1px solid #5f5135;border-radius:14px;color:var(--text);background:#101419}dialog::backdrop{background:#030405d9;backdrop-filter:blur(9px)}body:has(dialog[open]){overflow:hidden}.dialog-close{position:absolute;top:14px;inset-inline-end:14px;z-index:2;border:1px solid #575650;background:#080a0de8;border-radius:50%}.detail-content{display:grid;grid-template-columns:220px minmax(0,1fr);gap:32px;padding:42px}.detail-poster{position:relative;display:flex;align-items:center;justify-content:center;aspect-ratio:2/3;overflow:hidden;border:1px solid var(--line);border-radius:var(--radius);background:#1c222b}.detail-poster img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.detail-poster>.icon{width:52px;height:52px;color:#7c807b}.detail-info{min-width:0;padding-top:7px}.detail-info h2{font-size:30px;line-height:1.6;margin:10px 0 16px;overflow-wrap:anywhere}.detail-meta{display:flex;flex-wrap:wrap;gap:8px;color:#d5cbb9;font-size:14px;margin-bottom:18px}.detail-meta span{padding:4px 9px;border:1px solid #454239;border-radius:6px}.detail-info p{font-size:16px;line-height:1.9;color:var(--muted);white-space:pre-line;overflow-wrap:anywhere}.detail-actions{display:flex;flex-wrap:wrap;gap:10px;margin:25px 0 20px}.detail-actions .favorite{border:1px solid var(--line)}.detail-credits{font-size:14px!important;margin-top:9px}.episodes-area{padding:0 42px 36px}.episodes-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:18px}.episodes-heading h3{font-size:21px}.episodes-heading select{max-width:180px;min-height:44px;background:#181d25;border:1px solid #474d56;padding:8px 12px;font-size:14px}.episode-list{display:flex;flex-direction:column;gap:8px}.episode-button{display:flex;align-items:center;gap:16px;width:100%;text-align:right;border:1px solid #2e363f;padding:14px;background:#151b22;min-height:64px}.episode-button:hover{border-color:var(--gold)}.episode-number{flex:none;min-width:28px;color:var(--gold-light);font-size:18px}.episode-name{flex:1;min-width:0;overflow-wrap:anywhere;font-size:16px}.episode-duration{font-size:13px;color:var(--muted)}.episode-button>.icon{width:20px;height:20px;color:var(--gold)}
.watch-dialog{width:min(1440px,calc(100% - 40px));border-color:#525149}.watch-dialog[open]{display:flex;flex-direction:column}.watch-header{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:64px;padding:8px 16px;border-bottom:1px solid var(--line);flex:none}.watch-header #watchHeading{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:16px}.watch-header .icon-button{border:1px solid var(--line)}.watch-dialog #watchPlayerHost{min-height:0;overflow:auto;flex:1}.watch-dialog .player-panel{border:0;border-radius:0}.player-panel:fullscreen{display:flex;flex-direction:column;width:100vw;height:100dvh;background:#030405;border:0;border-radius:0}.player-panel:fullscreen .video-stage{flex:1;min-height:0;aspect-ratio:auto}.player-panel:fullscreen .now-playing{display:none}
.account-dialog{width:min(620px,calc(100% - 32px))}.account-page-header{display:flex;align-items:center;justify-content:space-between;padding:18px 24px;border-bottom:1px solid #2b323a}.account-brand{display:flex;align-items:center;gap:10px;color:var(--gold-light)}.account-brand img{width:45px;height:45px}.account-hero{padding:30px 24px;text-align:center;background:radial-gradient(ellipse at center top,#d5aa4215,transparent 70%)}.account-avatar{display:flex;align-items:center;justify-content:center;width:70px;height:70px;margin:0 auto 18px;border:1px solid var(--gold-line);border-radius:50%;background:#d5aa4212;color:var(--gold)}.account-avatar .icon{width:32px;height:32px}.account-hero h2{font-size:25px;margin:8px 0}.account-dialog-name{display:block;overflow-wrap:anywhere;font-size:16px;color:var(--muted)}.account-status{display:inline-flex;gap:7px;align-items:center;margin-top:13px;color:#a6d7b5;font-size:14px}.account-status i{width:5px;height:5px;border-radius:50%;background:currentColor}.account-metrics{display:grid;grid-template-columns:1fr 1fr;gap:14px;padding:0 24px}.account-metric{padding:20px;text-align:center;background:#171c24;border:1px solid var(--line);border-radius:var(--radius)}.account-metric>span{display:block;color:var(--muted);font-size:14px}.account-metric div{display:flex;gap:8px;align-items:baseline;justify-content:center;margin-top:10px}.account-metric strong{font-size:30px;color:var(--gold-light)}.account-metric small{font-size:14px}.account-details{margin:24px}.account-details>div{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:16px 0;border-bottom:1px solid #303740}.account-details dt{color:var(--muted);font-size:14px}.account-details dd{margin:0;min-width:0;overflow-wrap:anywhere;font-size:15px}.account-page-footer{padding:0 24px 26px;text-align:center}.toast{position:fixed;z-index:20;bottom:max(24px,env(safe-area-inset-bottom));left:50%;transform:translateX(-50%);width:max-content;max-width:calc(100% - 32px);padding:14px 20px;background:#23282f;border:1px solid #8b7340;border-radius:var(--radius);color:var(--text);box-shadow:0 10px 30px #0008;font-size:15px;line-height:1.8;text-align:center}

@media(min-width:1000px){.live-layout #livePlayerHost{position:sticky;top:100px}.live-layout .channel-list{max-height:calc(100dvh - 230px);min-height:300px}}
@media(max-width:1100px){.page-width{padding-inline:28px}.header-inner{gap:20px}.section-tabs{gap:12px}.brand bdi{font-size:16px}.tab .icon{display:none}.poster-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.library-hero{margin-inline:-28px;padding-inline:28px}.live-layout{grid-template-columns:minmax(240px,.34fr) minmax(0,.66fr);gap:18px}.channel-name{font-size:14px}#volume{width:58px}}
@media(max-width:820px){.page-width{padding-inline:22px}.header-inner{gap:14px;flex-wrap:wrap;padding-block:10px}.section-tabs{order:3;flex-basis:100%;justify-content:center;gap:24px}.tab{flex:1;padding-block:9px}.account-area{margin-inline-start:auto}.app-header .brand img{width:40px;height:40px}.app-main{padding-top:22px}.library-hero{margin:-22px -22px 26px;padding:44px 22px;min-height:340px}.hero-copy{max-width:65%}.live-layout{display:flex;flex-direction:column}.live-layout #livePlayerHost{order:-1;width:100%}.channel-list{width:100%;max-height:450px}.channel-card{min-height:76px}.poster-grid{gap:24px 16px}.detail-content{grid-template-columns:170px minmax(0,1fr);gap:24px;padding:32px}.episodes-area{padding-inline:32px}}
@media(max-width:600px){.page-width{padding-inline:16px}.login-header{min-height:64px}.login-header .brand img{width:38px;height:38px}.login-header .brand bdi{font-size:15px}.login-return{font-size:13px}.login-shell{padding-block:24px;min-height:calc(100dvh - 144px)}.login-form-pane{max-width:420px;padding:25px 22px}.login-mark{width:87px;height:87px;margin-bottom:12px}.form-intro h1{font-size:25px}.form-intro p{font-size:15px}#loginForm>label{margin-top:16px}.login-help{margin-top:21px}.player-site-footer{padding-block:16px}.header-inner{gap:10px}.app-header .brand bdi{font-size:15px}.account-button{padding:8px}.account-button span{display:none}.account-area{gap:6px}.account-area #logout{min-width:40px;padding:8px}.section-tabs{gap:10px}.tab{font-size:14px}.app-main{padding-top:22px}.library-heading{flex-direction:column;align-items:stretch;gap:16px;margin-bottom:20px}.library-heading h1{font-size:24px}.library-heading p{font-size:14px}.search-field{width:100%}.library-hero{margin:-22px -16px 24px;padding:120px 16px 30px;min-height:370px}.hero-copy{max-width:100%}.hero-copy h2{font-size:30px;-webkit-line-clamp:2}.library-hero::after{background:linear-gradient(0deg,#080a0d 0%,#080a0dcc 45%,#080a0d38 100%)}.hero-picture img{object-position:center 30%}.hero-actions{margin-top:18px;gap:10px}.hero-actions .button{font-size:14px;padding-inline:18px}.category-button{padding-inline:14px;font-size:14px}.content-shell{gap:15px}.results-bar h2{font-size:18px}.result-count{font-size:12px}.poster-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:23px 14px}.poster-name{font-size:14px}.poster-meta{font-size:12px}.poster-card>.favorite{min-width:40px;min-height:40px;padding:8px}.stage-message{gap:7px;padding:12px}.stage-play{width:42px;height:42px;margin-bottom:1px}.stage-play .icon{width:23px;height:23px}.stage-message h3{font-size:17px}.stage-message p{font-size:13px;line-height:1.7;max-width:300px}.stage-message .button{min-height:44px;font-size:14px;padding:7px 16px}.live-badge{top:10px;inset-inline-start:10px;font-size:12px;padding:4px 8px}.video-controls{padding:8px}.transport-row{gap:8px}.transport-main,.transport-options{gap:3px}.transport-options select{max-width:112px;font-size:13px}.transport-row .icon-button{padding:8px;min-width:42px}#volume{width:54px}.now-playing{padding:14px 12px}.now-playing h3{font-size:16px}.now-playing .eyebrow{font-size:12px}.seek-row{font-size:12px}.channel-name{font-size:15px}.app-footer{font-size:12px}.detail-content{display:flex;flex-direction:column;gap:20px;padding:28px 22px}.detail-poster{width:140px;align-self:center}.detail-info h2{font-size:25px}.detail-info p{font-size:15px}.detail-meta{font-size:13px}.episodes-area{padding:0 22px 28px}.episodes-heading{gap:10px}.episodes-heading h3{font-size:18px}.episodes-heading select{max-width:130px}.episode-button{gap:10px;padding:12px}.episode-name{font-size:14px}.episode-duration{display:none}.watch-dialog{width:100%;height:100dvh;max-height:100dvh;border:0;border-radius:0}.watch-dialog #watchPlayerHost,.watch-dialog .player-panel{height:100%;display:flex;flex-direction:column}.watch-dialog .video-stage{flex:1;min-height:0;aspect-ratio:auto}.watch-dialog .stage-message{padding:24px}.watch-dialog .stage-message h3{font-size:20px}.watch-dialog .stage-message p{font-size:15px}.watch-dialog .now-playing{padding-bottom:max(14px,env(safe-area-inset-bottom))}.account-metrics{gap:10px;padding-inline:16px}.account-metric{padding:16px 10px}.account-metric strong{font-size:25px}.account-details{margin:20px 16px}.account-page-header{padding-inline:16px}}
@media(max-width:340px){.brand bdi{font-size:13px}.section-tabs{gap:4px}.tab{font-size:13px}.hero-actions .button{padding-inline:12px}.account-area #logout{min-width:36px}.poster-grid{gap:20px 10px}.login-form-pane{padding-inline:18px}}
@media(max-width:600px){.login-shell{min-height:0;padding-block:18px}.login-form-pane{padding-block:22px}.login-mark{width:72px;height:72px}#loginForm>label{margin-top:9px}.transport-row .icon-button,.poster-card>.favorite,.account-area #logout{min-width:44px;min-height:44px}.watch-dialog{max-width:100vw;margin:0}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition:none!important}}
/* Favorite state is independent of hover and the playing-channel selection. */
.favorite{border-radius:50%}
.favorite[aria-pressed="false"]{color:var(--muted);background:#080a0de0;border-color:#5f606266}
.favorite[aria-pressed="false"] .icon{fill:none}
.favorite[aria-pressed="true"]{color:var(--gold-light);background:#413319;border-color:var(--gold)}
.favorite[aria-pressed="true"] .icon{fill:currentColor;stroke:currentColor}
.category-button.active:hover{border-color:var(--gold);background:#d5aa4220;color:var(--gold-light)}
.tab.active:hover{color:var(--gold-light)}
.channel-card.active:hover{border-color:var(--gold)}

/* Pointer taps have no focus box; keyboard focus follows the control shape. */
button:focus:not(:focus-visible),a:focus:not(:focus-visible),select:focus:not(:focus-visible),video:focus{outline:none}
.favorite:focus-visible,.dialog-close:focus-visible{outline:none;box-shadow:0 0 0 2px var(--gold-light)}
.poster-button:focus-visible,.channel-main:focus-visible{outline:none}
.poster-button:focus-visible .poster-art{border-color:var(--gold-light);box-shadow:inset 0 0 0 2px var(--gold-light)}
.channel-card:has(.channel-main:focus-visible){border-color:var(--gold-light);box-shadow:inset 0 0 0 1px var(--gold-light)}
@media(hover:none),(pointer:coarse){
  .poster-button:hover:not(:focus-visible) .poster-overlay{opacity:0}
  .poster-button:hover:not(:focus-visible) .poster-art{border-color:#353c46}
  .category-button:not(.active):hover{border-color:var(--line);color:var(--muted)}
}