.football-actions{background:linear-gradient(135deg,color-mix(in srgb,var(--surface) 88%,#2f8f46),var(--surface));border-color:color-mix(in srgb,var(--success) 35%,var(--border))}
#app:has(.football-shell){padding-top:.55rem;padding-bottom:1rem}.football-shell{max-width:min(1120px,calc(100vw - 2rem));margin:auto}.football-shell .lesson-head{margin-bottom:.45rem}.football-card{padding:0;overflow:hidden}.football-score{display:flex;justify-content:space-between;gap:.6rem;align-items:center;padding:.45rem .9rem;background:var(--surface-2);font-weight:850}.football-score span{color:var(--muted);font-size:.9rem}.football-media{background:#0b2815;display:grid;place-items:center}.football-media-stage{position:relative;aspect-ratio:16/9;width:100%;height:min(40vh,390px);max-height:390px;min-height:220px;overflow:hidden;background:#0b2815}.football-media-stage img,.football-media-stage video{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;background:#0b2815;opacity:0;transition:opacity .18s ease}.football-media-stage .is-visible{opacity:1}.football-panel{padding:.7rem 1rem}.football-panel h1{font-size:clamp(1.35rem,2.7vw,2.1rem);line-height:1.04;margin:.1rem 0 .35rem}.football-panel .lead{margin-top:.15rem}.football-panel .game-board{margin-top:.5rem;gap:.55rem}.football-panel .game-door{min-height:48px;font-size:clamp(.98rem,1.45vw,1.2rem);padding:.5rem .7rem}.football-panel .button-row{margin-top:.55rem}
@media(max-width:600px){.football-shell{max-width:calc(100vw - 1rem)}.football-score{align-items:flex-start;flex-direction:column}.football-media-stage{height:auto;min-height:190px;max-height:none}.football-panel{padding:.9rem}.football-panel .game-board{grid-template-columns:1fr}.football-panel .game-door{min-height:54px}.football-panel h1{font-size:1.55rem}}
@media(min-width:1500px){.football-shell{max-width:min(1240px,calc(100vw - 3rem))}.football-media-stage{height:min(40vh,440px);max-height:440px}.football-panel{font-size:1.04rem}.football-panel .game-door{font-size:1.24rem;min-height:56px}}