:root{--font-heading:"Oswald","Segoe UI",Tahoma,sans-serif;--font-body:"Public Sans","Segoe UI",Tahoma,Geneva,Verdana,sans-serif;--gold:#ffd700;--gold-dark:#e6c200;--ink:#111;--ink-soft:#444;--surface:#fff;--page:#f5f5f5;--line:#e2e2e2;--shadow-soft:0 2px 8px rgba(38,28,0,.08);--shadow-lift:0 6px 16px rgba(38,28,0,.16)}
*,*::before,*::after{box-sizing:border-box}html{scroll-behavior:smooth}body{display:flex;flex-direction:column;min-width:0;min-height:100vh;margin:0;color:var(--ink);background:var(--page);font-family:var(--font-body);font-variant-numeric:tabular-nums;line-height:1.6;overflow-x:hidden}body.player-open{overflow:hidden}a{color:inherit}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,.game-card:focus-visible{outline:3px solid var(--gold-dark);outline-offset:3px}
.skip-link{position:absolute;top:-70px;left:12px;z-index:200;padding:10px 16px;color:var(--ink);background:var(--gold);border-radius:6px;font-family:var(--font-heading);font-weight:600;text-decoration:none}.skip-link:focus{top:12px}
.site-header{padding:20px;color:var(--gold);background:var(--ink);border-top:5px solid var(--gold);text-align:center}.site-brand{display:inline-flex;flex-direction:column;align-items:center;gap:10px;color:var(--gold);font-family:var(--font-heading);font-size:clamp(1.45rem,3vw,2rem);font-weight:600;letter-spacing:.01em;text-transform:uppercase}.site-logo{display:block;width:auto;height:100px;max-width:100%;object-fit:contain;filter:drop-shadow(0 0 5px rgba(255,215,0,.5))}
.app-shell{flex:1 0 auto;width:100%;max-width:1200px;margin:0 auto;padding:30px 20px 60px}.page-shell{width:100%;min-width:0;padding:40px;background:var(--surface);border-top:8px solid var(--gold);border-radius:12px;box-shadow:0 4px 10px rgba(38,28,0,.08);overflow:hidden}.hero{display:flex;width:100%;padding:24px 28px;align-items:center;gap:20px;color:#fff;background:var(--ink);border-radius:10px}.hero-icon{display:flex;flex:0 0 64px;width:64px;height:64px;align-items:center;justify-content:center;color:var(--ink);background:var(--gold);border-radius:50%;box-shadow:var(--shadow-lift);font-family:var(--font-heading);font-size:1.4rem;font-weight:700}.eyebrow{margin:0 0 4px;color:var(--gold);font-family:var(--font-heading);font-size:.86rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase}.hero>div:last-child,.video-section,.section-header{min-width:0}.hero h1,.section-header h2,.game-number,.teams,.field>span{font-family:var(--font-heading)}.hero h1{margin:0;font-size:clamp(2rem,5vw,3rem);line-height:1.1;text-transform:uppercase;text-wrap:balance;overflow-wrap:anywhere}.hero-copy{max-width:60ch;margin:8px 0 0;color:#e2e2e2}
.video-section{margin-top:40px;padding-top:36px;border-top:3px solid var(--gold)}.section-header{max-width:720px;margin:0 auto 28px;text-align:center}.section-header h2{display:inline-block;margin:0;padding-bottom:6px;border-bottom:4px solid var(--gold);font-size:clamp(1.65rem,4vw,2rem);font-weight:600;letter-spacing:.03em;line-height:1.2;text-transform:uppercase}.section-header p{margin:10px 0 0;color:var(--ink-soft)}
.toolbar{display:grid;grid-template-columns:minmax(0,2fr) minmax(220px,1fr);gap:16px;margin-bottom:24px;padding:20px;background:#fff9d6;border:1px solid rgba(17,17,17,.18);border-radius:10px}.field{display:grid;min-width:0;gap:7px}.field>span{font-size:.92rem;font-weight:600;letter-spacing:.02em;text-transform:uppercase}.toolbar input,.toolbar select{width:100%;min-height:48px;padding:11px 13px;color:var(--ink);background:#fff;border:1px solid #b8b8b8;border-radius:6px;font:inherit}.status{min-height:1.6em;margin:0 0 12px;color:var(--ink-soft);font-size:.9rem}
.game-list{display:grid;gap:12px;margin:0;padding:0;list-style:none}.game-card{position:relative;display:grid;grid-template-columns:62px minmax(0,1fr) 48px;align-items:center;gap:18px;min-width:0;padding:17px 18px 17px 0;overflow:hidden;background:#fff;border:1px solid var(--line);border-left:5px solid var(--gold);border-radius:8px;box-shadow:var(--shadow-soft);cursor:pointer;transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease}.game-card:hover,.game-card:focus-visible{border-color:var(--gold-dark);box-shadow:var(--shadow-lift);transform:translateY(-2px)}.game-number{color:var(--gold-dark);font-size:1.35rem;font-weight:700;line-height:1;text-align:center}.game-card .teams{font-size:1.12rem;font-weight:600;line-height:1.35;overflow-wrap:anywhere}.game-card .teams .vs{margin:0 .45rem;color:var(--ink-soft);font-family:var(--font-body);font-size:.8em;font-weight:500;text-transform:lowercase}.game-card .date{margin-top:4px;color:var(--ink-soft);font-size:.88rem}.game-card .play-icon{display:flex;width:44px;height:44px;align-items:center;justify-content:center;color:var(--ink);background:var(--gold);border-radius:50%}.play-icon::before{width:0;height:0;margin-left:3px;border-top:7px solid transparent;border-bottom:7px solid transparent;border-left:11px solid var(--ink);content:""}
.player-overlay{position:fixed;inset:0;z-index:100;display:flex;align-items:center;justify-content:center;padding:70px 20px 24px;background:rgba(17,17,17,.94)}.player-overlay.hidden{display:none}.player-box{position:relative;width:100%;max-width:960px;padding:10px;background:var(--ink);border-top:6px solid var(--gold)}.player-box video{display:block;width:100%;max-height:75vh;background:#000;border-radius:4px}.player-info{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-top:.9rem;color:#fff;flex-wrap:wrap}.player-info h2{margin:0;font-family:var(--font-heading);font-size:1.3rem;text-transform:uppercase}.player-info p{margin:.2rem 0 0;color:#d7d7d7;font-size:.85rem}.download-btn{padding:.65rem 1.1rem;color:var(--ink);background:var(--gold);border-radius:6px;font-family:var(--font-heading);font-size:1rem;font-weight:600;text-decoration:none;text-transform:uppercase;white-space:nowrap}.download-btn:hover{background:var(--gold-dark)}.close-btn{position:absolute;top:-52px;right:0;padding:8px 13px;color:var(--ink);background:var(--gold);border:0;border-radius:6px;font:600 1rem var(--font-heading);cursor:pointer;text-transform:uppercase}
.site-footer{display:flex;justify-content:center;gap:12px 28px;flex-wrap:wrap;padding:24px 20px;color:#d7d7d7;background:var(--ink);border-bottom:5px solid var(--gold);font-size:.85rem;text-align:center}.site-footer p{margin:0}.site-footer nav{display:flex;justify-content:center;gap:18px;flex-wrap:wrap}.site-footer a{text-underline-offset:3px}.site-footer a:hover{color:var(--gold)}
@media(max-width:700px){.app-shell{padding:18px 12px 40px}.page-shell{padding:22px 16px}.hero{padding:20px}.toolbar{grid-template-columns:1fr;padding:16px}.game-card{grid-template-columns:48px minmax(0,1fr) 42px;gap:10px}}
@media(max-width:480px){.site-logo{height:82px}.hero{flex-direction:column;align-items:flex-start;gap:14px}.hero-icon{flex-basis:50px;width:50px;height:50px}.hero h1{font-size:clamp(1.8rem,10vw,2.4rem)}.hero-copy{font-size:.9rem}.video-section{margin-top:28px;padding-top:28px}.game-card{grid-template-columns:minmax(0,1fr) 42px;padding:15px 12px 15px 15px}.game-number{display:none}.game-card .teams{font-size:1rem}.player-info{align-items:stretch}.download-btn{width:100%;text-align:center}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.game-card{transition:none}}