:root{color-scheme:dark;--page:#102034;--bar:#12243a;--surface:#192f47;--raised:#213b54;--line:#2b465e;--muted:#a5b5c7;--text:#f3f6fb;--accent:#ee3453;--teal:#37c9b0;--sidebar:238px;font-family:Arial,Helvetica,sans-serif;font-size:14px;letter-spacing:0}*{box-sizing:border-box;letter-spacing:0}html,body{margin:0;height:100%;overflow:hidden}body{background:var(--page);color:var(--text)}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button{color:inherit;cursor:pointer}button:disabled{cursor:wait;opacity:.55}a{color:inherit;text-decoration:none}button,input,select{border:1px solid var(--line)}button{background:transparent}button:focus,a:focus,input:focus,select:focus{outline:none}html[data-input-mode=remote] button:focus,html[data-input-mode=remote] a:focus,html[data-input-mode=remote] input:focus,html[data-input-mode=remote] select:focus{box-shadow:inset 0 0 0 2px var(--focus-ring);position:relative;z-index:2}svg{flex-shrink:0;pointer-events:none}button>*{pointer-events:none}[hidden]{display:none!important}.appbar{height:72px;background:var(--bar);border-bottom:1px solid var(--line);display:flex;align-items:center;gap:20px;padding:0 25px;position:relative;z-index:20}.brand{display:flex;align-items:center;gap:11px;font-size:28px;font-weight:800;white-space:nowrap}.brand img{width:42px;height:42px;object-fit:contain}.brand-accent{color:var(--accent)}.appbar-actions{display:flex;align-items:center;gap:12px;margin-left:auto}.icon-button{width:40px;height:40px;display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:6px;flex-shrink:0}.primary-button,.secondary-button{min-height:42px;padding:10px 17px;border-radius:6px;display:inline-flex;align-items:center;justify-content:center;gap:9px;font-weight:600}.primary-button{background:var(--accent);border-color:var(--accent);color:#fff}.secondary-button{background:var(--raised)}.connection{display:flex;align-items:center;gap:7px;color:var(--muted);font-size:12px}.connection-dot{width:6px;height:6px;border-radius:50%;background:#d6a74b}.connection.online .connection-dot{background:var(--teal)}.connection.error .connection-dot{background:var(--accent)}.workspace{height:calc(100dvh - 72px);display:grid;grid-template-columns:var(--sidebar) minmax(0,1fr)}#sidebar{min-width:0;padding:22px 14px 18px;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;border-right:1px solid var(--line);background:var(--bar);scroll-padding-top:12px}#sidebar-content{min-height:calc(100% - 50px)}.nav-section+.nav-section{border-top:1px solid var(--line);margin-top:18px;padding-top:18px}.nav-label{font-size:11px;color:var(--muted);font-weight:700;margin:0 10px 9px}.nav-row{display:flex;align-items:center;gap:12px;width:100%;min-height:46px;padding:10px 12px;border-radius:6px;border:1px solid transparent;text-align:left;position:relative;margin:3px 0}.nav-row span:not(.nav-count){flex:1;min-width:0;overflow-wrap:anywhere}.nav-row img{width:22px;height:22px;object-fit:contain}.nav-row.active{background:var(--accent);color:#fff}.nav-row.view-active:not(.active){background:var(--surface);border-color:var(--line)}.nav-count{font-size:11px;color:inherit;opacity:.7}.sidebar-settings{color:var(--muted);margin-top:16px}.mobile-only,.bottom-nav,#sidebar-shade{display:none}#main{overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;min-width:0;padding:0 25px 28px;scroll-padding-top:160px}.content-header{position:sticky;top:0;z-index:8;background:var(--page);padding:21px 0 17px}.heading-row{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:16px}.eyebrow{font-size:10px;color:var(--muted);font-weight:700;margin-bottom:5px}h1{font-size:22px;line-height:1.2;margin:0;font-weight:700;overflow-wrap:anywhere}.item-count{font-size:12px;color:var(--muted);white-space:nowrap}.search-bar{height:48px;display:flex;align-items:center;gap:12px;padding:0 14px;border:1px solid var(--line);border-radius:7px;background:var(--surface);color:var(--muted)}.search-bar input{color:var(--text);background:none;border:0;outline:0;min-width:0;flex:1;height:100%;font-size:14px}.search-bar input::-webkit-search-cancel-button{display:none}.search-bar:focus-within{border-color:var(--teal)}.search-bar .icon-button{width:30px;height:30px}.view-tabs{display:flex;gap:6px;margin-top:13px;overflow:auto;padding:4px 2px}.view-tabs button{padding:8px 13px;border-radius:5px;white-space:nowrap;color:var(--muted);border-color:transparent}.view-tabs button.active{background:var(--raised);color:#fff;border-color:var(--line)}.card-grid{display:grid;gap:14px;align-items:start}.event-grid{grid-template-columns:repeat(auto-fill,minmax(285px,1fr))}.tv-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr))}.vod-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:20px 16px}.media-card{position:relative;width:100%;display:block;text-align:left;border-radius:7px;background:var(--surface);border:1px solid var(--line);overflow:hidden;padding:0;color:var(--text)}.event-card{min-height:190px}.event-league{display:flex;align-items:center;gap:9px;padding:14px 68px 12px 14px;border-bottom:1px solid var(--line);height:48px;font-size:12px;font-weight:600}.event-league img{width:20px;height:20px;object-fit:contain}.event-league span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.badge{position:absolute;right:0;top:0;padding:6px 10px;font-size:10px;line-height:1;font-weight:700;border-radius:0 6px;background:#273c52;color:#c1cede}.badge.live{background:var(--accent);color:#fff}.badge.live:before{content:"";display:inline-block;width:5px;height:5px;background:#fff;border-radius:50%;margin-right:5px;vertical-align:1px}.badge.ended{color:#c6cdd5;background:#394454}.teams{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;padding:16px 14px}.team-list{display:flex;flex-direction:column;gap:16px;min-width:0}.team{display:flex;gap:11px;align-items:center;min-width:0;font-size:14px;font-weight:600;line-height:1.35}.team-name{overflow-wrap:anywhere}.team .picture{height:30px;width:30px;flex:0 0 30px;background:transparent}.event-time{align-self:center;text-align:right;display:flex;flex-direction:column;gap:6px;white-space:nowrap;color:var(--muted);font-size:11px}.event-time strong{font-size:17px;color:var(--text)}.event-meta{border-top:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;padding:9px 14px;font-size:10px;color:var(--muted)}.event-meta>span{display:flex;align-items:center;gap:5px}.event-meta svg{width:13px;height:13px}.poster-event .picture{display:block;width:100%;height:180px;border-radius:0}.poster-event .picture img{object-fit:cover}.poster-event .event-league{padding-right:14px}.poster-event-title{padding:10px 14px;line-height:1.4;font-weight:600;min-height:40px}.picture{display:inline-block;position:relative;overflow:hidden;background:#253e55;vertical-align:middle}.picture img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}.image-initial{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;color:#90a9bf;font-size:13px;font-weight:700}.picture.loaded .image-initial{display:none}.tv-card .picture{width:calc(100% - 28px);height:95px;margin:20px 14px 10px;border-radius:4px;background:#f6f8fa}.tv-card .picture img{padding:8px}.tv-title{padding:9px 13px 4px;font-size:14px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tv-group{color:var(--muted);padding:0 13px 13px;font-size:11px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tv-top{display:flex;justify-content:space-between;gap:8px;padding:10px 12px 0;font-size:10px;color:var(--muted)}.tv-top svg{width:14px;height:14px}.vod-card{border:0;background:transparent;overflow:visible}.vod-card>.picture{display:block;aspect-ratio:2/3;width:100%;border-radius:7px;border:1px solid var(--line);background:var(--surface)}.vod-card>.picture img{object-fit:cover}.vod-title{font-size:13px;font-weight:600;line-height:1.4;margin-top:9px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:36px}.vod-meta{font-size:11px;color:var(--muted);margin-top:5px;display:flex;gap:8px;align-items:center}.vod-meta svg{width:12px;height:12px;color:#e5c465}.poster-kind{position:absolute;top:8px;left:8px;padding:4px 6px;background:#101b2cdb;font-size:9px;border-radius:3px}.section-heading{font-size:16px;margin:10px 0 16px}.section-band+.section-band{margin-top:30px}.empty-state{min-height:290px;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;padding:35px 20px;gap:12px}.empty-state>svg{width:38px;height:38px;color:var(--muted)}.empty-state h2{font-size:18px;margin:8px 0 0}.empty-state p{max-width:480px;font-size:13px;line-height:1.6;color:var(--muted);margin:0 0 8px;overflow-wrap:anywhere}.skeleton{height:194px;border:1px solid var(--line);border-radius:7px;padding:20px;display:flex;gap:19px;flex-direction:column;background:var(--surface)}.skeleton span{background:#2a435b;height:17px;border-radius:3px;animation:pulse 1.5s ease-in-out infinite alternate}.skeleton span:nth-child(2){width:75%;margin-top:12px}.skeleton span:nth-child(3){width:55%}.vod-skeleton{height:260px}#pagination{display:flex;justify-content:center;padding:25px 0}.compact .event-card{min-height:170px}.compact .teams{padding-top:10px;padding-bottom:10px}.compact .team-list{gap:10px}dialog{border:1px solid #38506a;border-radius:8px;background:var(--bar);color:var(--text);padding:0;width:min(680px,calc(100% - 32px));max-height:calc(100dvh - 48px);overflow:auto;box-shadow:0 24px 80px #0008}dialog::backdrop{background:#050d18b8}.dialog-heading{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:15px 20px;position:sticky;top:0;background:var(--bar);z-index:5;border-bottom:1px solid var(--line)}.dialog-heading h2{font-size:18px;margin:0;overflow-wrap:anywhere}.dialog-heading button{margin:-4px -7px -4px 0}#modal-body{padding:22px}.dialog-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:22px}.field{display:flex;flex-direction:column;gap:8px;margin-bottom:18px;font-size:12px;color:var(--muted)}.field input,.field select,select{background:var(--surface);color:var(--text);min-height:42px;padding:10px 12px;border-radius:5px;min-width:0;width:100%}.field input{font-size:14px}.field.check{flex-direction:row;align-items:center;gap:10px}.field.check input{width:18px;min-height:18px;accent-color:var(--accent)}.error-text{color:#ff8798!important;font-size:13px;line-height:1.6;overflow-wrap:anywhere}.muted{color:var(--muted);font-size:13px;line-height:1.6}.server-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:20px}.server-button{display:flex;align-items:center;gap:10px;padding:14px;border:1px solid var(--line);background:var(--surface);border-radius:6px;text-align:left;min-height:54px}.server-button span{flex:1;overflow-wrap:anywhere}.server-button small{color:var(--muted)}.event-dialog-teams{display:flex;justify-content:space-around;align-items:center;gap:14px;margin:15px 0}.event-dialog-team{display:flex;align-items:center;flex-direction:column;gap:12px;text-align:center;flex:1;min-width:0;overflow-wrap:anywhere}.event-dialog-team .picture{width:60px;height:60px;background:transparent}.event-dialog-teams>span{color:var(--muted);font-size:12px}.event-dialog-summary{text-align:center}.premium-title{display:flex;align-items:center;gap:12px;font-size:23px;margin:2px 0 18px}.premium-title svg{width:30px;height:30px;color:#eac464}.perk{display:flex;gap:14px;align-items:center;padding:15px 0;border-bottom:1px solid var(--line)}.perk svg{color:var(--teal);width:22px}.perk strong{font-size:14px}.perk p{margin:4px 0 0;color:var(--muted);font-size:12px}.account-state{display:flex;align-items:center;gap:15px;margin-bottom:22px}.account-state>svg{width:38px;height:38px;color:var(--teal)}.account-state h3{font-size:18px;margin:0 0 5px}.account-state p{margin:0;color:var(--muted)}.diagnostics{font-size:11px;display:grid;gap:10px;max-height:260px;overflow:auto;margin-top:18px}.diagnostic-row{padding:10px;background:var(--surface);border-radius:4px;overflow-wrap:anywhere}.diagnostic-row span{color:var(--muted);display:block;margin-top:5px}.vod-detail-head{display:flex;gap:23px}.vod-detail-head .picture{width:135px;aspect-ratio:2/3;flex:0 0 135px;border-radius:6px}.vod-detail-head .picture img{object-fit:cover}.vod-detail-head h3{font-size:22px;margin:0 0 12px;line-height:1.25}.detail-tags{display:flex;flex-wrap:wrap;gap:7px}.detail-tag{font-size:11px;color:var(--muted);padding:4px 7px;background:var(--surface);border-radius:3px}.episode-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(66px,1fr));gap:8px;margin-top:14px;max-height:220px;overflow:auto;padding:4px}.episode-grid button{background:var(--surface);border-radius:4px;padding:12px 5px}.episode-grid button.active{border-color:var(--accent);background:#613447}.video-viewport{background:#000;aspect-ratio:16/9;width:100%;display:flex;align-items:center;justify-content:center}.video-viewport video{width:100%;height:100%;object-fit:contain}.player-options{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}.player-options select{flex:1;min-width:120px}.player-status{font-size:12px;color:var(--muted);line-height:1.6}.preview-player{margin:-6px}#toast{position:fixed;bottom:28px;left:50%;transform:translate(-50%);background:#eef4fb;color:#102034;border-radius:6px;padding:12px 18px;font-size:13px;box-shadow:0 8px 28px #0005;max-width:min(500px,90%);z-index:100;pointer-events:none;text-align:center}@media (hover:hover) and (pointer:fine){.icon-button:hover,.nav-row:not(.active):hover{background:var(--raised)}.media-card:hover{border-color:#6688a4}.vod-card:hover>.picture{border-color:#6688a4}.server-button:hover,.secondary-button:hover{background:var(--raised)}.primary-button:hover{background:#fa4260}}@keyframes pulse{0%{opacity:.45}to{opacity:1}}@media (prefers-reduced-motion:reduce){*{animation:none!important;scroll-behavior:auto!important}}.nav-row span.nav-picture{width:22px;height:22px;flex:0 0 22px;background:transparent}.channel-detail-logo .picture{width:130px;height:100px;border-radius:5px}.connection{border:0;padding:8px;background:none}.server-button{overflow-wrap:anywhere}@media (min-width:1500px){:root{--sidebar:264px}.appbar,#main{padding-inline:30px}.event-grid{grid-template-columns:repeat(auto-fill,minmax(325px,1fr))}.vod-grid{grid-template-columns:repeat(auto-fill,minmax(170px,1fr))}}@media (max-width:1000px){:root{--sidebar:200px}.appbar{padding:0 18px;gap:14px}.connection{display:none}#main{padding-inline:18px}.nav-row{font-size:13px;padding-inline:10px}.event-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}}@media (max-width:719px){.appbar{height:62px;padding:0 12px;gap:8px}.brand{font-size:23px;gap:7px}.brand img{width:34px;height:34px}.appbar-actions{gap:3px}.appbar-actions .primary-button{min-height:36px;padding:8px 11px;font-size:12px}.appbar-actions .primary-button svg{width:16px}.appbar-actions .icon-button{width:34px;height:36px}#reload-button{display:none}.mobile-only{display:inline-flex}.workspace{height:calc(100dvh - 124px - env(safe-area-inset-bottom));display:block}#sidebar{position:fixed;left:0;top:62px;bottom:calc(62px + env(safe-area-inset-bottom));width:255px;z-index:30;transform:translate(-100%);padding-top:20px}.sidebar-open #sidebar{transform:translate(0)}.sidebar-open #sidebar-shade{display:block;position:fixed;inset:62px 0 calc(62px + env(safe-area-inset-bottom));border:0;background:#0007;z-index:25}#main{height:100%;padding-inline:13px}.content-header{padding-top:17px;padding-bottom:14px}.heading-row{margin-bottom:13px}h1{font-size:21px}.eyebrow{font-size:9px}.search-bar{height:44px;font-size:13px}.search-bar input{font-size:13px}.event-grid{grid-template-columns:1fr;gap:12px}.tv-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.vod-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px 11px}.vod-title{font-size:12px;min-height:34px}.vod-meta{font-size:10px;gap:5px}.bottom-nav{position:fixed;bottom:0;left:0;right:0;display:flex;height:calc(62px + env(safe-area-inset-bottom));padding:0 12px env(safe-area-inset-bottom);background:var(--bar);border-top:1px solid var(--line);z-index:40}.bottom-nav a{flex:1;display:flex;align-items:center;justify-content:center;gap:6px;flex-direction:column;color:var(--muted);font-size:10px}.bottom-nav a.active{color:#ff6b83}.bottom-nav svg{width:21px;height:21px}.event-card{min-height:180px}.teams{padding-top:13px;padding-bottom:13px}.team-list{gap:15px}.event-time strong{font-size:18px}.team{font-size:14px}.tv-card .picture{height:85px}.item-count{font-size:11px}.view-tabs{margin-top:10px}.view-tabs button{padding:7px 11px;font-size:12px}dialog{width:calc(100% - 24px);max-height:calc(100dvh - 30px)}#modal-body{padding:17px}.dialog-heading{padding:12px 17px}.dialog-heading h2{font-size:16px}.server-list{grid-template-columns:1fr}.vod-detail-head{gap:16px}.vod-detail-head .picture{width:102px;flex-basis:102px}.vod-detail-head h3{font-size:19px}.premium-title{font-size:21px}#toast{bottom:80px}}@media (max-width:370px){.brand{font-size:20px}.brand img{width:30px}.appbar-actions .primary-button span{display:none}.vod-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.appbar{gap:3px}.team{font-size:13px}}:root{--event-card-width:320px;--event-card-height:142px;--event-grid-gap:8px;--event-grid-padding:8px;--tv-card-width:280px;--vod-card-width:160px;--event-pad:13px;--event-bottom:10px;--event-header:38px;--event-header-gap:9px;--event-icon:18px;--event-title:15px;--event-logo:42px;--event-logo-gap:7px;--event-team:13px;--event-time:25px;--event-date:12px;--poster-title:18px;--poster-meta:12px;--poster-bottom:12px}.event-grid{grid-template-columns:repeat(auto-fill,min(100%,var(--event-card-width)));gap:var(--event-grid-gap);padding:var(--event-grid-padding)}.tv-grid{grid-template-columns:repeat(auto-fill,min(100%,var(--tv-card-width)));gap:10px;padding:9px}.vod-grid{grid-template-columns:repeat(auto-fill,min(100%,var(--vod-card-width)))}.media-card.event-card{aspect-ratio:auto;height:var(--event-card-height);min-height:0;border-radius:8px;background:#162e4d;border:1px solid #42c5ff33;color:#ddd;display:block}.event-card>.card-face{position:relative;left:auto;top:auto;transform:none;width:100%;height:100%;display:grid;grid-template-rows:var(--event-header) minmax(0,1fr)}.event-card .event-league{position:relative;height:var(--event-header);padding:0 44px 0 var(--event-pad);background:transparent;border:0;font-size:var(--event-title);font-weight:700;gap:4px}.event-card .event-league:after{content:"";position:absolute;bottom:0;left:var(--event-pad);right:var(--event-pad);height:1px;background:#24405f}.event-card .event-league img{width:var(--event-icon);height:var(--event-icon)}.event-card .teams{min-height:0;display:grid;grid-template-columns:minmax(0,3fr) minmax(0,4fr) minmax(0,3fr);gap:0;padding:var(--event-header-gap) var(--event-pad) var(--event-bottom)}.event-card .team{display:flex;flex-direction:column;align-items:center;gap:var(--event-logo-gap);font-size:var(--event-team);font-weight:400;line-height:1.2;text-align:center}.event-card .team .picture{width:var(--event-logo);height:var(--event-logo);flex:0 0 var(--event-logo);max-width:100%;border-radius:50%;background:#ffffff12;border:1px solid #ffffff18}.event-card .team .picture img{padding:4px}.event-card .team-name{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;width:100%;overflow-wrap:anywhere}.event-card .event-time{align-self:start;text-align:center;gap:var(--event-logo-gap);min-width:0;font-size:var(--event-date);line-height:1.2;color:#ddd}.event-card .event-time strong{display:flex;align-items:center;justify-content:center;height:var(--event-logo);flex:0 0 var(--event-logo);font-size:var(--event-time);font-weight:700;line-height:1.2;color:#ddd}.event-card .badge{font-size:12px;line-height:1.2;padding:2px 6px;border-radius:6px;z-index:2;top:0;right:0}.event-card .badge.live{background:#d32f2f;color:#fff}.event-card .badge.live:before{display:none}.event-card.poster-event .event-poster{position:absolute;inset:0;height:100%;width:100%;border-radius:0}.event-card.poster-event .event-poster img{object-fit:contain}.event-card.poster-event>.card-face:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,#050a30c8,#050a303d 55%,#050a30b5),linear-gradient(180deg,#050a30ea,#050a3052 42%,#050a30d6)}.event-card.poster-event .event-league{position:absolute;top:0;left:0;right:0;z-index:1;background:transparent;border:0}.event-card.poster-event .event-league:after{display:none}.event-card .poster-info{position:absolute;bottom:var(--poster-bottom);left:var(--event-pad);right:var(--event-pad);z-index:1;text-shadow:0 2px 8px #000c}.event-card .poster-time{font-size:var(--poster-meta);line-height:1.2;color:#dde6f7;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.event-card .poster-event-title{padding:0;margin-top:3px;min-height:0;line-height:1.2;font-size:var(--poster-title);color:#fff;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.media-card.tv-card{aspect-ratio:auto;height:86px;min-height:0;display:block;padding:0;background:#162e4d;border:1px solid #1e3d5c;border-radius:12px}.tv-card>.card-face{position:relative;transform:none;width:100%;height:100%;display:flex;align-items:center;gap:10px;padding:8px 9px}.tv-card>.card-face>.picture{width:58px;height:58px;flex:0 0 58px;margin:0;background:#0e1e30;border-radius:9px}.tv-card>.card-face>.picture img{padding:6px}.tv-copy{min-width:0;flex:1;padding-right:4px}.tv-card .tv-title{padding:0;font-size:17px;color:#f4f7ff;font-weight:400;line-height:1.15;white-space:nowrap;display:block;text-overflow:ellipsis;overflow:hidden}.tv-card .tv-group{padding:2px 7px;margin-top:3px;font-size:10px;font-weight:400;line-height:1.2;border-radius:4px;background:#1a3a5c88;color:#fffc;width:fit-content;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tv-card .favorite-badge{position:absolute;top:8px;right:9px;width:15px;height:15px;color:gold;fill:gold}.tv-card.has-favorite .tv-copy{padding-right:19px}.media-card.event-card,.media-card.tv-card{transition:transform .15s}.media-card.event-card:before,.media-card.tv-card:before{content:"";position:absolute;inset:0;z-index:3;pointer-events:none;border-radius:inherit}.media-card.event-card:focus,.media-card.tv-card:focus{outline:0;background:var(--selected)}html[data-input-mode=remote] .media-card.event-card:focus,html[data-input-mode=remote] .media-card.tv-card:focus{box-shadow:none}html[data-input-mode=remote] .media-card.event-card:focus{transform:scale(1.01)}html[data-input-mode=remote] .media-card.tv-card:focus{transform:scale(1.04)}html[data-input-mode=remote] .media-card.event-card:focus:before,html[data-input-mode=remote] .media-card.tv-card:focus:before{border:2px solid var(--focus-ring)}.media-card.poster-event:focus:before{background:#0003}.media-card.event-card:active:before,.media-card.tv-card:active:before{background:#0003}@media (orientation:landscape){:root{--event-card-height:124px;--event-pad:10px;--event-bottom:6px;--event-header:34px;--event-header-gap:6px;--event-icon:15px;--event-title:12px;--event-logo:34px;--event-logo-gap:4px;--event-team:10px;--event-time:20px;--event-date:10px;--poster-title:15px;--poster-meta:10px;--poster-bottom:9px}.event-grid{grid-template-columns:repeat(var(--landscape-card-columns,1),minmax(0,1fr))}.tv-grid{grid-template-columns:repeat(var(--landscape-tv-columns,1),minmax(0,1fr))}}@media (orientation:portrait){.event-grid,.tv-grid{grid-template-columns:minmax(0,1fr)}}@font-face{font-family:NativeTeko;src:url(/fonts/Teko.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap}:root{--page:#12243a;--bar:#152840;--surface:#162e4d;--line:#1e3d5c;--selected:#0a1420;--focus-ring:#fff;--sidebar:220px;font-family:NativeTeko,sans-serif}.appbar{height:56px;padding:0 12px;background:#152840;border:0;gap:12px;box-shadow:0 2px 4px #0004}.brand{font-size:20px;line-height:1;gap:12px;color:#fff;font-weight:700}.brand img{width:40px;height:40px}.brand-copy{display:flex;flex-direction:column;gap:3px}.brand-copy small{font-size:12px;font-weight:400;color:#ffffffb3}.appbar-actions{gap:8px}.membership-badge{display:inline-flex;align-items:center;gap:8px;height:40px;padding:0 10px;border:1px solid #6db9c52e;border-radius:6px;background:#6db9c50d;color:#b4d9df;font-family:Arial,Helvetica,sans-serif;white-space:nowrap;flex-shrink:0}.membership-badge svg{width:18px;height:18px;color:#78c9c0}.membership-copy{display:flex;flex-direction:column;justify-content:center;gap:3px}.membership-label{font-size:12px;font-weight:700;line-height:14px}.membership-expiry{font-size:10px;font-weight:400;line-height:12px;color:#d2c3a2;font-variant-numeric:tabular-nums}.membership-badge.premium{color:#ffe4a2;border-color:#e5ba602e;background:#e5ba600d}.membership-badge.premium svg{color:#efc86c}.settings-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-bottom:16px}.settings-actions:last-child{margin-bottom:0}.settings-menu{grid-template-columns:minmax(0,1fr)}.account-benefits{margin-top:20px}.account-benefits h3{font-size:16px;line-height:1.3;margin:0 0 4px;color:#f4d17d}.settings-actions .secondary-button{min-width:0;overflow-wrap:anywhere;justify-content:flex-start;text-align:left}@media (max-width:419px){.settings-actions{grid-template-columns:minmax(0,1fr)}}.appbar .connection{display:none}.workspace{height:calc(100vh - 56px);height:calc(100dvh - 56px);padding:8px;gap:8px;grid-template-columns:var(--sidebar) minmax(0,1fr);grid-template-rows:minmax(0,1fr);display:grid}#sidebar{position:static;transform:none;width:auto;min-width:0;padding:10px 8px 8px;background:#152840;border:1px solid #1e3d5c;border-radius:8px;scroll-padding-top:10px;outline:none}#sidebar-content{min-height:0}#sidebar[inert]{visibility:hidden;pointer-events:none}dialog{max-height:calc(100vh - 48px);max-height:calc(100dvh - 48px)}.nav-section{display:flex;flex-direction:column}.nav-section>.nav-row,.nav-section>.nav-label{flex-shrink:0}.nav-row{min-height:42px;height:42px;margin:3px 0;padding:0 12px;border:1px solid #1e3d5c;border-radius:8px;background:#162e4d;font-size:20px;line-height:1;font-weight:400;gap:9px;color:#fff}.nav-row span:not(.nav-count){white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.nav-row .nav-count{display:none}.nav-row span.nav-picture,.nav-row img{width:20px;height:20px;flex:0 0 20px}.nav-row.active,.nav-row:focus{background:var(--selected);color:#fff}.nav-row:focus{outline:none;box-shadow:none;transform:none}html[data-input-mode=remote] .nav-row:focus{outline:none;box-shadow:none;transform:scale(1.03)}.nav-section+.nav-section{border:0;margin-top:8px;padding-top:0}.nav-section+.nav-section:before{content:"";display:block;height:1px;background:#ffffff18;margin:0 8px 7px}.nav-label{height:30px;display:flex;align-items:center;margin:0;padding:0 8px;font-size:15px;font-weight:700;color:#7ea4d6}.sidebar-settings{margin-top:12px}#main{padding:0;min-height:0;scroll-padding-top:88px}.content-header{padding:0 0 8px;background:#12243a}.heading-row{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);margin:0;white-space:nowrap}.home-tools{display:flex;align-items:center;gap:8px;padding:8px}.search-bar{height:56px;min-width:0;flex:1;padding:4px;gap:0;background:#0a1420;border:0;border-radius:24px;color:#6b8ab8}.search-bar>i{width:40px;flex:0 0 40px;display:flex;align-items:center;justify-content:center}.search-bar input{height:48px;padding:0 12px;font-size:16px;line-height:1;color:#fff}.search-bar input::placeholder{color:#5a7a9f;opacity:1}.search-bar .icon-button{width:40px;height:48px}.search-bar #clear-search{width:36px;height:36px;flex:0 0 36px;border-radius:50%;color:#7ea4d6}.search-bar #clear-search:focus,.search-bar #menu-button:focus{outline:none;background:var(--selected);color:#fff}html[data-input-mode=remote] .search-bar #clear-search:focus{box-shadow:inset 0 0 0 2px var(--focus-ring)}.picture .image-initial>svg{width:45%;height:45%;max-width:36px;max-height:36px;color:#7ea4d6}html[data-input-mode=remote] .search-bar.search-input-focused{box-shadow:inset 0 0 0 2px var(--focus-ring)}html[data-input-mode=remote] .search-bar input:focus{box-shadow:none}.search-bar #menu-button{display:none;border-radius:50%}.bottom-nav{display:none;position:static;height:auto;padding:0;border:0;background:transparent;flex:none;gap:4px}.bottom-nav a{position:relative;width:48px;height:48px;flex:0 0 48px;display:flex;align-items:center;justify-content:center;border:1px solid #1e3d5c;border-radius:8px;background:#162e4d;color:#7ea4d6;padding:0}.bottom-nav a.active,.bottom-nav a:focus{background:var(--selected);color:#fff}.bottom-nav a.active:after{content:"";position:absolute;bottom:4px;left:50%;width:16px;height:2px;transform:translate(-50%);border-radius:1px;background:#fff}.bottom-nav i{display:flex;align-items:center;justify-content:center}.bottom-nav a span{display:none}.bottom-nav svg{width:24px;height:24px}#content{padding:8px;background:#152840;min-height:calc(100% - 80px)}.catalog-loading{display:flex;align-items:center;justify-content:center;min-height:220px}.catalog-spinner{display:block;width:32px;height:32px;border:3px solid #7ea4d630;border-top-color:#7ea4d6;border-radius:50%;animation:catalog-spin .8s linear infinite}@keyframes catalog-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.catalog-spinner{animation-duration:2s}}#pagination:empty{display:none}#toast{bottom:calc(48px + env(safe-area-inset-bottom,0px));display:flex;align-items:center;gap:8px;width:max-content;max-width:min(500px,calc(100% - 32px));padding:12px;border:0;border-radius:16px;background:#000c;color:#fff;font-size:14px;font-weight:400;line-height:1.4;text-align:start;box-shadow:none}#toast .toast-icon{width:20px;height:20px;flex:0 0 20px;color:#05ffd8;fill:currentColor}#toast .toast-message{min-width:0;overflow-wrap:anywhere}@media (hover:hover) and (pointer:fine){.nav-row:not(.active):hover{background:#0a1420}.appbar-actions .primary-button:hover{background:#0e1e30}}@media (orientation:portrait){.workspace{display:block;height:calc(100vh - 56px);height:calc(100dvh - 56px);padding:8px}#main{height:100%}#sidebar{display:none}.search-bar #menu-button{display:inline-flex}.bottom-nav{display:flex}.home-tools{background:#152840;padding:8px;border-radius:10px}.search-bar>i{width:28px;flex-basis:28px}.search-bar .icon-button{width:32px;flex-basis:32px}.search-bar #clear-search{width:32px;height:32px;flex-basis:32px}.search-bar input{padding:0 4px}.search-bar{height:48px}.search-bar input,.search-bar #menu-button{height:40px}#content{min-height:calc(100% - 72px)}}@media (max-width:719px){dialog{max-height:calc(100vh - 30px);max-height:calc(100dvh - 30px)}}@media (orientation:portrait) and (max-width:419px){.bottom-nav a{width:40px;flex-basis:40px}.home-tools{gap:6px}.search-bar>i{width:24px;flex-basis:24px}.search-bar #menu-button{width:28px;flex-basis:28px}}@media (max-width:370px){.appbar{gap:8px}.brand{font-size:20px;gap:8px}.brand img{width:40px}.appbar-actions{gap:4px}}.card-grid.vod-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,124px),1fr));gap:16px 12px;padding:6px;align-items:start}.media-card.vod-card{display:block;min-width:0;padding:0;border:0;border-radius:6px;overflow:hidden;background:transparent;color:#f3f6fb;font-family:NativeTeko,sans-serif;font-weight:400}.vod-card>.picture.vod-poster{display:block;width:100%;height:auto;aspect-ratio:2/3;margin:0;border:1px solid #28405b;border-radius:6px;background:#0e1e30}.vod-card>.vod-poster img{object-fit:contain;object-position:center}.vod-copy{padding:6px 2px 2px;min-width:0}.vod-copy .vod-title{height:32px;min-height:32px;margin:0;line-height:16px;font-size:16px;font-weight:400;overflow-wrap:anywhere;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.vod-poster-badges{position:absolute;inset:6px 6px auto;display:flex;align-items:center;justify-content:space-between;gap:4px;z-index:1;pointer-events:none}.vod-poster-badges>span{display:inline-flex;align-items:center;gap:3px;padding:3px 5px;border-radius:4px;background:#0a1420e6;font-size:13px;line-height:14px;color:#edf4fc;font-variant-numeric:tabular-nums}.vod-poster-badges .vod-rating{margin-left:auto;color:#f2d076}.vod-rating svg{width:11px;height:11px;fill:currentColor}.vod-launch-loading{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:#0a1420b3;z-index:2;pointer-events:none}.vod-poster>.vod-kind{position:absolute;left:6px;bottom:6px;max-width:calc(100% - 12px);padding:3px 5px;border-radius:4px;background:#0a1420e6;color:#9bcbd5;font-size:13px;line-height:14px;white-space:nowrap;z-index:1;pointer-events:none}.media-card.vod-card:focus{outline:none;background:var(--selected)}html[data-input-mode=remote] .media-card.vod-card:focus{box-shadow:0 0 0 2px var(--focus-ring)}.view-tabs{gap:4px;margin:0 8px;padding:0 0 4px;font:400 16px NativeTeko,sans-serif;scrollbar-width:none}.view-tabs::-webkit-scrollbar{display:none}.view-tabs button{min-height:36px;padding:0 12px;border-radius:6px;border:1px solid transparent;color:#a5b5c7;flex-shrink:0}.view-tabs button.active,.view-tabs button:focus{outline:none;background:var(--selected);border-color:transparent;color:#fff}html[data-input-mode=remote] .view-tabs button:focus{box-shadow:none}@media (hover:hover) and (pointer:fine){.media-card.vod-card:hover{border-color:#8299b0}}@media (orientation:portrait){.card-grid.vod-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px 8px;padding:4px}.vod-copy{padding:5px 1px 1px}.vod-copy .vod-title{font-size:15px;line-height:15px;min-height:30px;height:30px}.vod-poster>.vod-kind{left:4px;bottom:4px;padding:2px 4px}.vod-poster-badges{inset:4px 4px auto;gap:2px}.vod-poster-badges>span{padding:2px 4px}.view-tabs{gap:2px;margin:4px 4px 0}.view-tabs button{min-height:34px;padding:0 9px;font-size:15px}}@media (orientation:portrait) and (max-width:300px){.card-grid.vod-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}#modal[data-kind=categories]{width:min(420px,calc(100% - 32px));font-family:NativeTeko,sans-serif}#modal[data-kind=categories] .dialog-heading{background:#0a1420;padding:6px 14px}#modal[data-kind=categories] .dialog-heading h2{font:400 22px/28px NativeTeko,sans-serif;text-transform:uppercase}#modal[data-kind=categories] #modal-body{padding:0}.category-list{max-height:180px;max-height:min(180px,calc(100vh - 220px));overflow-y:auto;overscroll-behavior:contain;padding:4px 6px;scrollbar-width:thin}.category-row{display:flex;align-items:center;gap:10px;width:100%;min-height:44px;padding:7px 8px;border:0;border-radius:6px;text-align:left;font:400 18px/24px NativeTeko,sans-serif;color:#ffffffb3}.category-row.active{background:var(--selected);color:#fff}#modal .category-row:focus{outline:none;background:var(--selected);color:#fff}.category-name{min-width:0;flex:1;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}#modal .category-row>svg,.category-picture{width:22px;height:22px;flex:0 0 22px;background:transparent}#modal{width:min(680px,calc(100% - 32px));border:1px solid var(--line);border-radius:8px;background:var(--bar);color:var(--text);font-family:Arial,Helvetica,sans-serif;font-size:13px;line-height:1.5;box-shadow:0 16px 56px #0008;scroll-padding:76px 0 16px}#modal::backdrop{background:#071321b8}#modal[data-kind=settings],#modal[data-kind=account],#modal[data-kind=confirm],#modal[data-kind=gate]{width:min(420px,calc(100% - 32px))}#modal[data-kind=premium]{width:min(520px,calc(100% - 32px))}#modal .dialog-heading{padding:14px 18px;gap:12px;background:var(--bar);border-bottom:1px solid #ffffff12}#modal .dialog-heading h2{font-size:18px;line-height:24px;font-weight:600;margin:0}#modal .dialog-heading .icon-button{width:36px;height:36px;margin:0;border:1px solid transparent;border-radius:50%;color:#a5bdd6}#modal .dialog-heading .icon-button:focus{outline:none;background:var(--selected);color:#fff}#modal-body{padding:20px}#modal .dialog-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:16px}#modal .primary-button,#modal .secondary-button{min-height:44px;padding:11px 14px;border-radius:6px;font-size:13px;font-weight:600;line-height:18px;min-width:0;white-space:normal;overflow-wrap:anywhere;justify-content:center;text-align:center;gap:9px;box-shadow:none}#modal .primary-button{background:#1c3b50;border:1px solid #497786;color:#c4e5e7}#modal .secondary-button{background:var(--surface);border:1px solid #294761;color:#e5ebf0}#modal button svg,#modal a svg{width:18px;height:18px;flex-shrink:0}#modal button:disabled{opacity:.42;cursor:default}html[data-input-mode=remote] #modal button:focus,html[data-input-mode=remote] #modal a:focus,html[data-input-mode=remote] #modal input:focus,html[data-input-mode=remote] #modal select:focus{outline:none;box-shadow:inset 0 0 0 2px var(--focus-ring);z-index:6}#modal button:focus{background:var(--selected)}#modal .settings-menu{gap:8px;margin:0}#modal .settings-menu .secondary-button{min-height:54px;justify-content:flex-start;padding:14px 16px;gap:12px;text-align:left;background:#223f5b;border-color:#375b7b}#modal .settings-menu svg{width:20px;height:20px;color:#8fbbc9}#modal .settings-menu .menu-chevron{margin-left:auto;width:16px;height:16px;color:#90a0af}#modal[data-kind=account] #modal-body{padding:16px}#modal .account-dialog{display:grid;grid-template-columns:minmax(0,1fr);gap:12px}#modal .account-state{grid-column:1/-1;gap:10px;margin:0;padding-bottom:12px;border-bottom:1px solid #ffffff12}#modal .account-state>svg{width:24px;height:24px;color:#91c3c9;flex-shrink:0}#modal .account-state.is-premium>svg{color:#d8c296}#modal .account-state h3{font-size:16px;line-height:22px;font-weight:600;margin:0}#modal .account-state p{font-size:12px;color:#aebbc6;margin:4px 0 0}#modal .account-controls{min-width:0}#modal .account-controls .dialog-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:12px}#modal .account-key-actions>button:last-child:nth-child(odd){grid-column:1/-1}#modal .account-controls>.dialog-actions:first-child{margin-top:0}#modal .account-controls .primary-button,#modal .account-controls .secondary-button{padding:9px 10px;font-size:12px}#modal .account-dialog .field{margin-bottom:10px;gap:6px}#modal .account-dialog .account-benefits{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-top:12px;border-top:1px solid #ffffff12}#modal .account-dialog .account-benefits h3{margin:0;font-size:12px}#modal .account-dialog .perk{padding:0;align-items:center;gap:6px}#modal .field{margin:0 0 14px;gap:8px;color:#bbc7d1;font-size:12px;font-weight:600}#modal .field input{height:46px;min-width:0;padding:10px 12px;border:1px solid #34516c;border-radius:6px;background:#0e2034;color:#f0f4f6;font-size:14px}#modal .field input::placeholder{color:#7f8e9e;font-weight:400}#modal .account-benefits{margin:0;min-width:0}#modal .account-benefits h3{margin:0 0 8px;font-size:13px;line-height:20px;color:#d8c296;font-weight:600}#modal .perk{gap:10px;padding:12px 0;border-bottom:1px solid #ffffff0d;align-items:flex-start}#modal .perk:last-child{border-bottom:0;padding-bottom:0}#modal .perk>svg{width:18px;height:18px;flex-shrink:0;color:#9eacb8;margin-top:1px}#modal .perk strong{font-size:12px;line-height:18px;font-weight:600;color:#e5ebf0}#modal .perk p{font-size:12px;line-height:18px;color:#9eacb8;margin:4px 0 0}#modal .premium-title{font-size:20px;line-height:28px;gap:12px;margin:0 0 20px;font-weight:600}#modal .premium-title svg{width:26px;height:26px;color:#d8c296}#modal .account-web-dialog .account-state,#modal .account-web-dialog .account-benefits{margin-bottom:18px}#modal .account-web-dialog .account-benefits{margin-top:20px}#modal .secondary-button.danger-button{color:#f2a7af;border-color:#74505a}#modal .primary-button.danger-button{background:#392a40;border-color:#895367;color:#ffd7de}#modal[data-kind=confirm] #modal-body>div>p{margin:0 0 20px;color:#bcc7d1;line-height:1.6}#modal[data-kind=gate] .dialog-actions{grid-template-columns:minmax(0,1fr)}#modal .error-text{font-size:12px;line-height:18px;margin:10px 0;overflow-wrap:anywhere}@media (hover:hover) and (pointer:fine){#modal .settings-menu .secondary-button:hover{background:#294c6b}#modal .secondary-button:not(:disabled):hover,#modal .dialog-heading .icon-button:hover{background:#203c58}#modal .primary-button:not(:disabled):hover{filter:brightness(1.08)}}@media (max-width:559px){#modal-body{padding:16px}#modal .dialog-heading{padding:12px 16px}}@media (max-width:359px){#modal .dialog-actions,#modal .account-controls .dialog-actions{grid-template-columns:minmax(0,1fr)}}.category-footer{padding:10px 12px;border-top:1px solid #ffffff12;background:#102035}#modal .category-settings{display:flex;align-items:center;gap:10px;width:100%;min-height:48px;padding:8px 10px;border:1px solid #2b4660;border-radius:6px;background:#192f48;color:#e2edf7;font:400 20px/24px NativeTeko,sans-serif;text-align:left}.category-settings-icon{display:flex;align-items:center;justify-content:center;width:30px;height:30px;flex:0 0 30px;border-radius:6px;background:#27425d;color:#9ebfda}.category-settings-label{flex:1;min-width:0}#modal .category-settings>svg{width:16px;height:16px;color:#789cba}#modal .category-settings:focus,#modal .category-settings:active{background:var(--selected)}@media (hover:hover) and (pointer:fine){#modal .category-settings:hover:not(:focus){background:#213c57}}