/* Handy-Fixes (26.10.2026) – greift nur unter 900 px Breite, Desktop bleibt unverändert */
@media (max-width:900px){
  /* Leiste oben: dunkler, damit Inhalte beim Scrollen nicht durchscheinen */
  nav.top{background:rgba(14,14,19,.88)}
  .logo img{transform:scale(1.2)}

  /* Auge über der Überschrift statt mitten drauf */
  .hero{align-items:flex-start}
  .hero > .wrap{padding-top:300px;padding-bottom:130px}
  .orb{right:auto;left:50%;top:96px;margin-left:-100px;transform:scale(.6)}
  .orb .glow{inset:-50px}

  /* weniger Leerraum zwischen den Abschnitten */
  section{padding:64px 0}
  .game,.grid{margin-top:40px}
  .cta{padding:90px 0}

  /* Panther-Karte: Bild nicht über den Rand, Text lesbar */
  .card.panther{
    background:linear-gradient(90deg,#0e0e13 0%,#0e0e13 38%,rgba(14,14,19,.55) 75%,rgba(14,14,19,.35)),
               url(assets/panther-splash.webp) 70% top/auto 100% no-repeat,#0e0e13;
    background-clip:padding-box;
  }
  .card.panther h4,.card.panther p{text-shadow:0 1px 10px #0e0e13,0 0 2px #0e0e13}
}
@media (max-width:420px){
  .logo img{width:30px;height:30px}
}