@media (max-width:1024px){
  .container{padding:0 24px}
  .hero-grid{gap:40px}
  .crown-card{width:320px;height:320px}
  .footer-grid{grid-template-columns:1fr 1fr;gap:32px}
}

@media (max-width:860px){
  .main-nav{
    position:fixed;top:76px;right:-100%;
    width:min(80%,320px);height:calc(100vh - 76px);
    background:rgba(7,26,18,.98);
    backdrop-filter:blur(20px);
    flex-direction:column;
    padding:32px;gap:20px;
    border-left:1px solid var(--border);
    transition:right .35s ease;
  }
  .main-nav.open{right:0}
  .main-nav a{font-size:1.1rem;padding:8px 0}
  .nav-toggle{display:flex}
  .header-cta{display:none}

  .hero{padding:60px 0 80px}
  .hero-grid{grid-template-columns:1fr;gap:40px;text-align:center}
  .hero-copy{order:2}
  .hero-visual{order:1;min-height:300px}
  .crown-card{width:260px;height:260px}
  .hero-ctas{justify-content:center}
  .disclaimer{margin-left:auto;margin-right:auto}

  .game-section,.features,.cta-band,.content-section{padding:60px 0}
  .section-head{margin-bottom:40px}

  .two-col{grid-template-columns:1fr;gap:32px}
  .side-card{position:static}

  .cta-inner{padding:32px;text-align:center;justify-content:center}

  .footer-grid{grid-template-columns:1fr;gap:28px}
  .footer-bottom-inner{justify-content:center;text-align:center}
}

@media (max-width:560px){
  .container{padding:0 16px}
  h1{font-size:2rem}
  h2{font-size:1.6rem}
  .hero{padding:40px 0 60px}
  .btn{padding:12px 22px;font-size:.9rem}
  .btn-lg{padding:14px 28px}
  .feature-card{padding:24px}
  .contact-form.glass{padding:24px}
  .cta-inner{padding:28px}
  .game-frame{border-radius:16px;aspect-ratio:4/3}
}