@media (max-width:1100px){
  .container{padding:0 24px}
  .section{padding:80px 0}
  .game-frame-wrap iframe{min-height:620px}
  .card-grid{grid-template-columns:1fr 1fr}
}
@media (max-width:860px){
  .nav-center,.nav-wrap .btn{display:none}
  .menu-toggle{
    display:inline-flex;background:transparent;border:1px solid rgba(255,255,255,.2);
    color:#fff;width:42px;height:42px;border-radius:12px;align-items:center;justify-content:center;
  }
  .mobile-menu{
    display:flex;flex-direction:column;gap:18px;padding:22px 24px 28px;
    background:rgba(10,10,10,.86);backdrop-filter:blur(16px);border-top:1px solid rgba(255,255,255,.08);
    max-height:0;overflow:hidden;opacity:0;pointer-events:none;transition:all .35s ease;
  }
  .mobile-menu.open{max-height:420px;opacity:1;pointer-events:auto}
  .mobile-menu a{color:var(--text-secondary)}
  .mobile-menu a.active,.mobile-menu a:hover{color:var(--text-primary)}
  .mobile-cta{margin-top:8px}
  .form-grid{grid-template-columns:1fr}
  .footer-grid{grid-template-columns:1fr 1fr}
}
@media (max-width:640px){
  .container{padding:0 16px}
  .section{padding:60px 0}
  .hero{padding-top:120px}
  .sub-hero{padding-top:110px}
  .hero-sub{font-size:1rem}
  .card-grid{grid-template-columns:1fr}
  .game-frame-wrap{padding:10px}
  .game-frame-wrap iframe{min-height:480px}
  .legal-content{padding:26px}
  .footer-grid{grid-template-columns:1fr}
}