:root{color-scheme:dark;--bg:#060f16;--line:#304252;--mint:#55efb2}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:#f5f8fc;font-family:Arial,Helvetica,sans-serif;line-height:1.5}a{color:#8be6c8}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #83efc9;outline-offset:4px}[hidden]{display:none!important}.wrap{width:calc(100% - 48px);max-width:1120px;margin:auto}.skip{position:absolute;left:12px;top:-80px;z-index:99;background:#061017;padding:12px}.skip:focus{top:12px}.site-header{display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:30;background:#060f16f5;backdrop-filter:blur(12px);min-height:72px;padding:12px 0;gap:12px;border-bottom:1px solid #233441}.brand{display:flex;align-items:center;gap:10px;color:#f5f8fc;font-weight:700;text-decoration:none;font-size:20px;white-space:nowrap}.brand b{display:grid;place-items:center;width:42px;height:44px;border:2px solid var(--mint);color:var(--mint);border-radius:8px;font-size:18px}.home-header-actions{display:flex;gap:16px;align-items:center;font-size:14px}.home-header-actions>a{display:flex;align-items:center;min-height:44px;text-decoration:none}.button{display:inline-flex;justify-content:center;align-items:center;min-height:48px;padding:12px 20px;text-decoration:none;font-weight:700;border:1px solid transparent;border-radius:28px}.primary{background:#3de8ad;color:#03251a}.home-sticky-cta{font-size:14px}.home-sample-intro{position:relative;isolation:isolate;display:grid;grid-template-columns:minmax(0,1fr) 280px;align-items:center;gap:36px;padding:36px 0 32px}.home-sample-intro img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2;opacity:.45;mask-image:linear-gradient(180deg,#000,transparent)}.home-sample-intro:after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#060f16aa,transparent)}.eyebrow{font-size:11px;letter-spacing:.12em;color:#71eac2;margin:0 0 12px}.home-sample-intro h1{font-size:clamp(28px,4.5vw,48px);letter-spacing:-.035em;line-height:1.12;margin:0}.home-sample-intro h1 em{color:var(--mint);font-style:normal}.home-sample-intro p:not(.eyebrow){font-size:16px;color:#b7c5d6;max-width:590px;margin:14px 0 0}.home-sample-action{display:flex;flex-direction:column;gap:10px;text-align:center}.home-sample-action span{font-size:12px;color:#b7c5d6}.tour-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 0}.tour-heading h2{font-size:20px;letter-spacing:-.025em;margin:0}.tour-heading>span{font-size:12px;color:#b7c5d6}.tour-stage{overflow:hidden;border:1px solid #304252;border-radius:16px;background:#061017}.tour-stage video{display:block;width:100%;aspect-ratio:16/9;object-fit:contain;background:#061017}.tour-actions{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 0}.tour-toggle{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:44px;padding:9px 16px;border:1px solid #446174;border-radius:24px;background:#122532;color:#f5f8fc;cursor:pointer;font-size:14px;white-space:nowrap}.tour-toggle span{color:#8be6c8}.tour-sample-link{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:44px;text-underline-offset:4px;font-weight:600;font-size:15px}.tour-description{border-top:1px solid #263846;font-size:14px;color:#b7c5d6}.tour-description summary{cursor:pointer;min-height:44px;align-content:center}.tour-description p{margin:0 0 14px;max-width:760px}.homepage-pricing{margin-top:32px;border-top:1px solid #304252}.landing-faq{margin:32px 0}.landing-faq h2{font-size:24px}.landing-faq details{border-bottom:1px solid #304252;padding:12px 0}.landing-faq summary{min-height:44px;cursor:pointer;align-content:center;font-weight:600}.landing-faq p{color:#b7c5d6;max-width:780px}.site-footer{display:flex;align-items:center;justify-content:space-between;gap:24px;border-top:1px solid #304252;padding:28px 0 max(28px,env(safe-area-inset-bottom))}.site-footer>div{display:flex;gap:20px;flex-wrap:wrap}.site-footer a{min-height:44px;display:inline-flex;align-items:center;font-size:14px}.kicker{color:#82e5c7;font-size:12px;letter-spacing:.1em}.home-pass{padding:28px 0}.home-pass-heading{display:flex;align-items:center;justify-content:space-between;gap:20px}.home-pass h2{font-size:28px;margin:6px 0 12px}.price{display:flex;flex-direction:column}.price strong{font-size:36px}.price span,.pass-term{font-size:13px;color:#b7c5d6}.home-pass p{color:#b7c5d6}.home-setup-line{font-size:14px}.home-pass .button{margin-top:10px}html{overflow-anchor:none}
@media(min-width:600px) and (max-width:1023px){.tour-stage video{aspect-ratio:4/3}.home-sample-intro{grid-template-columns:1fr 240px;gap:20px}}
@media(max-width:599px){.wrap{width:calc(100% - 32px)}.site-header{min-height:64px;padding-top:max(8px,env(safe-area-inset-top));gap:8px}.brand{font-size:16px;gap:8px}.brand b{width:34px;height:36px;min-width:34px;font-size:15px}.home-header-actions{gap:8px;font-size:13px}.home-sticky-cta{display:none!important}.home-intro-passed .home-sticky-cta{display:flex!important}.home-intro-passed .home-header-actions>a:first-child{display:none}.home-intro-passed .site-header .brand{font-size:0}.home-sample-intro{grid-template-columns:1fr;gap:18px;padding:24px 0}.home-sample-intro h1{font-size:28px}.eyebrow{font-size:10px}.home-sample-intro p:not(.eyebrow){font-size:15px;margin-top:10px}.home-sample-action{gap:7px}.tour-heading h2{font-size:18px}.tour-heading>span{font-size:11px}.tour-stage{max-width:430px;margin:auto;border-radius:12px}.tour-stage video{aspect-ratio:9/16}.tour-actions{flex-wrap:wrap;gap:5px;justify-content:center}.tour-sample-link{font-size:14px}.tour-description{font-size:13px}.home-pass-heading{display:block}.price{margin:12px 0}.site-footer{align-items:start;flex-direction:column;gap:12px}.site-footer>div{gap:16px}.home-pass h2{font-size:24px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}
/* Native swipeable screenshots and accessible slideshow controls. */
.slide-track{display:flex;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scrollbar-width:none;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch;touch-action:pan-x pan-y pinch-zoom;border:0;outline-offset:4px}.slide-track::-webkit-scrollbar{display:none}.tour-slide{flex:0 0 100%;min-width:0;scroll-snap-align:start;scroll-snap-stop:always;border:1px solid #304252;border-radius:16px;overflow:hidden}.tour-slide picture,.tour-slide img{display:block;width:100%}.tour-slide img{height:auto;aspect-ratio:16/9;object-fit:contain;background:#061017;user-select:none}.slide-controls{display:flex;align-items:center;justify-content:center;gap:20px;margin-top:8px}.slide-dots{display:flex;justify-content:center}.slide-dot,.slide-arrow{display:grid;place-items:center;min-width:44px;width:44px;height:44px;padding:0;border:0;background:transparent;color:#8be6c8;cursor:pointer}.slide-dot span{display:block;width:9px;height:9px;border:1px solid #7d98a4;background:#203440;border-radius:2px}.slide-dot[aria-current=true] span{background:#55efb2;border-color:#55efb2;box-shadow:0 0 0 2px #55efb224}.slide-arrow{font-size:32px;border:1px solid #304252;border-radius:50%;line-height:1}.slide-arrow:disabled{opacity:.3;cursor:default}.homepage-film .tour-actions{justify-content:center;padding-top:0}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
@media(min-width:600px) and (max-width:1023px){.tour-slide img{aspect-ratio:4/3}}
@media(max-width:599px){.tour-slide{border-radius:12px}.tour-slide img{aspect-ratio:9/16}.slide-arrow{display:none}.slide-controls{gap:0;margin-top:4px}}

.slide-play{display:grid;place-items:center;flex:0 0 44px;width:44px;height:44px;padding:0;border:1px solid #304252;border-radius:50%;background:#10202b;color:#8be6c8;cursor:pointer;font-size:17px}.slide-controls{gap:12px}.homepage-film .tour-actions{padding:8px 0 20px}.homepage-film .tour-sample-link{gap:12px;width:100%;max-width:430px;min-height:48px;padding:12px 18px;border:1px solid #446174;border-radius:12px;background:#122532;color:#a0efd4;text-decoration:none;font-size:15px;line-height:1.35}.tour-sample-link svg{flex-shrink:0}.tour-sample-link:hover{background:#1b3342;border-color:#8be6c8}.tour-description{border-top:0}.homepage-pricing{margin-top:24px}@media(max-width:599px){.slide-controls{gap:8px}.homepage-film .tour-actions{padding:4px 0 12px}.slide-dot{width:44px}.tour-description summary{min-height:44px}}

/* LR control dock: vector icons stay consistent across Safari, Chrome and Firefox. */
.slide-controls{width:max-content;max-width:100%;margin:12px auto 8px;padding:4px;gap:8px;border:1px solid #2d4652;border-radius:18px;background:#10212c;box-shadow:0 4px 16px #0002}.slide-play{border-color:#63dfb8;border-radius:12px;background:#55efb2;color:#06271e}.slide-play svg{display:block}.slide-play .play-icon{display:none}.slide-play[data-paused=true] .play-icon{display:block}.slide-play[data-paused=true] .pause-icon{display:none}.slide-dot span{width:8px;height:8px;border:0;border-radius:3px;background:#607783;box-shadow:none}.slide-dot[aria-current=true] span{width:12px;height:12px;background:#55efb2;box-shadow:0 0 0 4px #55efb215}.slide-arrow{border:0;border-radius:12px;background:#1b3341;color:#9decd4}.homepage-film .tour-sample-link{border-color:#365665;background:linear-gradient(120deg,#162c39,#10232f);border-radius:14px;color:#a0efd4}.slide-play:hover{background:#8af6ce}@media(max-width:599px){.slide-controls{padding:2px;gap:0;border-radius:16px}.slide-play{width:44px;min-width:44px;flex-basis:44px;height:44px}.slide-dot{min-width:44px;width:44px}}
/* Update only the original screenshot's data areas. Artwork and chrome stay intact. */
.tour-slide{position:relative}/* Cover the entire baked-in old badge, including its outer border. */
.slide-brand-overlay{position:absolute;z-index:4;left:4.9%;top:1.4%;width:9.5%;height:5.5%;display:grid;place-items:center;background:#06151a;border-radius:5px}
.tour-slide .slide-brand-overlay img{display:block;width:86%;height:86%;max-width:none;aspect-ratio:1;object-fit:contain;margin:0;background:transparent;pointer-events:none}
@media(min-width:600px) and (max-width:1023px){.slide-brand-overlay{left:3.7%;top:5.7%;width:7%;height:9.5%}}
@media(min-width:1024px){.slide-brand-overlay{left:4.2%;top:5.7%;width:5.3%;height:9.5%}}

.slide-content-live{position:absolute;container-type:inline-size;overflow:hidden;color:#eef4fa;line-height:1.45;background:#071017}
.preview-live{left:18.98%;right:19.07%;top:33.75%;bottom:11.46%;background:#f7f7f5;border-radius:4% 4% 0 0;color:#20272b}
.preview-live article{padding:5%;font-size:4.6cqw;line-height:1.65}
.preview-live header{display:flex;justify-content:space-between;border-bottom:.5cqw solid #20272b;padding-bottom:2.5cqw;font-size:3cqw;letter-spacing:.08em;line-height:1.4;gap:2cqw}
.preview-live header span{color:#60666b;font-weight:700;white-space:nowrap}
.preview-jump{display:block;text-decoration:underline;color:#42665b;margin:4cqw 0 6cqw;font-size:4cqw}
.preview-live .preview-kicker{font-size:3.5cqw;color:#4c7a69;font-weight:700;letter-spacing:.12em;margin:0}
.preview-live h4{font-size:8.2cqw;line-height:1.08;letter-spacing:-.035em;margin:1.5cqw 0 6cqw}
.preview-live .preview-copy{font-size:4.65cqw;line-height:1.65;margin:0 0 10cqw;display:-webkit-box;-webkit-line-clamp:8;-webkit-box-orient:vertical;overflow:hidden;color:#53565c}
.preview-matchups{border-top:.5cqw solid #20272b;padding-top:4cqw}
.preview-matchups h5{font-size:5cqw;line-height:1.2;margin:0 0 4cqw}.preview-matchups p{font-size:4cqw;color:#60666b;margin:0}.preview-matchups a{font-size:4cqw;color:#42665b;display:flex;align-items:center;min-height:44px}
.data-live-1{left:15.93%;right:16.2%;top:49.38%;bottom:11.46%;background:#101a23;border:1px solid #303b48;border-radius:2% 2% 0 0}
.manager-row{display:grid;grid-template-columns:8% 1fr 3%;gap:3%;padding:4% 3%;border-bottom:1px solid #34404b;min-height:27cqw;font-size:4.2cqw;align-items:start}
.manager-medal{background:#ad9651;color:#111e25;border-radius:50%;aspect-ratio:1;display:grid;place-items:center;font-weight:700}.manager-row:nth-child(2) .manager-medal{background:#96a5af}.manager-row:nth-child(3) .manager-medal{background:#a68350}.manager-row:nth-child(4) .manager-medal{background:#293c49;color:white}
.manager-row h4{font-size:4.3cqw;line-height:1.4;margin:0 0 3cqw}.manager-row h4 small{font-size:3cqw;color:#d7c480;border:1px solid #7c6d42;border-radius:1cqw;padding:.5cqw 1cqw;white-space:nowrap}.manager-stats{display:grid;grid-template-columns:1.3fr .8fr 1fr;gap:3cqw;color:#aebbc8;font-size:3.2cqw}.manager-stats b{display:block;color:#eef4fa;font-size:4.2cqw;font-weight:500;margin-top:1cqw;white-space:nowrap}
.data-live-2{left:16.3%;right:16.3%;top:23.18%;bottom:13.1%;background:#121f2c;border:1px solid #303c4d;border-radius:0 0 4% 4%}
.rivalry-live{padding:5%;font-size:3.9cqw}.rivalry-live h4{font-size:5cqw;line-height:1.25;margin:0 0 4cqw}.rivalry-live p{color:#bdc8d4;margin:3cqw 0}.series-score{text-align:center;font-size:14cqw;font-weight:700;border-top:1px solid #344151;margin-top:5cqw;padding-top:5cqw}.series-score span{color:#a8b7c7;font-weight:400}.series-caption{text-align:center}.recent-series{border-block:1px solid #344151;padding:5cqw 0;margin-top:8cqw;display:flex;flex-wrap:wrap;gap:3cqw;align-items:center}.recent-series>div{display:flex;gap:1cqw}.recent-series b{border:1px solid #6b7d86;border-radius:50%;width:6cqw;height:6cqw;display:grid;place-items:center;font-size:3cqw}.won{background:#234e44;color:#83ddbd}.lost{background:#56333f;color:#dc9cae}.recent-series small{width:100%;color:#b6c1cf}.rivalry-facts{display:grid;grid-template-columns:1fr 1fr;gap:3cqw;margin-top:4cqw}.rivalry-facts section{border:1px solid #354353;border-radius:3cqw;padding:3cqw}.rivalry-facts small{display:block;color:#bac5d2;font-size:3.4cqw}.rivalry-facts p{font-size:3.5cqw;display:flex;justify-content:space-between;gap:2cqw}.rivalry-facts strong{display:block;font-size:8cqw;margin:4cqw 0}.rivalry-facts strong small{display:inline;font-size:3cqw}.inner-detail{display:flex;justify-content:space-between;border-top:1px solid #354353;padding-top:4cqw;margin-top:5cqw;color:#b9c7d7;font-size:4cqw}
.data-live-3{left:12.5%;right:12.5%;top:24.6%;bottom:13.15%}.power-live{background:#141d2e;border:1px solid #3a4656;border-radius:5cqw;padding:4.5cqw;margin-bottom:4cqw;min-height:69cqw;font-size:4cqw}.power-live header{display:flex;gap:5cqw;align-items:center}.power-live header>strong{font-size:6cqw;color:#96e2cd}.power-live header>div:nth-child(2){flex:1}.power-live h4{font-size:4.4cqw;margin:0}.power-live header p{margin:2cqw 0;color:#bbc5d5}.power-live header b{font-size:5.5cqw}.power-live header small{display:block;font-size:3cqw;color:#b8c4d4}.power-reason{font-size:4.3cqw;line-height:1.65;color:#c2cada;margin:6cqw 0}
.data-live-4{left:18.3%;right:17.4%;top:23.5%;bottom:11.46%}.trade-live{font-size:3.8cqw;padding:0 1.5cqw 5cqw;margin-bottom:5cqw;border-bottom:1px solid #344151}.trade-live small{font-size:3.5cqw;color:#b4c0cd}.trade-live h4{font-size:4.5cqw;margin:4cqw 0 2cqw}.trade-live p{color:#bbc7d1;margin:2cqw 0}.trade-live .inner-detail{border:0;padding:0;color:#a4dfcd;margin-top:3cqw}
@media(min-width:600px){
 .preview-live{left:59.75%;right:7.42%;top:21.78%;bottom:9.55%}
 .data-live-1{left:59.75%;right:7.25%;top:42%;bottom:12.9%}
 .data-live-2{left:59.75%;right:7.25%;top:11.55%;bottom:14.55%}
 .data-live-3{left:59.75%;right:7.25%;top:17%;bottom:18.1%}
 .data-live-4{left:59.75%;right:6.75%;top:9.1%;bottom:9.55%}
}
@media(min-width:1024px){
 .preview-live{left:69.81%;right:5.62%}
 .data-live-1,.data-live-2,.data-live-3{left:69.81%;right:5.44%}
 .data-live-4{left:69.81%;right:5.06%}
}
.power-reason{font-size:4cqw;line-height:1.55;margin:4cqw 0}.power-live .inner-detail{margin-top:3cqw;padding-top:3cqw}

.home-feedback{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:22px 0;margin-top:20px;border-top:1px solid #304252;border-bottom:1px solid #304252}.home-feedback h2{font-size:20px;line-height:1.3;margin:0 0 6px}.home-feedback p{color:#b5c1ce;margin:0;font-size:15px}.home-feedback .feedback-link{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:10px 16px;border:1px solid #55efb2;border-radius:10px;color:#8be6c8;text-decoration:none;white-space:nowrap}.site-footer .feedback-link{display:inline-flex;align-items:center;min-height:44px}@media(max-width:599px){.home-feedback{align-items:flex-start;flex-direction:column;gap:14px}}

/* Readable live feature panels replace screenshots inside screenshots. */
.homepage-film .tour-slide{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:32px;align-items:center;padding:32px;background:linear-gradient(105deg,#06131bec,#10282be8),url('/images/league-card-stadium.webp') center/cover;min-height:480px}
.slide-editorial{min-width:0}.slide-editorial h3{font-size:clamp(30px,3.5vw,44px);line-height:1.08;letter-spacing:-.04em;margin:12px 0 18px}.slide-editorial p{font-size:16px;color:#b6cbd2;max-width:300px}.slide-sample-label{display:block;font-size:10px;letter-spacing:.08em;color:#87b5a6;margin-top:28px}
.homepage-film .slide-content-live{position:static;inset:auto;min-width:0;width:100%;max-width:100%;border:1px solid #3b565e;border-radius:14px;max-height:none;overflow:visible;container-type:inline-size}
.homepage-film .preview-live{background:#f7f8f5;border-color:#c6d2cb}.homepage-film .preview-live article{padding:24px;font-size:15px;line-height:1.6}.homepage-film .preview-live header{font-size:10px;padding-bottom:10px;border-width:1px;gap:8px}.homepage-film .preview-jump{display:none}.homepage-film .preview-live .preview-kicker{font-size:10px;margin-top:20px}.homepage-film .preview-live h4{font-size:clamp(24px,2.6vw,32px);line-height:1.12;margin:8px 0 14px}.homepage-film .preview-live .preview-copy{font-size:14px;line-height:1.6;-webkit-line-clamp:4;margin:0 0 18px}.homepage-film .preview-matchups{padding-top:10px;border-width:1px}.homepage-film .preview-matchups h5,.homepage-film .preview-matchups p{display:none}.homepage-film .preview-matchups a{font-size:14px;min-height:44px;font-weight:600}
.homepage-film .manager-row{grid-template-columns:28px minmax(0,1fr) 10px;gap:12px;padding:16px;min-height:0;font-size:14px}.homepage-film .manager-row:last-child{border-bottom:0}.homepage-film .manager-row h4{font-size:16px;margin:0 0 10px}.homepage-film .manager-row h4 small{font-size:10px;border-radius:4px;padding:2px 4px}.homepage-film .manager-stats{font-size:10px;gap:8px}.homepage-film .manager-stats b{font-size:14px;margin-top:3px}.homepage-film .manager-medal{font-size:13px}
.homepage-film .rivalry-live{padding:22px;font-size:14px}.homepage-film .rivalry-live h4{font-size:23px;margin:0 0 12px}.homepage-film .rivalry-live p{font-size:13px;margin:8px 0}.homepage-film .series-score{font-size:68px;line-height:1.1;padding-top:14px;margin-top:14px;letter-spacing:-.04em}.homepage-film .recent-series{padding:12px 0;margin-top:14px;gap:10px;font-size:12px}.homepage-film .recent-series>div{gap:5px}.homepage-film .recent-series b{width:25px;height:25px;font-size:11px}.homepage-film .recent-series small{font-size:11px}.homepage-film .rivalry-facts{display:none}.homepage-film .inner-detail{font-size:12px;margin-top:14px;padding-top:12px}.homepage-film .power-live{padding:20px;margin:0;border:0;border-bottom:1px solid #354353;border-radius:0;min-height:0;font-size:14px;background:transparent}.homepage-film .power-live:last-child{border-bottom:0}.homepage-film .power-live header{gap:14px}.homepage-film .power-live header>strong{font-size:24px}.homepage-film .power-live h4{font-size:16px}.homepage-film .power-live header p{font-size:12px;margin:5px 0}.homepage-film .power-live header b{font-size:28px}.homepage-film .power-live header small{font-size:10px}.homepage-film .power-reason{font-size:13px;line-height:1.5;margin:14px 0}.homepage-film .power-live .inner-detail{display:none}
.homepage-film .slide-status{position:static;width:auto;height:auto;clip-path:none;overflow:visible;white-space:normal;text-align:center;font-size:12px;color:#b4c7cf;margin:8px 0}
@media(max-width:720px){.homepage-film .tour-slide{grid-template-columns:minmax(0,1fr);gap:20px;padding:22px;align-content:start;min-height:670px}.slide-editorial h3{font-size:30px;margin:8px 0}.slide-editorial h3 br{display:none}.slide-editorial p{font-size:14px;max-width:none;margin:8px 0}.slide-sample-label{font-size:9px;margin-top:12px}.homepage-film .preview-live article{padding:18px}.homepage-film .preview-live h4{font-size:27px}.homepage-film .manager-row{padding:13px;gap:8px}.homepage-film .manager-row h4{font-size:14px}.homepage-film .manager-stats b{font-size:12px}.homepage-film .manager-stats{font-size:9px}.homepage-film .rivalry-live{padding:18px}.homepage-film .power-live{padding:16px}.homepage-film .power-live header{gap:10px}.homepage-film .power-live h4{font-size:14px}}
@media(max-width:360px){.homepage-film .tour-slide{padding:16px;min-height:700px}.homepage-film .manager-row{padding:12px 8px;grid-template-columns:22px minmax(0,1fr) 6px}.homepage-film .manager-stats{gap:4px}.homepage-film .preview-live article{padding:14px}}

/* Open editorial surfaces: shared by the real league renderer and its sample. */
body.homepage-film,body.league-history-page{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;-webkit-font-smoothing:antialiased}
.homepage-film .wrap{max-width:1160px}
.homepage-film .site-header{border-bottom-color:#ffffff12}
.homepage-film .home-sample-intro{padding:56px 0 48px;gap:48px}
.homepage-film .home-sample-intro h1{font-size:clamp(34px,4.6vw,60px);line-height:1.04;letter-spacing:-.055em;max-width:780px}
.homepage-film .home-sample-intro p:not(.eyebrow){line-height:1.7;margin-top:20px;max-width:540px}
.homepage-film .eyebrow{letter-spacing:.16em;font-size:10px}
.homepage-film .tour-heading{border-top:1px solid #ffffff18;padding:22px 0}
.homepage-film .tour-heading h2{font-size:13px;font-weight:500;letter-spacing:.12em;text-transform:uppercase;color:#a8bfc6}
.homepage-film .tour-slide{border:0;border-radius:0;background:transparent;min-height:440px;padding:24px 0 32px;gap:64px}
.homepage-film .slide-editorial h3{font-size:clamp(34px,4.5vw,56px);letter-spacing:-.055em;line-height:1.04;font-weight:650}
.homepage-film .slide-editorial p{line-height:1.7;color:#a9bec8}
.homepage-film .slide-sample-label{color:#819ba6;letter-spacing:.12em}
.homepage-film .slide-content-live{border:0;border-radius:0;background:transparent}
.homepage-film .slide-content-live:not(.preview-live){border-top:1px solid #527b70;border-bottom:1px solid #ffffff18}
.homepage-film .preview-live{background:#f4f2eb;color:#19282c;border-radius:3px;box-shadow:0 14px 40px #0003}
.homepage-film .preview-live article{padding:30px}
.homepage-film .preview-live h4{font-family:Georgia,"Times New Roman",serif;font-weight:500;font-size:34px;letter-spacing:-.035em}
.homepage-film .manager-row{padding:20px 8px;border-color:#ffffff16;background:transparent}
.homepage-film .manager-row h4{font-weight:550}
.homepage-film .rivalry-live{padding:24px 8px}
.homepage-film .series-score{font-size:88px;font-weight:500;letter-spacing:-.065em}
.homepage-film .power-live{padding:22px 8px;border-color:#ffffff16}
.homepage-film .slide-controls{border:0;background:transparent;box-shadow:none;border-radius:0;margin-top:4px}
.homepage-film .slide-arrow,.homepage-film .slide-play{background:transparent;border:1px solid #ffffff25;border-radius:50%;color:#b7d6cc}
.homepage-film .slide-dot span{width:20px;height:2px;border-radius:0}
.homepage-film .slide-dot[aria-current=true] span{width:20px;height:2px;box-shadow:none}
.homepage-film .tour-sample-link{background:transparent;border:0;border-radius:0;width:auto;max-width:none;padding:12px 0;color:#8be6c8}
.homepage-film .tour-sample-link:hover{background:transparent;text-decoration:underline;text-underline-offset:6px;border:0}
.homepage-film .home-feedback{border-bottom:0;padding:28px 0;margin-top:24px}
.homepage-film .home-feedback h2{font-size:18px;font-weight:550}
.homepage-film .home-feedback .feedback-link{border:0;border-radius:0;padding:10px 0;text-decoration:underline;text-underline-offset:6px}
.homepage-film .homepage-pricing{margin-top:12px;border-color:#ffffff20}
.homepage-film .home-pass{padding:48px 0}
.homepage-film .home-pass h2{font-size:clamp(28px,3vw,40px);letter-spacing:-.045em;line-height:1.1;font-weight:550}
.homepage-film .price strong{font-size:52px;font-weight:500;letter-spacing:-.05em}
.homepage-film .landing-faq{max-width:820px;margin:20px 0 56px}
.homepage-film .landing-faq h2{font-size:24px;font-weight:550;letter-spacing:-.035em}
.homepage-film .landing-faq details{border-color:#ffffff18}
/* Underlined tabs and unboxed statistics provide structure without card stacks. */
#leagueView .league-banner{border-radius:0;min-height:0;padding:24px 22px}
#leagueView .league-primary-tabs{margin:0 0 28px;padding:0;gap:0;border:0;border-bottom:1px solid #ffffff20;border-radius:0;background:transparent}
#leagueView .league-primary-tabs>button{border-radius:0;min-height:54px;border-bottom:2px solid transparent;background:transparent;color:#aebdc8}
#leagueView .league-primary-tabs>button[aria-current=page]{background:transparent;color:#82edc7;border-bottom-color:#82edc7}
#content .history-stat,#portalContent .history-stat{background:transparent;border:0;border-right:1px solid #ffffff16;border-radius:0;padding:16px 4px}
#content .history-stat:last-child,#portalContent .history-stat:last-child{border-right:0}
#content .history-stat strong,#portalContent .history-stat strong{font-weight:500;font-variant-numeric:tabular-nums;font-size:32px}
#content .home-story,#content .history-spotlight,#content .roster-next,#content .roster-advice,#portalHomeFeature .portal-week-feature{background:transparent;border:0;border-top:1px solid #527b70;border-bottom:1px solid #ffffff18;border-radius:0;box-shadow:none;padding:24px 0}
#content .home-story h2{letter-spacing:-.04em;font-weight:600;line-height:1.12}
#content .home-explore{background:transparent;border-radius:0;border-color:#ffffff18}
#content .roster-check-card,#content .roster-position{background:transparent;border:0;border-bottom:1px solid #ffffff20;border-radius:0;padding:18px 4px}
#content .roster-trade-card{background:#0d1c24;border:0;border-radius:6px;padding:20px}
#content .roster-trade-swap>div{border:0;border-radius:0;background:transparent;padding:12px 0}
#content .roster-trade-swap>div.roster-trade-receive{border-left:1px solid #42645c;background:transparent;padding-left:14px}
#content .portal-weekly-tabs button{border-radius:0;border:0;border-bottom:2px solid transparent;background:transparent;min-height:44px}
#content .portal-weekly-tabs button[aria-pressed=true]{background:transparent;color:#82edc7;border-bottom-color:#82edc7}
#content .recap-archive{background:transparent;border:0;border-bottom:1px solid #ffffff20;border-radius:0;padding:12px 0 20px}
@media(max-width:720px){
 .homepage-film .home-sample-intro{padding:32px 0;gap:24px;grid-template-columns:1fr}
 .homepage-film .home-sample-intro h1{font-size:clamp(34px,7.5vw,48px)}
 .homepage-film .home-sample-action{max-width:430px;width:100%}
 .homepage-film .tour-slide{grid-template-columns:minmax(0,1fr);padding:12px 0 24px;gap:24px;min-height:620px;align-content:start}
 .homepage-film .slide-editorial h3{font-size:34px;margin:8px 0 12px}
 .homepage-film .slide-editorial p{margin:8px 0;font-size:15px}
 .homepage-film .slide-sample-label{margin-top:16px}
 .homepage-film .preview-live article{padding:22px}
 .homepage-film .preview-live h4{font-size:30px}
 .homepage-film .home-pass{padding:32px 0}
 .homepage-film .series-score{font-size:76px}
 #leagueView .league-banner{min-height:0;padding:20px 16px}
 #leagueView .league-primary-tabs>button{font-size:14px;gap:4px;min-height:50px}
 #content .home-story,#content .history-spotlight,#content .roster-next,#content .roster-advice{padding:22px 0}
}
@media(prefers-reduced-motion:reduce){.homepage-film *{scroll-behavior:auto!important}}
/* History reads as a record book, with quiet icon navigation and ruled rows. */
#content .history-icon-nav button{background:transparent;border-color:transparent;border-radius:4px}
#content .history-icon-nav button[aria-pressed=true]{background:#12312b;border-color:transparent;color:#a0efd4}
#content .manager-leaderboard{border:0;border-radius:0;background:transparent}
#content .manager-leaderboard .profile-record{border-radius:0;border:0;border-bottom:1px solid #ffffff18;background:transparent}
#content .manager-leaderboard .profile-record>summary{background:transparent;border-radius:0}
#content .manager-leaderboard .profile-record>summary:hover{background:#ffffff04}

/* League Home: one score story, compact scoreboard, open history rows. */
#leagueView .league-primary-tabs{margin-bottom:16px}
#portalHomeFeature .portal-week-feature{margin:8px 0 20px;padding:16px 0 12px;border-top:0;gap:8px 12px}
#portalHomeFeature .home-matchup-link{grid-column:2;grid-row:1/3;align-self:center;display:inline-flex;align-items:center;min-height:44px;color:#91e8ca;font-size:13px;text-decoration:underline;text-underline-offset:5px}
#portalHomeFeature .home-score-story{grid-column:1/-1;padding:22px 0 18px;background:radial-gradient(ellipse at 95% 30%,#60e7b915,transparent 65%)}
.home-score-story .home-story-label{font-size:10px;letter-spacing:.17em;color:#d9bd80;font-weight:700}
#portalHomeFeature .home-score-story h3{font-size:clamp(26px,5vw,44px);font-weight:650;line-height:1.12;letter-spacing:-.045em;margin:10px 0 12px;overflow-wrap:anywhere;max-width:780px}
.home-score-story h3>span{display:block;color:#83edc6}
#portalHomeFeature .home-score-story p{font-size:12px;color:#a7bbc3;line-height:1.5}
#portalHomeFeature .home-score-strip{gap:16px;padding:0 0 10px;scroll-padding-inline:0}
#portalHomeFeature .home-score-tile{flex:0 0 min(310px,88%);box-sizing:border-box;padding:14px 0;background:transparent;border:0;border-top:2px solid #64d9b3;border-radius:0;gap:12px}
#portalHomeFeature .home-score-tile.is-final{border-top-color:#42545e}
#portalHomeFeature .home-score-tile .kicker{font-size:10px;letter-spacing:.12em;color:#7ee7c0}
#portalHomeFeature .home-score-tile.is-final .kicker{color:#a4b2bd}
#portalHomeFeature .home-score-line{display:grid;grid-template-columns:28px minmax(0,1fr) auto;gap:8px;align-items:center;font-size:12px}
#portalHomeFeature .home-team-mark{width:28px;height:28px;display:grid;place-items:center;border-radius:50%;background:#20333c;color:#bad4d0;font-size:9px;font-weight:700}
#portalHomeFeature .home-team-name{white-space:normal;overflow-wrap:anywhere;line-height:1.35}
#portalHomeFeature .home-score-line strong{font-size:24px;letter-spacing:-.04em;font-weight:650}
#portalHomeFeature .home-score-line.is-winner strong{color:#83edc6}
#portalHomeFeature .live-timestamp{font-size:11px;margin:0}
#portalHomeFeature .portal-feature-secondary{padding:6px 0;font-size:13px;min-height:44px;display:inline-flex;align-items:center}
#content .home-explore{border-top:0;margin-bottom:22px}
#content .home-explore a{grid-template-columns:1fr;gap:5px;padding:16px 14px}
#content .home-explore small{font-size:12px;line-height:1.5;color:#99afb9;overflow-wrap:anywhere}
#content .home-explore a:first-child>span,#content .home-dashboard-intro .history-eyebrow{color:#d9bd80}
#content .home-dashboard-intro{padding-top:4px}
.home-score-tile:focus-visible,.home-matchup-link:focus-visible,.home-explore a:focus-visible{outline:2px solid #83edc6;outline-offset:4px}
@media(max-width:720px){#content .home-explore a{padding:14px 0;gap:4px}#portalHomeFeature .portal-week-feature h2{font-size:20px}#portalHomeFeature .home-score-story{padding:16px 0 12px}}

/* My Team: compact coverage rows, calm depth notes, one clear trade action. */
#content .roster-check{padding-top:8px}
#content .roster-check> .eyebrow{font-size:10px;letter-spacing:.12em;color:#8fa6b0;margin:0 0 6px}
#content #rosterTeamTitle{font-size:30px;letter-spacing:-.04em;margin:0 0 4px}
#content #rosterIdentity{font-size:12px;margin:0 0 6px;color:#9ab4b9}
#content .roster-team-controls>summary{min-height:44px;display:flex;align-items:center;font-size:12px;width:max-content}
#content .roster-team-controls>summary:after{content:'⌄';margin-left:8px}
#content .roster-updated{font-size:10px;color:#8ba0aa;margin:0 0 18px}
#content .roster-summary-grid{display:grid;grid-template-columns:1fr;gap:0;margin:0 0 16px;border-top:1px solid #ffffff18}
#content .roster-summary-grid .roster-check-card{display:grid;grid-template-columns:minmax(0,1fr) auto;column-gap:12px;padding:12px 0;border:0;border-bottom:1px solid #ffffff18;background:transparent;border-radius:0}
#content .roster-summary-grid .roster-card-top{display:flex;align-items:center;justify-content:space-between;flex-wrap:nowrap;gap:10px;margin:0;min-width:0}
#content .roster-summary-grid .roster-card-top .eyebrow{font-size:10px;letter-spacing:.05em;color:#b5c5cd}
#content .roster-summary-grid .roster-status{font-size:12px;white-space:nowrap;gap:5px}
#content .roster-summary-grid .roster-status-icon{width:17px;height:17px;min-width:17px;flex-basis:17px}
#content .roster-status-detail{margin:0;border:0;padding:0;display:contents}
#content .roster-status-detail>summary{font-size:11px;min-height:44px;display:flex;align-items:center;color:#a8bbc4}
#content .roster-status-detail>h3,#content .roster-status-detail>p{grid-column:1/-1}
#content .roster-status-detail>h3{font-size:14px;margin:8px 0 0}
#content .roster-status-detail>p{font-size:12px;margin:6px 0;line-height:1.5}
#content .roster-next{padding:14px 16px;margin:0 0 20px;border:0;border-left:2px solid #7698ad;border-radius:0;background:linear-gradient(90deg,#91b7dc0d,transparent);box-shadow:none}
#content .roster-next.roster-check-card--warning{border-left-color:#e8bb73;background:linear-gradient(90deg,#e8bb730d,transparent)}
#content .roster-next .roster-card-top{margin-bottom:5px}
#content .roster-next .roster-card-top .eyebrow{font-size:9px;letter-spacing:.12em;margin:0}
#content .roster-next .roster-status-icon{height:16px;width:16px;min-width:16px;flex-basis:16px}
#content .roster-next h3{font-size:20px;line-height:1.2;letter-spacing:-.025em}
#content .roster-next p:last-child{font-size:13px;line-height:1.5;margin:8px 0 0;max-width:60ch}
#content .roster-advice{padding:22px 0;margin:0 0 20px;border:0;border-top:1px solid #ffffff20;border-bottom:1px solid #ffffff20;border-radius:0;background:radial-gradient(ellipse at 100% 0,#62edbd15,transparent 65%)}
#content .roster-tool-label{font-size:9px;letter-spacing:.14em;color:#8de6c7}
#content .roster-advice>h3{font-size:28px;margin:7px 0;letter-spacing:-.04em;display:flex;justify-content:space-between;align-items:center}
#content .roster-advice>h3>span{color:#80e8c3;font-size:26px;font-weight:400}
#content .roster-advice>p{font-size:13px;line-height:1.5;max-width:42ch;margin:0 0 16px;color:#abc1c8}
#content .roster-advice>button{width:100%;min-height:48px;border-radius:6px;font-size:14px;background:#83eac6;color:#09231d}
#content .roster-depth>h3{font-size:18px;margin:0 0 6px}
#content .roster-depth>p{font-size:12px;line-height:1.5;color:#9fb3be}
@media(min-width:720px){#content .roster-advice>button{width:auto;min-width:220px}#content .roster-summary-grid{max-width:700px}}

/* Trade search: quick position selection and player-first comparisons. */
#content .trade-position-picker{padding:0;border:0;margin:0 0 10px;min-width:0}
#content .trade-position-picker legend{font-size:12px;font-weight:600;color:#b1c6cc;margin-bottom:8px}
#content .trade-position-picker>div{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:6px}
#content .trade-position-picker label{position:relative;display:block;margin:0;min-width:0;cursor:pointer}
#content .trade-position-picker input{position:absolute;opacity:0;width:100%;height:100%;margin:0;cursor:pointer}
#content .trade-position-picker span{display:flex;align-items:center;justify-content:center;min-height:44px;border:1px solid #ffffff20;border-radius:6px;font-size:13px;color:#a9bdc7;background:#0a171f}
#content .trade-position-picker input:checked+span{background:#83eac6;border-color:#83eac6;color:#09231d;font-weight:750}
#content .trade-position-picker input:focus-visible+span{outline:2px solid white;outline-offset:3px}
#content .roster-trade-filters>details{margin:0;padding:0;border:0}
#content .roster-trade-filters>details>summary{min-height:44px;display:flex;align-items:center;gap:8px;font-size:12px;color:#a8bdc7}
#content .roster-trade-filters>details>summary:before{content:'+';font-size:17px;color:#7bdcbb}
#content .roster-trade-filters>details[open]>summary:before{content:'−'}
#content .roster-advice>button.is-loaded{background:#83eac6;border:0;color:#09231d;min-height:44px;margin:8px 0 0}
#content .roster-analysis-context{font-size:10px;margin-top:4px;color:#8da8b2}
#content .roster-trade-results h4{font-size:16px;margin:6px 0 12px;letter-spacing:-.02em}
#content .roster-trade-card{background:transparent;border:0;border-top:1px solid #44655d;border-radius:0;padding:16px 0;margin:0 0 14px}
#content .roster-trade-top{align-items:center;margin:0 0 8px;gap:10px}
#content .roster-trade-top .eyebrow{font-size:11px;letter-spacing:.05em;color:#c4d6da;margin:0}
#content .roster-trade-index{font-size:10px;padding:3px 7px;border-radius:4px;background:#ffffff08;color:#a9bfc7}
#content .trade-fit-label{display:inline-block;font-size:10px;color:#8bdcbd;margin-bottom:10px}
#content .roster-trade-swap{gap:12px;margin:0}
#content .roster-trade-swap>div{padding:0 0 10px;min-width:0}
#content .roster-trade-swap>div.roster-trade-receive{padding:0 0 10px 12px;border-color:#ffffff16}
#content .roster-trade-swap>div>span{font-size:9px;letter-spacing:.12em;color:#9eb4bf}
#content .roster-trade-receive>span{color:#87e7c4}
#content .trade-player{margin-top:10px}
#content .trade-player h4{font-size:15px;line-height:1.3;letter-spacing:-.015em;margin:0 0 3px;overflow-wrap:anywhere}
#content .trade-player small{font-size:10px;color:#9ab1bb;line-height:1.4;display:block}
#content .roster-trade-gains{border-top:1px solid #ffffff12;padding-top:10px;margin-top:0;gap:12px}
#content .roster-trade-gains p{font-size:10px;color:#a1b8c1;margin:0}
#content .roster-trade-gains strong{font-size:23px;letter-spacing:-.04em;line-height:1.3}
#content .roster-trade-estimate{font-size:10px;line-height:1.5;margin:8px 0;color:#90a9b4}
#content .roster-trade-card>details{border:0;padding:0;margin:0}
#content .roster-trade-card>details>summary{font-size:12px;min-height:44px;display:flex;align-items:center;gap:8px;color:#9be3ca}
#content .roster-trade-card>details>summary:after{content:'+';margin-left:auto}
#content .roster-trade-card>details[open]>summary:after{content:'−'}