/* Classic's existing stage and category artwork are the composition. */
:root{--bg:#101112;--ink:#f1f1f2;--gold:#e4c277;--muted:#b8bdc5;--line:#3b3e43}
.nav,main,footer{max-width:1800px}.study-bar{background:#191b1e}.nav{padding:23px 4%;border-bottom:1px solid #34373b}.nav nav{font-size:13px}.nav>.start{min-height:44px;font-size:13px}.start{background:var(--gold);border-radius:4px}.classic-opening{position:relative;isolation:isolate;display:grid;grid-template-columns:.85fr 1.35fr;align-items:center;gap:4%;padding:58px 4% 64px;min-height:690px;overflow:hidden}.classic-backdrop{position:absolute;z-index:-2;right:0;top:0;width:69%;height:100%;object-fit:cover;object-position:50% 50%;mask-image:linear-gradient(to right,transparent,#000 30%);opacity:.8}.classic-opening:after{content:'';position:absolute;z-index:-1;inset:0;pointer-events:none;background:linear-gradient(to top,#101112 1%,transparent 40%)}.classic-copy{position:relative;z-index:1;align-self:center}.classic-intro{font-size:14px;color:#d0d2d6;margin-bottom:23px}.classic-copy h1{font:800 clamp(58px,6.1vw,96px)/.95 var(--heading);letter-spacing:-.035em}.classic-copy h1 em{color:var(--gold)}.classic-description{font-size:16px;color:#d1d3d8;line-height:1.65;margin-top:26px}.classic-actions{display:flex;align-items:center;flex-wrap:wrap;gap:9px 22px;margin-top:28px}.classic-actions .start{min-width:170px;justify-content:space-between;gap:28px}.classic-actions .watch-inline{padding:10px 0;font-size:12px;color:#eeeef0}.classic-format{font-size:12px;margin-top:20px;color:#d3d6db}.classic-free{font-size:11px;color:var(--muted);margin-top:5px}.classic-board{position:relative;align-self:center;margin:80px 0 0;min-width:0;padding:20px 20px 13px;background:#131518;border:1px solid #686052;transform:rotate(-2deg);box-shadow:0 9px 0 #08090a;}.classic-board figcaption{display:flex;align-items:center;justify-content:space-between;gap:16px;font-size:10px;color:#c3c5cb;margin-bottom:16px}.classic-board figcaption b{color:var(--gold);font-size:12px;letter-spacing:.04em}.classic-board figcaption>span:last-child{color:#d5ba80;font-size:10px}.board-teams{display:flex;align-items:center;justify-content:space-between;gap:20px;border-block:1px solid #41454c;padding:14px 0;margin-bottom:18px}.board-teams>span:not(.board-versus){display:flex;align-items:center;gap:18px;font-size:11px;font-weight:700}.board-teams b{font:700 29px var(--body)}.board-team-a{color:#f1a8a1}.board-team-b{color:#b4cff7}.board-versus{font-size:10px;color:#c8cbd1}.classic-board .hero-categories{grid-template-columns:repeat(6,minmax(0,1fr));gap:9px}.board-category{min-width:0}.classic-board .hero-category,.classic-board .hero-category:nth-child(n){border:0;border-radius:3px;background:#25282d;color:#f0f0f2;width:100%;display:block}.classic-board .hero-category img{aspect-ratio:.94;object-fit:cover}.classic-board .hero-category>span{min-height:41px;font-size:10px;line-height:1.3;padding:6px;text-align:center;justify-content:center}.classic-board .hero-category>span>b{display:none}.classic-board .hero-category:hover{transform:translateY(-3px)}.board-point-values{display:grid;grid-template-columns:1fr 1fr;gap:5px;margin-top:7px}.board-point-values>span{font:700 clamp(11px,1.15vw,18px)/1 var(--body);font-variant-numeric:tabular-nums;text-align:center;padding:12px 2px;background:#25282d;color:var(--gold);border:1px solid #4e5158;border-radius:3px;user-select:none}.board-caption{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:10px;font-size:9px;color:#b7bcc5}.board-caption a{display:flex;align-items:center;min-height:44px;color:var(--gold);text-decoration:underline;text-underline-offset:3px}.show-marquee{margin:0 4% 55px;padding-block:20px;border-block:1px solid #48443a;display:flex;align-items:center;gap:25px}.marquee-copy{min-width:180px;margin-right:auto}.marquee-copy>p{font:600 19px/1.35 var(--body)}.marquee-copy b{color:var(--gold)}.marquee-copy>span{font-size:11px;color:var(--muted);display:block;margin-top:8px}.marquee-mode{display:flex;gap:13px;align-items:center;min-width:0;flex:1;padding:3px}.marquee-mode img{height:86px;width:58px;object-fit:cover;flex:none;transition:transform .2s}.marquee-mode>span{font:800 16px var(--heading)}.marquee-mode small{display:block;font:500 10px/1.5 var(--body);color:var(--muted);margin-top:8px}.marquee-mode:hover img{transform:translateY(-4px)}.marquee-mode:hover>span{color:var(--gold)}.how-strip{border-radius:4px;background:#1c1f23;margin-inline:4%}.how-copy li:before{color:var(--gold)}.tutorial-play{background:var(--gold)}.tutorial-preview{border-radius:3px}.category-library{padding-inline:4%}.group-navigation button[aria-pressed=true]{background:var(--gold);border-color:var(--gold);color:#141619}.group-navigation button{border-radius:4px}.group-navigation button:hover{border-color:var(--gold)}.category-card{border-radius:4px}.shows{border-radius:4px;margin-inline:4%}.last-call{background:var(--gold);border-radius:4px;margin-inline:4%}.call-top{border-color:#817049}.last-call h2{font-family:var(--heading);font-weight:800}.faq{padding-inline:4%}
@media(min-width:1700px){.classic-opening{min-height:760px;padding-block:75px}.classic-board{margin-top:105px}.classic-board .hero-category img{aspect-ratio:1.1}.board-point-values>span{padding-block:14px}}
@media(max-width:1200px){.classic-opening{gap:3%;grid-template-columns:.8fr 1.2fr;padding-block:48px;min-height:650px}.classic-copy h1{font-size:6.1vw}.classic-board{padding:15px 12px 8px}.classic-board .hero-categories{gap:6px}.classic-board .hero-category>span{font-size:9px}.board-point-values{gap:4px}.board-point-values>span{padding-block:10px;font-size:12px}.classic-board figcaption>span:last-child{display:none}.classic-description{font-size:15px}.board-caption>span{max-width:22ch}.show-marquee{gap:14px}.marquee-copy{min-width:130px}.marquee-copy>p{font-size:16px}.marquee-mode{gap:9px}.marquee-mode img{width:42px;height:65px}.marquee-mode>span{font-size:13px}.marquee-mode small{font-size:9px}.classic-format{font-size:11px}.board-teams>span:not(.board-versus){font-size:9px;gap:12px}}
@media(max-width:850px){.classic-opening{grid-template-columns:1fr;gap:40px;padding:36px 5% 40px;min-height:0}.classic-copy h1{font-size:clamp(56px,8.6vw,76px)}.classic-copy h1 br:nth-of-type(1){display:none}.classic-copy{max-width:580px}.classic-description{font-size:16px}.classic-actions{margin-top:22px}.classic-format{font-size:12px}.classic-backdrop{width:100%;height:65%;top:auto;bottom:0;mask-image:linear-gradient(to bottom,transparent,#000 35%);opacity:.68}.classic-opening:after{background:linear-gradient(to top,#101112 0%,transparent 25%)}.classic-board{margin:0 6px 8px;padding:19px 16px 8px}.classic-board .hero-category>span{font-size:10px}.classic-board .hero-category img{aspect-ratio:1.05}.classic-board .hero-categories{gap:8px}.board-point-values>span{font-size:15px;padding-block:12px}.board-teams>span:not(.board-versus){font-size:11px}.board-caption>span{max-width:none}.show-marquee{margin:0 5% 35px;overflow-x:auto;gap:20px;scrollbar-color:#b09a66 #25282b;padding-block:18px}.marquee-mode{min-width:128px;flex:none}.marquee-mode img{width:43px;height:64px}.marquee-copy{min-width:135px}.marquee-copy>span{font-size:10px}.how-strip{margin-inline:5%}.category-library{padding-inline:5%}.shows,.last-call{margin-inline:5%}}
@media(max-width:500px){.nav{padding-inline:5%}.classic-opening{gap:31px;padding-top:25px}.classic-copy h1{font-size:clamp(48px,12.5vw,62px)}.classic-copy h1 br:nth-of-type(1){display:initial}.classic-intro{font-size:12px;margin-bottom:20px}.classic-description{font-size:14px;margin-top:21px}.classic-format{font-size:11px}.classic-actions{gap:5px 18px}.classic-actions .start{min-width:146px;font-size:13px;min-height:48px;padding:13px 15px}.classic-actions .watch-inline{font-size:11px}.classic-board{transform:none;margin-inline:0;padding:13px 11px 8px}.classic-board .hero-categories{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px 8px}.classic-board .hero-category img{aspect-ratio:1.35}.classic-board .hero-category>span{min-height:33px;font-size:10px;padding:5px}.board-point-values>span{font-size:12px;padding:8px 2px}.board-point-values{gap:4px;margin-top:5px}.board-caption{font-size:9px;gap:10px}.board-caption>span{max-width:19ch}.board-caption a{max-width:17ch;text-align:right}.board-teams{margin-bottom:13px;padding:10px 0}.board-teams>span:not(.board-versus){font-size:9px;gap:10px}.board-teams b{font-size:23px}.classic-board figcaption{margin-bottom:12px;font-size:9px}.classic-board figcaption b{font-size:11px}.show-marquee{gap:15px}}
.classic-copy h1 br{display:initial}
@media(max-width:360px){.last-call h2{font-size:38px!important}}
@media(prefers-reduced-motion:reduce){.marquee-mode img{transition:none}}