@media (max-width:1100px){
  .container{padding:0 24px}.section{padding:80px 0}
  .hero-grid{grid-template-columns:1fr}.cards-grid{grid-template-columns:1fr 1fr}
  .game-frame-wrap iframe{height:560px}
}
@media (max-width:820px){
  .desktop-nav,.nav-cta{display:none}
  .menu-toggle{display:flex;flex-direction:column;gap:4px;background:none;border:none}
  .menu-toggle span{display:block;width:24px;height:2px;background:var(--text)}
  .mobile-menu{display:flex;position:fixed;top:0;right:-320px;width:300px;height:100vh;background:#0a2119;border-left:1px solid rgba(110,231,183,.2);padding:24px;flex-direction:column;gap:14px;z-index:120;transition:.35s}
  .mobile-menu.open{right:0}
  .menu-close{align-self:flex-end;background:none;color:var(--text);border:none;font-size:2rem}
  .menu-overlay{position:fixed;inset:0;background:rgba(0,0,0,.4);z-index:110}
  .menu-overlay.show{display:block}
  .cards-grid{grid-template-columns:1fr}
}
@media (max-width:640px){
  .container{padding:0 16px}.section{padding:60px 0}
  .game-frame-wrap{padding:10px}.game-frame-wrap iframe{height:420px}
}