@font-face{font-family:Mulish;src:url(/fonts/mulish-semibold.ttf) format("truetype");font-weight:600;font-display:swap}@font-face{font-family:Mulish;src:url(/fonts/mulish-regular.ttf) format("truetype");font-weight:400;font-display:swap}@font-face{font-family:Mulish;src:url(/fonts/mulish-bold.ttf) format("truetype");font-weight:700;font-display:swap}:root{color-scheme:dark;--background:#0e0e10;--surface:#1c1c20;--muted:#929296;--green:#2ff58b;--gold:#d9a404;--safe-top:env(safe-area-inset-top,0px);--safe-bottom:env(safe-area-inset-bottom,0px);--safe-left:env(safe-area-inset-left,0px);--safe-right:env(safe-area-inset-right,0px)}*{box-sizing:border-box}html,body{margin:0;background:var(--background);color:#fff;font-family:Mulish,Arial,sans-serif;font-size:14px;min-height:100%;overscroll-behavior-y:none}body{min-height:100dvh;padding-top:var(--safe-top)}body:before{content:"";position:fixed;inset:0 0 auto;height:var(--safe-top);background:var(--background);z-index:40;pointer-events:none}body.fullscreen-mode:before{display:none}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button,a,select{touch-action:manipulation}button{cursor:pointer;border:0;background:none;color:inherit;padding:0}a{color:inherit;text-decoration:none}input,select{min-width:0}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--green);outline-offset:3px}[hidden]{display:none!important}h1,h2,h3,p{margin:0}h1,h2{font-weight:400}h2{font-size:18px}img{display:block;object-fit:cover}svg{fill:none;stroke:currentColor;stroke-width:1.8}.visually-hidden{position:absolute;clip:rect(0,0,0,0);width:1px;height:1px;overflow:hidden}main{padding-bottom:calc(66px + var(--safe-bottom));max-width:1080px;margin:auto}.top-bar{max-width:1080px;margin:auto;display:flex;align-items:center;gap:12px;padding:10px 12px 8px;min-height:54px}.top-bar #brand{flex:none}.top-bar #brand img{border-radius:7px}.top-bar form{display:flex;align-items:center;gap:10px;background:#fff3;border-radius:4px;height:36px;flex:1;padding:0 12px}.top-bar input{background:transparent;border:0;outline:none;flex:1;color:#fff;width:100%;font-size:16px;height:100%}.top-bar input::placeholder{color:#b1b1b4}.top-bar input::-webkit-search-cancel-button{display:none}.top-bar form button{color:var(--green);font-size:16px;flex:none}.top-bar #clear-search{color:#bbb;background:#8c8c90;color:#3b3b3e;border-radius:100%;font-size:25px;line-height:24px;width:24px;height:24px}.search-icon{width:14px;height:14px;border:1.5px solid #b1b1b4;border-radius:50%;position:relative;flex:none;margin-right:3px}.search-icon:after{content:"";width:7px;height:1.5px;background:#b1b1b4;position:absolute;transform:rotate(48deg);right:-5px;bottom:-3px}.icon-button{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;font-size:30px;line-height:1;flex:none}#search-back{margin-left:-7px;margin-right:-8px;font-size:38px}.channel-tabs{display:flex;align-items:center;gap:16px;overflow-x:auto;scrollbar-width:none;min-height:42px;padding:4px 16px 8px;white-space:nowrap}.channel-tabs::-webkit-scrollbar,.horizontal-row::-webkit-scrollbar,.poster-row::-webkit-scrollbar,.banner-cards::-webkit-scrollbar,.episode-list::-webkit-scrollbar{display:none}.channel-tabs button{font-size:16px;color:var(--muted);flex:none;min-height:30px}.channel-tabs button.selected{font-size:19px;font-weight:700;color:#fff}.channel-tabs img{height:24px;max-width:90px;object-fit:contain}.home-banner{margin-bottom:14px}.banner-image{width:100%;aspect-ratio:2;object-fit:cover;background:var(--surface)}.banner-cards{display:flex;overflow:auto;scroll-snap-type:x mandatory;gap:8px;scrollbar-width:none;padding:10px 12px 0}.banner-card{flex:0 0 84%;border-radius:14px;background:var(--surface);padding:10px;display:flex;align-items:center;gap:12px;text-align:left;scroll-snap-align:center;min-width:0}.banner-card img{width:44px;height:60px;border-radius:5px}.banner-copy{min-width:0;flex:1}.banner-copy h3{font-size:16px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:10px}.banner-copy .metadata{font-size:12px}.banner-play{display:flex;align-items:center;justify-content:center;border-radius:100%;background:var(--green);color:#14332a;width:25px;height:25px;font-size:16px;flex:none}.home-section{margin:14px 0 16px}.section-heading{display:flex;align-items:center;justify-content:space-between;margin:0 16px 12px;gap:8px}.section-heading h2{font-size:18px}.section-heading button{color:var(--muted);font-size:14px}.poster-row{display:flex;overflow:auto;gap:8px;padding:0 12px;scrollbar-width:none}.poster-row .poster-card{flex:0 0 85px}.poster-card{display:block;min-width:0;text-align:left;width:100%;position:relative}.poster-art{aspect-ratio:.72;background:#252528;border-radius:5px;position:relative;overflow:hidden}.poster-art img{width:100%;height:100%;object-fit:cover}.poster-card h3{font-size:12px;font-weight:400;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;padding:5px 3px}.poster-card .corner{position:absolute;bottom:0;left:0;background:#0009;padding:3px 5px;font-size:10px}.poster-card .rank-number{position:absolute;left:0;top:0;color:#fff;border-radius:5px 0 8px;background:#ff2770;width:24px;height:28px;display:grid;place-items:center;font-size:16px}.poster-card:nth-child(2) .rank-number{background:#ff7c19}.poster-card:nth-child(3) .rank-number{background:#ffb21b}.ranking-tabs,.horizontal-row{display:flex;gap:14px;overflow:auto;scrollbar-width:none;white-space:nowrap}.ranking-tabs{padding:0 16px 12px;align-items:center}.ranking-tabs button{color:var(--muted);font-size:16px;flex:none;padding:8px 14px}.ranking-tabs .selected{color:#fff;background:var(--surface);border-radius:24px}.home-section.ranking .poster-row .poster-card{flex-basis:122px}.category-row{padding:0 16px;gap:10px}.category-card{position:relative;overflow:hidden;flex:0 0 124px;height:58px;border-radius:8px;display:flex;align-items:center;padding:10px;font-size:16px;font-weight:700;background:var(--surface);text-align:left}.category-card img{position:absolute;inset:0;width:100%;height:100%;opacity:.35}.category-card span{position:relative}.metadata{font-size:12px;color:var(--muted);white-space:nowrap;overflow:auto;scrollbar-width:none;line-height:1.8}.metadata span+span:before{content:" | ";color:#68686d;margin:0 3px}.metadata .rating{color:var(--gold)}.bottom-navigation{position:fixed;bottom:0;left:50%;transform:translate(-50%);width:100%;max-width:1080px;height:58px;z-index:10;display:flex;align-items:center;justify-content:space-around;background:#27282d;border:1px solid #ffffff1a;border-bottom:0;border-radius:9px 9px 0 0}.bottom-navigation:after{content:"";position:absolute;bottom:0;left:0;height:var(--navigation-bottom-inset);background:var(--background);width:100%}.bottom-navigation a{display:flex;flex:1;align-items:center;justify-content:center;flex-direction:column;gap:4px;height:100%;font-size:12px;color:var(--muted)}.bottom-navigation a img{height:23px;width:23px;object-fit:contain}.bottom-navigation a[aria-current=page]{color:#fff}.bottom-navigation a.raised img{height:64px;width:64px;margin-top:-21px;border-radius:50%;object-fit:contain}.bottom-navigation a.raised span{display:none}.search-landing{padding:14px 12px}.landing-heading{display:flex;align-items:center;justify-content:space-between;margin:0 0 10px}.landing-heading h2{font-size:18px}.landing-heading button{color:#bababc;font-size:14px}.chips{display:flex;gap:8px;flex-wrap:wrap}.chips button{background:#262629;border-radius:4px;padding:9px 10px;min-height:35px;font-size:13px;text-align:left}.hot-section{margin-top:18px}.search-rank{margin-top:22px}.search-rank-tabs{display:flex;overflow:auto;align-items:center;gap:16px;border-bottom:1px solid #ffffff0d;padding-bottom:8px;white-space:nowrap}.search-rank-tabs button{font-size:17px;color:#bdbdc0;flex:none}.search-rank-tabs .selected{font-weight:700;font-size:19px;color:#fff}.search-rank-tabs .selected:before{content:"\25a5  ";color:#ff3477}.rank-pages{display:flex;overflow:auto;scroll-snap-type:x mandatory;gap:12px;margin-top:12px;scrollbar-width:none}.rank-page{background:var(--surface);border-radius:7px;padding:12px;flex:0 0 93%;scroll-snap-align:start}.result-row{display:flex;align-items:center;gap:8px;text-align:left;width:100%;min-width:0;padding:6px 0}.result-poster{position:relative;flex:none;width:50px;height:70px;background:#303034;border-radius:4px;overflow:hidden}.result-poster img{width:100%;height:100%}.result-poster .corner{position:absolute;bottom:0;background:#0009;width:100%;text-align:center;font-size:10px;line-height:18px}.result-copy{min-width:0;flex:1}.result-copy h3{font-size:14px;font-weight:400;line-height:1.35;margin-bottom:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.rank-page .result-copy h3{font-size:15px}.result-poster .rank-number{position:absolute;left:0;top:0;background:#ff2770;width:17px;line-height:23px;border-radius:3px 0 5px;font-size:14px;text-align:center}.rank-page .result-row:nth-child(2) .rank-number{background:#ff7c19}.rank-page .result-row:nth-child(3) .rank-number{background:#ffb21b}.search-result-tabs{padding:8px 12px 0;gap:24px;border-block:1px solid #ffffff0c}.search-result-tabs button{padding-bottom:10px;font-size:16px;color:#bdbdc0;position:relative;flex:none}.search-result-tabs .selected{color:#fff;font-weight:700}.search-result-tabs .selected:after{content:"";position:absolute;bottom:0;left:-8px;right:-8px;height:2px;background:#fff}.search-sub-tabs{padding:10px 12px}.search-sub-tabs button{font-size:13px;padding:5px 10px;border-radius:18px;background:#252529}.search-sub-tabs .selected{color:var(--green)}.sort-filter-bar{display:flex;gap:10px;padding:5px 12px 10px}.sort-filter-bar button{border:1px solid #3a3a40;border-radius:10px;background:#222226;flex:1;min-height:40px;padding:8px;font-size:14px}.sort-filter-bar button span{color:var(--green);margin-right:8px}.result-list{padding:0 12px}.result-list>.result-row{padding:6px 0}.result-section-title{color:var(--muted);margin:16px 0 4px;font-size:14px}.load-more{display:block;margin:18px auto;min-height:38px;padding:8px 20px}.suggestions{padding:10px 12px}.suggestions button{width:100%;text-align:left;padding:12px;border-bottom:1px solid #ffffff12}.page-heading{display:flex;align-items:center;gap:8px;padding:12px}.page-heading h1{font-size:20px}.primary-button,.secondary-button{padding:10px 16px;border-radius:6px;min-height:38px}.primary-button{background:var(--green);color:#123026}.secondary-button{background:#28282d}.empty-state,.error-state{padding:30px 18px;text-align:center;line-height:1.6}.empty-state h2,.error-state h2{font-size:18px;margin-bottom:8px}.empty-state p,.error-state p{color:var(--muted);margin-bottom:12px}.skeleton-hero{aspect-ratio:2;background:#1c1c20;animation:pulse 1.5s infinite}.skeleton-row{display:flex;gap:8px;margin:20px 12px;overflow:hidden}.skeleton-row div{flex:0 0 85px;height:118px;background:#252528;border-radius:5px}.poster-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;padding:0 12px}.poster-grid .poster-art{aspect-ratio:.69}.poster-grid .poster-card{background:#28282a;border-radius:5px;overflow:hidden}.poster-grid .poster-card h3{font-size:13px;padding:5px 3px}.immersive{overflow:hidden}.immersive main{padding:0}.immersive #detail-view{height:calc(100dvh - var(--safe-top));display:flex;flex-direction:column}.video-stage{position:relative;flex:none;width:100%;aspect-ratio:16/9;background:#000;overflow:hidden;isolation:isolate;touch-action:manipulation}.video-stage video{width:100%;height:100%;object-fit:contain;display:block}.video-stage video.cover-fit{object-fit:cover}#video-placeholder{position:absolute;inset:0;pointer-events:none}#video-placeholder img{width:100%;height:100%;opacity:.55}#placeholder-caption{position:absolute;bottom:30%;left:0;right:0;text-align:center;color:#ccc;font-size:12px}.player-overlay{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:space-between;z-index:2;opacity:1;transition:opacity .18s;background:linear-gradient(#0005,transparent 40%,transparent 65%,#0009)}.player-overlay.controls-hidden{opacity:0;pointer-events:none}.player-top{display:flex;align-items:center;gap:8px;padding:3px 6px}.player-top .icon-button{font-size:36px;height:28px;width:28px}.player-top #player-title{display:none;flex:1;font-size:16px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.player-center{display:flex;position:absolute;inset:0;align-items:center;justify-content:center;gap:50px;pointer-events:none}.player-center button{pointer-events:auto}.center-play{width:44px;height:44px;border:1px solid #ffffff55;border-radius:50%;background:#0006;font-size:23px;display:grid;place-items:center}.player-center .icon-button{position:relative;font-size:36px}.player-center small{position:absolute;font-size:11px;top:14px;left:12px}.player-bottom{margin-top:auto;padding:0 6px 2px}.player-progress{display:flex;align-items:center;gap:6px}.player-progress .icon-button{font-size:22px;flex:none;width:30px;height:30px}.player-progress #player-fullscreen{font-size:30px}.player-progress input{flex:1;width:100%;height:24px;accent-color:#23bcf9;cursor:pointer}.player-progress input[type=range]{-webkit-appearance:none;appearance:none;background:transparent}.player-progress input::-webkit-slider-runnable-track{height:2px;background:linear-gradient(to right,#20bbf5 var(--seek-progress,0%),#ffffff66 var(--seek-progress,0%))}.player-progress input::-webkit-slider-thumb{-webkit-appearance:none;background:#fff;border-radius:50%;width:8px;height:8px;margin-top:-3px}.player-progress input::-moz-range-track{height:2px;background:#fff6}.player-progress input::-moz-range-thumb{height:8px;width:8px;border:0;border-radius:50%;background:#fff}#player-time,#player-current{font-size:12px;white-space:nowrap;flex:none}.landscape-only{display:none!important}.player-message{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#0005;padding:20px;gap:8px;z-index:3;text-align:center;pointer-events:none}.player-message button{pointer-events:auto}.spinner{width:22px;height:22px;border:2px solid #ffffff44;border-top-color:var(--green);border-radius:50%;animation:spin .8s linear infinite}.detail-content{overflow:auto;padding:12px 12px 24px;flex:1;min-height:0}.detail-title-row{display:flex;align-items:center;justify-content:space-between;gap:8px}.detail-title-row h1{font-size:18px;line-height:1.4}.detail-title-row button{font-size:16px;color:var(--muted);white-space:nowrap}.detail-content>.metadata{margin-top:1px}.detail-actions{display:flex;gap:8px;overflow:auto;margin:5px 0 14px;scrollbar-width:none}.detail-actions button{display:flex;align-items:center;gap:5px;background:#28282a;border-radius:24px;padding:7px 9px;white-space:nowrap;font-size:14px;flex:none}.detail-actions button>span:first-child{font-size:20px;line-height:1}.detail-actions button.selected{color:var(--green)}#resource-section h2{margin-bottom:10px}.resource-selectors{display:flex;gap:8px;align-items:center}.resource-selectors select,.resource-selectors button{border:1px solid #39393d;border-radius:4px;background:transparent;color:#bdbdc0;font-size:13px;padding:8px;min-height:32px;max-width:50%}#portrait-quality{margin-left:auto;font-size:12px}.episode-list{display:flex;gap:8px;overflow:auto;margin-top:9px;scrollbar-width:none}.episode-list button{width:45px;height:45px;flex:none;background:#28282a;border-radius:4px;font-size:16px}.episode-list .selected{color:var(--green);background:linear-gradient(115deg,#1cb7ff40,#2ff58b40)}.recommendation-section{margin-top:28px}.recommendation-heading{margin-bottom:20px}.recommendation-heading h2{display:inline-block;padding-bottom:8px;position:relative}.recommendation-heading h2:after{content:"";position:absolute;height:3px;width:40px;background:#fff;border-radius:2px;bottom:0;left:10px}.recommendation-section .poster-grid{padding:0}.information-panel{background:#171719;border-radius:8px 8px 0 0;flex:1;min-height:0;overflow:auto}.information-heading{display:flex;justify-content:space-between;align-items:center;padding:10px 12px;border-bottom:1px solid #ffffff12}.information-heading h2{font-size:18px}#information-content{padding:16px 12px}.information-summary{display:flex;align-items:center;gap:12px;margin-bottom:22px}.information-summary img{width:54px;height:76px;border-radius:6px}.information-summary h3{font-size:18px;font-weight:400;margin-bottom:12px}.information-summary>div{min-width:0}.information-panel h2{margin-bottom:12px}.information-description{font-size:15px;color:var(--muted);line-height:1.65;margin-bottom:22px}.cast-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px 8px}.cast-grid img{width:100%;aspect-ratio:.73;border-radius:7px;background:#28282d}.cast-grid h3{font-size:13px;line-height:1.3;margin:7px 0 4px}.cast-grid p{font-size:12px;color:var(--muted);overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.fullscreen-mode{overflow:hidden}.video-stage.fullscreen{--player-safe-top:var(--safe-top);--player-safe-right:var(--safe-right);--player-safe-bottom:var(--safe-bottom);--player-safe-left:var(--safe-left);position:fixed;inset:0;width:var(--player-layout-width,100vw);height:var(--player-layout-height,100dvh);aspect-ratio:auto;z-index:50}.video-stage.fullscreen.rotated{--player-safe-top:var(--safe-right);--player-safe-right:var(--safe-bottom);--player-safe-bottom:var(--safe-left);--player-safe-left:var(--safe-top);width:var(--player-layout-height,100dvh);height:var(--player-layout-width,100vw);inset:50% auto auto 50%;transform:translate(-50%,-50%) rotate(90deg)}.video-stage.fullscreen .landscape-only{display:flex!important}.video-stage.fullscreen #player-title{display:block}.video-stage.fullscreen .player-top{padding:10px 20px}.video-stage.fullscreen .player-top .icon-button{width:34px;height:34px}.video-stage.fullscreen .player-center .center-play{border:0;background:transparent;font-size:40px;width:64px;height:64px}.video-stage.fullscreen .player-center{gap:60px}.video-stage.fullscreen .player-bottom{padding:0 max(20px,env(safe-area-inset-right)) 14px max(20px,env(safe-area-inset-left))}.video-stage.fullscreen .player-progress{gap:12px}.video-stage.fullscreen #player-toggle{display:none}.video-stage.fullscreen .player-options{display:flex;justify-content:space-between;padding:6px 0 0}.player-options button{padding:4px 12px;font-size:15px}.player-options>div{display:flex;gap:16px}#player-lock{position:absolute;left:16px;top:46%;width:36px;height:36px;font-size:25px}.locked .player-top,.locked .player-center,.locked .player-bottom{visibility:hidden}.locked #player-lock{visibility:visible;color:var(--green)}.video-stage:fullscreen{max-width:none}.library-heading{padding:22px 16px 16px}.library-heading h1{font-size:24px}.library-menu{margin:12px;padding:0 14px;background:var(--surface);border-radius:8px}.library-menu button{width:100%;display:flex;justify-content:space-between;align-items:center;padding:15px 0;font-size:16px;border-bottom:1px solid #ffffff0a}.library-section{padding:14px 0}.library-section h2{padding:0 12px 12px}.poster-progress{height:3px;background:linear-gradient(to right,var(--green) var(--progress),#ffffff55 var(--progress));position:absolute;bottom:0;width:100%}.primary-button:disabled{opacity:.5}#toast{position:fixed;bottom:calc(80px + var(--safe-bottom));left:50%;transform:translate(-50%);padding:12px 16px;background:#38383ee8;border-radius:8px;max-width:90%;width:max-content;font-size:13px;z-index:100;text-align:center}dialog{color:#fff;background:#222226;border:0;border-radius:16px 16px 0 0;padding:16px 16px calc(20px + var(--safe-bottom));position:fixed;inset:auto 0 0;margin:0 auto;width:100%;max-width:540px;max-height:80dvh;overflow:auto}dialog::backdrop{background:#0008}.sheet-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.sheet-heading h2{font-size:20px}.sheet-option{display:flex;justify-content:space-between;align-items:center;width:100%;padding:13px 8px;font-size:16px}.sheet-option.selected{color:var(--green)}.sheet-form{display:grid;gap:16px}.sheet-form label{display:grid;gap:6px}.sheet-form input,.sheet-form select,.sheet-form textarea{background:#333338;color:#fff;border:1px solid #55555c;border-radius:5px;padding:9px;width:100%;font:inherit}.sheet-form textarea{min-height:100px}.sheet-form .check-label{display:flex;align-items:center}.sheet-form input[type=checkbox]{width:auto}.sheet-note{font-size:14px;color:#b4b4b8;line-height:1.6;margin-bottom:16px}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{50%{opacity:.5}}@media(min-width:650px){.poster-row .poster-card{flex-basis:120px}.banner-card{flex-basis:52%}.poster-grid{grid-template-columns:repeat(5,minmax(0,1fr))}.immersive main{max-width:900px}.immersive #detail-view{max-width:900px}.detail-actions button{font-size:15px}.rank-page{flex-basis:48%}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}.video-stage.is-playing:not(.fullscreen) .center-play{visibility:hidden}.player-overlay #player-back{pointer-events:auto}.video-stage.fullscreen #player-time{font-size:0}.video-stage.fullscreen #player-time:after{content:attr(data-duration);font-size:12px}.bottom-navigation{--navigation-bottom-inset:min(var(--safe-bottom),16px);height:calc(56px + var(--navigation-bottom-inset));padding-bottom:var(--navigation-bottom-inset);background:transparent;border:0;isolation:isolate}.bottom-navigation:before{content:"";position:absolute;inset:0;background:#27282d;border:1px solid #ffffff12;border-bottom:0;border-radius:9px 9px 0 0;z-index:-1;mask-image:radial-gradient(circle at 50% -1px,transparent 39px,#000 40px)}.bottom-navigation a.raised{flex:0 0 82px}.bottom-navigation a.raised img{width:72px;height:72px;margin:0;transform:translateY(-16px)}.bottom-navigation:before{display:none}.navigation-background{position:absolute;inset:0 0 var(--navigation-bottom-inset);display:flex;z-index:-1;pointer-events:none}.navigation-left,.navigation-right{flex:0 0 8px;background-size:100% 100%;background-repeat:no-repeat}.navigation-left{background-image:url(/icons/native/bottom-left.png)}.navigation-right{background-image:url(/icons/native/bottom-right.png)}.navigation-filler{flex:1;background:#27282d}.navigation-center{flex:0 0 82px;background:url(/icons/native/bottom-center.png) no-repeat center/100% 100%}.bottom-navigation a img{width:21px;height:21px}.sports-home-section .category-row{padding:0 12px;gap:8px}.football-collection{flex:0 0 84px;height:108px;padding:0;border-radius:4px}.football-collection img{opacity:1}.football-category-hero{height:190px;position:relative;display:flex;align-items:center;justify-content:center;text-align:center;overflow:hidden}.football-category-hero>img{position:absolute;inset:0;width:100%;height:100%;filter:brightness(.55);mask-image:linear-gradient(#000 50%,transparent)}.football-category-hero h1{position:relative;font-size:24px;line-height:1.3;font-weight:600;margin:24px 28px 0;z-index:1}.football-category-hero>.icon-button{position:absolute;top:16px;left:12px;z-index:2}.football-category-content{border-radius:16px 16px 0 0;background:linear-gradient(#293543,var(--background) 150px);padding:26px 16px 20px}.football-category-list{display:grid;gap:20px}.football-category-row{display:grid;grid-template-columns:92px minmax(0,1fr);gap:8px;min-height:128px;width:100%;text-align:left}.football-category-art{position:relative;align-self:start;width:92px;height:128px;border-radius:4px;overflow:hidden}.football-category-art>img{width:100%;height:100%}.football-category-copy{position:relative;min-width:0;padding-bottom:34px}.football-category-name{display:block;max-width:calc(100% - 42px);font-size:18px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:left}.football-category-score{position:absolute;right:0;top:1px;color:#f9d85e;font-size:16px}.football-category-description{color:var(--muted);font-size:14px;line-height:1.4;margin-top:8px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.football-category-play{position:absolute;right:0;bottom:12px;display:flex;align-items:center;gap:6px;padding:6px 12px;border-radius:4px;background:linear-gradient(110deg,#2366e1,#12c78b);font-size:16px}.football-category-play img{width:12px;height:12px}