@layer components{.addcal__icon{width: 16px;height: 16px;}}
@layer components{.subscribe__inner{display: flex;flex-wrap: wrap;align-items: center;gap: 10px;padding-block: 10px;font-family: var(--font-display);font-weight: var(--fw-semi);font-size: var(--fs-small);letter-spacing: var(--ls-ui);text-transform: uppercase;color: var(--gray-meta);}}
@layer components{.subscribe__note{font-family: var(--font-serif);font-size: 0.8125rem;letter-spacing: 0;text-transform: none;}}
@layer components{.stat__label{font-size: var(--fs-micro);font-weight: var(--fw-semi);letter-spacing: var(--ls-label);text-transform: uppercase;color: var(--on-dark-muted);}}
@layer components{.stat__value{font-family: var(--font-display);font-weight: var(--fw-black);font-size: clamp(2rem,3vw,2.75rem);line-height: 1;letter-spacing: var(--ls-tight);}}
@layer components{.stat__value--sm{font-size: clamp(1.25rem,1.6vw,1.5rem);font-weight: var(--fw-extra);text-transform: uppercase;}}
@layer components{.stat--link{border-left: var(--bw-accent) solid var(--red);padding-left: var(--sp-4);}}
@layer components{.schedule__group + .schedule__group{margin-top: var(--sp-7);}}
@layer components{.spotlight{padding-block: var(--sp-6) 0;}}
@layer components{.spotlight{background: var(--silver-2);}}
@layer components{.section.spotlight{padding-bottom: clamp(48px, 6vw, 80px);}}
@layer components{.sched-x .sx-head{position: relative; overflow: hidden; isolation: isolate; color: #fff; background: radial-gradient(120% 120% at 15% 0%, #e8303c 0%, var(--red) 45%, #b3141f 100%); border-bottom: 0;}}
@layer components{.sched-x .sx-head::before{content: ""; position: absolute; inset: 0; z-index: -2; background: repeating-linear-gradient(115deg, rgba(255,255,255,.05) 0 2px, transparent 2px 22px);}}
@layer components{.sched-x .sx-head::after{content: none;}}
@layer components{.sched-x .sx-ghost{position: absolute; z-index: -1; right: -1%; bottom: -14%; font-family: var(--font-display); font-style: italic; font-weight: 900; font-size: clamp(160px, 24vw, 360px); line-height: .8; letter-spacing: -.04em; color: transparent; -webkit-text-stroke: 3px rgba(255,255,255,.15); pointer-events: none; user-select: none; white-space: nowrap;}}
@layer components{.sched-x .sx-head .page-head__kicker{color: rgba(255,255,255,.9); font-style: italic;}}
@layer components{.sched-x .sx-head .page-head__title{color: #fff; font-style: italic; font-size: clamp(3.4rem, 9vw, 7.4rem); line-height: .84; letter-spacing: -.02em;}}
@layer components{.sched-x .sx-head .page-head__stats{gap: 12px;}}
@layer components{.sched-x .sx-head .stat{transform: skewX(-10deg); background: rgba(120,8,16,.38); border: 2px solid rgba(255,255,255,.3); color: #fff; padding: 12px 20px;}}
@layer components{.sched-x .sx-head .stat > *{display: block; transform: skewX(10deg);}}
@layer components{.sched-x .sx-head .stat--link{background: #fff; border-color: #fff; color: var(--red); box-shadow: 0 0 26px rgba(255,255,255,.35); text-decoration: none; transition: transform .2s;}}
@layer components{.sched-x .sx-head .stat--link:hover{transform: skewX(-10deg) scale(1.03);}}
@layer components{.sched-x .sx-head .stat__label{font-family: var(--font-display); font-style: italic; font-weight: 900; font-size: .74rem; letter-spacing: .2em; text-transform: uppercase; color: inherit; opacity: .85;}}
@layer components{.sched-x .sx-head .stat__value{font-family: var(--font-display); font-style: italic; font-weight: 900; text-transform: uppercase; color: inherit;}}
@layer components{.sched-x .sx-head .stat__sub{font-family: var(--font-display); font-weight: 800; font-size: .74rem; letter-spacing: .14em; text-transform: uppercase; color: #6b6f75;}}
@layer components{.sched-x .subscribe__note{color: rgba(255,255,255,.85) !important;}}
@layer components{@media (max-width: 760px){.sched-x .sx-head .stat,.sched-x .sx-head .stat > *{transform: none;}}}
.sched-x .sx-ghost{text-transform: uppercase;}
.stat--film .stat__label{color: var(--red) !important; font-weight: 900;}
.stat--film .stat__value small{font-size: .5em; font-weight: 700; opacity: .8; margin-left: 2px;}
.asx{--a-red: var(--red, #ce1a27); --a-red2: #ac141d; --a-ink: #2f343b; --a-body: #3c3c3c; --a-meta: #6b6b6b; --a-g1: #eef0f2; --a-g0: #f7f8f9; --a-g3: #d3d7dc; --a-sil: #9aa1a9; --a-steel: #2f343b; background: #fff; color: var(--a-ink); font-family: var(--font-display, "Barlow Condensed", "Arial Narrow", sans-serif);}
.asx a{color: inherit; text-decoration: none;}
.asx-top{background: var(--a-red); color: #fff;}
.asx-top__in{display: flex; align-items: flex-end; justify-content: space-between; gap: 24px 40px; flex-wrap: wrap; padding-top: clamp(28px, 4vw, 44px);}
.asx-top__main{min-width: 0;}
.asx-kick{display: block; font-size: 15px; font-weight: 800; letter-spacing: .28em; text-transform: uppercase; color: rgba(255,255,255,.92);}
.asx-title{margin: 8px 0 0; color: #fff; font-size: clamp(44px, 6.4vw, 92px); line-height: .86; font-weight: 900; font-style: italic; text-transform: uppercase; letter-spacing: -.01em; text-wrap: balance;}
.asx-tabs{display: flex; gap: 2px; margin-top: 24px; overflow-x: auto; scrollbar-width: none;}
.asx-tabs::-webkit-scrollbar{display: none;}
.asx-tabs a{flex: 0 0 auto; padding: 14px 22px 12px; background: rgba(255,255,255,.14); color: #fff !important; font-size: 15px; font-weight: 800; letter-spacing: .16em; text-transform: uppercase;}
.asx-tabs a:hover{background: rgba(255,255,255,.26);}
.asx-tabs a.is-on{background: #fff; color: var(--a-red) !important;}
.asx-top__tools{display: flex; flex-wrap: wrap; align-items: flex-end; gap: 8px; padding-bottom: 18px;}
.asx-sel{display: grid; gap: 4px;}
.asx-sel > span{font-size: 11px; font-weight: 800; letter-spacing: .22em; text-transform: uppercase; color: rgba(255,255,255,.85);}
.asx-sel select{appearance: none; -webkit-appearance: none; border: 0; border-radius: 0; background: #fff linear-gradient(45deg, transparent 50%, var(--a-red) 50%) no-repeat right 14px top 50% / 7px 7px; color: var(--a-red); font: 800 15px/1 var(--font-display, sans-serif); letter-spacing: .1em; text-transform: uppercase; padding: 12px 36px 11px 14px; cursor: pointer; max-width: 60vw;}
.asx-steps{display: flex; gap: 2px;}
.asx-steps a{padding: 12px 14px 11px; background: rgba(255,255,255,.14); color: #fff !important; font-size: 14px; font-weight: 800; letter-spacing: .12em; text-transform: uppercase; white-space: nowrap;}
.asx-steps a:hover{background: #fff; color: var(--a-red) !important;}
.asx-sum{background: var(--a-g1);}
.asx-sum__in{display: grid; grid-template-columns: repeat(var(--n), minmax(0, 1fr)); gap: 2px; padding-block: 2px;}
.asx-sum__in div{display: flex; align-items: baseline; justify-content: space-between; gap: 10px; background: #fff; padding: 14px 18px;}
.asx-sum__in div:first-child{background: var(--a-red); color: #fff;}
.asx-sum__in span{font-size: 12px; font-weight: 800; letter-spacing: .2em; text-transform: uppercase; color: var(--a-meta);}
.asx-sum__in div:first-child span{color: rgba(255,255,255,.88);}
.asx-sum__in b{font-size: 28px; line-height: 1; font-weight: 900; font-variant-numeric: tabular-nums; white-space: nowrap;}
.asx-champs .container{display: flex; flex-wrap: wrap; gap: 4px; padding-top: 18px;}
.asx-champs a{padding: 9px 14px 8px; background: var(--a-red); color: #fff !important; font-size: 15px; font-weight: 800; letter-spacing: .14em; text-transform: uppercase;}
.asx-list{padding: 22px 0 70px;}
.asx-bar{display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 10px 20px;}
.asx-filters{display: flex; flex-wrap: wrap; gap: 2px;}
.asx-filters a,.asx-cal a{padding: 8px 12px 7px; background: var(--a-g1); font-size: 13px; font-weight: 800; letter-spacing: .14em; text-transform: uppercase; color: var(--a-body) !important;}
.asx-filters a:hover,.asx-cal a:hover{color: var(--a-red) !important;}
.asx-filters a.is-on{background: var(--a-red); color: #fff !important;}
.asx-filters__gap{width: 12px;}
.asx-cal{display: flex; gap: 2px;}
.asx-cal a:first-child{background: var(--a-red); color: #fff !important;}
.asx-mo{margin: 28px 0 8px; color: var(--a-meta); font-size: 15px; font-weight: 800; letter-spacing: .3em; text-transform: uppercase;}
.asx-games{list-style: none; margin: 0; padding: 0; display: grid; gap: 2px;}
.asx-g{position: relative; display: grid; grid-template-columns: 90px 88px minmax(0, 1fr) auto; align-items: center; gap: 22px; padding: 18px 22px; background: #fff;}
.asx-g:nth-child(odd){background: var(--a-g0);}
.asx-g.is-next,.asx-g.is-live{background: #fff;}
.asx-g.is-next::before,.asx-g.is-live::before{content: ""; position: absolute; left: 0; top: 0; bottom: 0; width: 8px; background: var(--a-red);}
.asx-g.is-off{opacity: .62;}
.asx-g__d{display: grid; justify-items: center; text-align: center;}
.asx-g__d b{font-size: 40px; line-height: .9; font-weight: 900;}
.asx-g__d span{margin-top: 4px; font-size: 13px; font-weight: 800; letter-spacing: .18em; color: var(--a-meta); white-space: nowrap;}
.asx-g__lg{display: grid; place-items: center; width: 84px; height: 84px; background: var(--a-g1); padding: 8px;}
.asx-g:nth-child(odd) .asx-g__lg{background: #fff;}
.asx-g__lg img{max-width: 100%; max-height: 100%; width: auto; height: auto;}
.asx-g__lg.is-ini b{font-size: 30px; font-weight: 900; color: var(--a-sil);}
.asx-g__main{display: grid; gap: 6px; min-width: 0;}
.asx-g__o{font-size: clamp(24px, 2.4vw, 32px); line-height: 1; font-weight: 900; text-transform: uppercase; overflow-wrap: anywhere;}
.asx-g__o:hover{color: var(--a-red);}
.asx-g__o em{font-style: normal; font-size: .55em; color: var(--a-meta); letter-spacing: .06em; margin-right: 2px;}
.asx-g__o i{display: inline-block; margin-left: 10px; padding: 4px 8px 3px; background: var(--a-steel); color: #fff; font-style: normal; font-size: 12px; letter-spacing: .16em; vertical-align: 6px;}
.asx-g__o i.is-live{background: var(--a-red);}
.asx-g__loc{font-size: 15px; font-weight: 700; color: var(--a-body);}
.asx-g__tags{display: flex; flex-wrap: wrap; gap: 4px;}
.asx-g__tags i{font-style: normal; padding: 4px 7px 3px; background: var(--a-red); color: #fff; font-size: 11px; font-weight: 800; letter-spacing: .14em; text-transform: uppercase;}
.asx-g__r{display: grid; justify-items: end; gap: 6px; text-align: right;}
.asx-g__r > b{font-size: 30px; line-height: 1; font-weight: 900; white-space: nowrap; font-variant-numeric: tabular-nums;}
.asx-g__r > b.is-w{color: var(--a-red);}
.asx-g__r > b.is-l{color: var(--a-sil);}
.asx-g__r > b.is-t{color: var(--a-meta);}
.asx-g__r > b.is-off{font-size: 18px; letter-spacing: .12em; text-transform: uppercase; color: var(--a-meta);}
.asx-g__in{font-size: 13px; font-weight: 800; letter-spacing: .14em; text-transform: uppercase; color: var(--a-red);}
.asx-g__btns{display: flex; flex-wrap: wrap; justify-content: flex-end; gap: 4px; max-width: 360px;}
.asx-g__btns a{padding: 6px 9px 5px; background: var(--a-g1); font-size: 12px; font-weight: 800; letter-spacing: .12em; text-transform: uppercase; color: var(--a-ink) !important; white-space: nowrap;}
.asx-g:nth-child(odd) .asx-g__btns a{background: #fff;}
.asx-g .asx-g__btns a.is-red{background: var(--a-red); color: #fff !important;}
.asx-g__btns a:hover{background: var(--a-red) !important; color: #fff !important;}
.asx-foot{display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 2px; margin-top: 30px;}
.asx-foot > *{display: grid; gap: 4px; padding: 16px 18px; background: var(--a-g1);}
.asx-foot span{font-size: 12px; font-weight: 800; letter-spacing: .2em; text-transform: uppercase; color: var(--a-meta);}
.asx-foot b{font-size: 28px; line-height: 1.05; font-weight: 900; text-transform: uppercase;}
.asx-foot a:hover{background: var(--a-red); color: #fff;}
.asx-foot a:hover span{color: #fff;}
@media (max-width: 1000px){.asx-sum__in{grid-template-columns: repeat(3, minmax(0, 1fr));}}
@media (max-width: 1000px){.asx-g{grid-template-columns: 70px 60px minmax(0, 1fr) auto; gap: 16px;}}
@media (max-width: 1000px){.asx-g__lg{width: 60px; height: 60px;}}
@media (max-width: 1000px){.asx-g__btns{max-width: 240px;}}
@media (max-width: 760px){.asx-g{grid-template-columns: 70px 60px minmax(0, 1fr);}}
@media (max-width: 760px){.asx-g__r{grid-column: 3; justify-items: start; text-align: left;}}
@media (max-width: 760px){.asx-g__btns{justify-content: flex-start; max-width: none;}}
.asx-g.is-next .asx-g__btns a:not(.is-red),.asx-g.is-live .asx-g__btns a:not(.is-red){background: var(--a-g1);}
@media (max-width: 640px){.asx-kick{font-size: 12px; letter-spacing: .2em;}}
@media (max-width: 640px){.asx-tabs a{padding: 12px 14px 10px; font-size: 13px; letter-spacing: .1em;}}
@media (max-width: 640px){.asx-top__tools{width: 100%;}}
@media (max-width: 640px){.asx-sel{flex: 1 1 140px;}}
@media (max-width: 640px){.asx-sel select{width: 100%; max-width: none;}}
@media (max-width: 640px){.asx-sum__in div{flex-direction: column; align-items: flex-start; gap: 2px; padding: 10px 12px;}}
@media (max-width: 640px){.asx-sum__in b{font-size: 22px;}}
@media (max-width: 640px){.asx-g{grid-template-columns: 52px minmax(0, 1fr); gap: 10px 12px; padding: 14px 12px 14px 14px;}}
@media (max-width: 640px){.asx-g__lg{display: none;}}
@media (max-width: 640px){.asx-g__d b{font-size: 30px;}}
@media (max-width: 640px){.asx-g__d span{font-size: 10px; letter-spacing: .08em;}}
@media (max-width: 640px){.asx-g__o{font-size: 22px;}}
@media (max-width: 640px){.asx-g__o i{vertical-align: 3px; font-size: 10px; margin-left: 6px;}}
@media (max-width: 640px){.asx-g__loc{font-size: 13px;}}
@media (max-width: 640px){.asx-g__r{grid-column: 2;}}
@media (max-width: 640px){.asx-g__r > b{font-size: 24px;}}
@media (max-width: 640px){.asx-g__btns a{font-size: 11px; padding: 6px 8px 5px;}}
@media (max-width: 640px){.asx-bar{align-items: flex-start;}}