@media(max-width:700px){
  .site-header{padding:12px 14px;border-top-width:4px;text-align:left}
  .site-brand{display:flex;width:100%;flex-direction:row;justify-content:center;gap:12px;font-size:clamp(1.08rem,5vw,1.35rem);line-height:1.15;text-align:left}
  .site-logo{height:58px;flex:0 0 auto}
  .app-shell{padding:14px 10px 34px}
  .page-shell{padding:18px 14px;border-top-width:6px;border-radius:10px}
  .hero{padding:18px 16px;gap:12px}
  .hero-icon{flex-basis:48px;width:48px;height:48px}
  .hero-icon svg{width:27px;height:27px}
  .hero h1{font-size:clamp(1.72rem,8.4vw,2rem);line-height:1.08;overflow-wrap:normal;word-break:normal}
  .hero-copy{margin-top:7px;font-size:.9rem;line-height:1.5}
  .video-section{margin-top:24px;padding-top:24px}
  .section-header{margin-bottom:20px}
  .section-header h2{font-size:1.65rem}
  .section-header p{font-size:.94rem;line-height:1.5}
  .toolbar{margin-bottom:18px;padding:14px}
  .toolbar input{min-height:46px;padding:10px 12px}
  .game-list{gap:10px}
  .game-card{padding:14px}
  .game-card .teams{font-size:1rem;line-height:1.35}
  .game-card .date{font-size:.86rem}
  .card-actions{margin-top:4px;padding-left:0}
  .card-play,.card-download{min-height:46px}
  .player-overlay{padding:62px 10px 12px}
  .player-box{padding:7px}
  .player-box video{max-height:62vh}
  .site-footer{padding:20px 14px}
}

@media(max-width:480px){
  .hero{flex-direction:column;align-items:flex-start}
  .hero h1{font-size:clamp(1.72rem,8.4vw,1.95rem)}
  .card-actions{width:100%;justify-content:stretch}
  .card-play,.card-download{flex:1}
}

@media(max-width:350px){
  .site-brand{font-size:1rem}
  .site-logo{height:50px}
  .page-shell{padding-inline:11px}
  .hero{padding-inline:14px}
  .card-actions{flex-direction:column;align-items:stretch}
  .card-play,.card-download{width:100%}
}