:root{--black:#050505;--red:#e31c2d;--paper:#f4f3ef;--white:#fff;--muted:#a9b0b9;--gold:#f2bd28}
*{box-sizing:border-box}
html{scroll-behavior:smooth;background:var(--black)}
body{margin:0;background:var(--paper);color:var(--black);font-family:Inter,Arial,sans-serif;padding-bottom:calc(78px + env(safe-area-inset-bottom))}
a{color:inherit;text-decoration:none}
button{font:inherit}
.skip{position:fixed;left:1rem;top:-5rem;z-index:100;background:#fff;padding:.75rem}
.skip:focus{top:1rem}
.app-header{height:76px;padding:env(safe-area-inset-top) 1rem 0;background:#050505;color:#fff;display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:20;border-bottom:1px solid #ffffff1f}
.app-brand{display:flex;align-items:center;gap:.55rem;min-width:0}
.app-brand img{width:43px;height:52px;object-fit:contain;filter:drop-shadow(0 3px 7px #0008)}
.app-brand b,.app-brand small{display:block;white-space:nowrap}
.app-brand b{font:800 1rem/1 'Barlow Condensed',Impact,sans-serif;letter-spacing:.05em}
.app-brand small{font-size:.55rem;letter-spacing:.21em;color:#bbc2ca;margin-top:.25rem}
.install-button{border:1px solid var(--red);background:var(--red);color:#fff;padding:.65rem .8rem;font-weight:800;font-size:.68rem;letter-spacing:.08em}
.live-shell{background:var(--black);color:#fff;padding:2.6rem 1rem 3.2rem}
.live-heading{display:flex;align-items:end;justify-content:space-between;gap:1rem;margin:0 auto 1.3rem;max-width:880px}
.kicker{margin:0 0 .75rem;display:flex;align-items:center;gap:.55rem;font-size:.69rem;font-weight:800;letter-spacing:.16em;color:#e6e8eb}
.kicker span{width:22px;height:3px;background:var(--red)}
.kicker.dark{color:var(--red)}
h1,h2,h3{font-family:'Barlow Condensed',Impact,sans-serif;text-transform:uppercase;margin:0}
h1{font-size:clamp(3.4rem,15vw,5.8rem);line-height:.79;letter-spacing:-.03em}
h2{font-size:clamp(3.3rem,14vw,5.7rem);line-height:.8;letter-spacing:-.03em}
h1 em,h2 em{font-style:italic;color:var(--red)}
.site-link{font-size:.66rem;font-weight:800;letter-spacing:.08em;border-bottom:2px solid var(--red);padding-bottom:.4rem;white-space:nowrap}
.player-frame{max-width:880px;margin:0 auto;background:#000;border:1px solid #ffffff26;box-shadow:0 22px 55px #0009;overflow:hidden;position:relative}
.player-frame>div{width:100%;min-height:55vw}
.player-frame iframe{display:block;width:100%!important;max-width:100%;aspect-ratio:16/9;border:0}
.player-fullscreen{position:absolute;right:10px;bottom:10px;z-index:4;min-height:42px;padding:.65rem .8rem;border:1px solid #ffffff70;background:#000d;color:#fff;font-weight:800;font-size:.67rem;letter-spacing:.07em;cursor:pointer;box-shadow:0 4px 16px #0008}
.player-fullscreen:focus-visible{background:var(--red);border-color:var(--red)}
.player-frame:fullscreen,.player-frame.is-fullscreen{width:100vw;max-width:none;height:100vh;margin:0;border:0;display:grid;place-items:center;background:#000}
.player-frame:fullscreen>div,.player-frame.is-fullscreen>div{width:100%;height:100%;min-height:0}
.player-frame:fullscreen iframe,.player-frame.is-fullscreen iframe{width:100%!important;height:100%!important;max-width:none;aspect-ratio:auto;object-fit:contain}
body.player-fullscreen-open{overflow:hidden}
.player-frame.is-fullscreen{position:fixed;inset:0;z-index:1000}
.player-note{max-width:880px;margin:1rem auto 0;color:var(--muted);font-size:.86rem;line-height:1.55}
.schedule-shell{padding:3.5rem 1rem 4rem;max-width:950px;margin:auto}
.section-title{margin-bottom:1.7rem}
.schedule-card{background:#fff;border-left:7px solid var(--red);box-shadow:0 18px 44px #00000017;padding:1.2rem;display:grid;grid-template-columns:62px 1fr;gap:1rem;align-items:center}
.date-badge{width:62px;height:66px;background:var(--red);padding:.35rem;display:grid;place-items:center}
.date-badge img{width:100%;height:100%;object-fit:contain}
.schedule-copy small{color:var(--red);font-size:.63rem;font-weight:800;letter-spacing:.13em}
.schedule-copy h3{font-size:1.65rem;line-height:1;margin-top:.35rem}
.schedule-copy p{font-size:.82rem;color:#626b75;line-height:1.5;margin:.55rem 0 0}
.watch-button{grid-column:1/-1;min-height:48px;background:var(--red);color:#fff;display:flex;align-items:center;justify-content:center;font-size:.73rem;font-weight:800;letter-spacing:.1em}
.watch-button b{margin-left:1rem}
.league-card{margin-top:1rem;background:#080808;color:#fff;display:flex;align-items:center;gap:1rem;padding:1rem;border-bottom:3px solid var(--gold)}
.league-card img{width:74px;height:74px;object-fit:contain}
.league-card small,.league-card strong{display:block}
.league-card small{color:var(--gold);font-size:.59rem;font-weight:800;letter-spacing:.14em;margin-bottom:.3rem}
.league-card strong{font:800 1.35rem/.92 'Barlow Condensed',Impact,sans-serif}
.install-panel{background:var(--black);color:#fff;padding:4rem 1rem 4.5rem;text-align:center}
.install-panel .kicker{justify-content:center}
.install-panel>p:not(.kicker):not(.install-help){max-width:540px;margin:1.2rem auto 1.7rem;color:var(--muted);line-height:1.65}
.install-cta{min-height:52px;background:var(--red);border:1px solid var(--red);color:#fff;padding:0 1.3rem;font-size:.74rem;font-weight:800;letter-spacing:.08em}
.install-cta b{margin-left:1rem}
.install-help{max-width:540px;margin:1rem auto 0;color:#fff;font-size:.84rem;line-height:1.5}
.bottom-nav{position:fixed;z-index:30;bottom:0;left:0;right:0;height:calc(68px + env(safe-area-inset-bottom));padding:0 .35rem env(safe-area-inset-bottom);background:#050505;color:#9fa6af;display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid #ffffff24;box-shadow:0 -10px 28px #0004}
.bottom-nav a{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.28rem;font-size:.61rem;font-weight:700;letter-spacing:.03em}
.bottom-nav span{height:20px;font:bold 1rem/1 Inter,sans-serif;color:#fff}
.bottom-nav a.active,.bottom-nav a:focus{color:#fff}
.bottom-nav a.active span{color:var(--red)}
@media(min-width:720px){.app-header{padding-left:clamp(1rem,5vw,4rem);padding-right:clamp(1rem,5vw,4rem)}.live-shell{padding:4.5rem 4rem 5rem}.player-frame>div{min-height:460px}.schedule-shell{padding:5rem 2rem}.schedule-card{grid-template-columns:76px 1fr auto;padding:1.5rem}.date-badge{width:76px;height:80px}.watch-button{grid-column:auto;width:170px}.bottom-nav{left:50%;right:auto;width:560px;transform:translateX(-50%);border:1px solid #ffffff24;border-bottom:0}.install-panel{padding-bottom:6rem}}
@media(display-mode:standalone){.install-button,.install-panel{display:none}}
@media(orientation:landscape) and (max-height:600px){.player-frame.is-fullscreen{height:100dvh}.player-frame.is-fullscreen .player-fullscreen{right:max(10px,env(safe-area-inset-right));bottom:max(10px,env(safe-area-inset-bottom))}}

.schedule-copy{min-width:0}
.schedule-copy h3{line-height:1.12}
.schedule-copy small{display:block;line-height:1.5}
.schedule-copy p,.player-note{font-size:.94rem}
.install-button{min-height:44px}
:focus-visible{outline:3px solid #bd1424;outline-offset:4px}
.app-header :focus-visible,.bottom-nav :focus-visible{outline-color:#fff;outline-offset:-4px}
@media(max-width:450px){.schedule-card{grid-template-columns:1fr}.date-badge{width:54px;height:58px}.schedule-copy h3{font-size:1.75rem}.app-brand b{font-size:.9rem}.app-brand small{letter-spacing:.12em}.live-heading{align-items:flex-start;flex-direction:column;gap:1.25rem}.site-link{min-height:44px;display:inline-flex;align-items:center}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}