/* v1.10.1 — Landing interaction and decorative-layer stacking fix
   Keeps all art layers visually behind the create/join forms and prevents
   non-interactive overlays from intercepting mouse or touch input. */
body:not(.game-active) .landing{
  position:relative!important;
  z-index:0!important;
  isolation:isolate;
}
body:not(.game-active) .landing::before{
  z-index:0!important;
  pointer-events:none!important;
  user-select:none!important;
  -webkit-user-select:none!important;
}
body:not(.game-active) .landing > *{
  position:relative!important;
  z-index:2!important;
}
body:not(.game-active) .entry-grid,
body:not(.game-active) .entry-card,
body:not(.game-active) .entry-card label,
body:not(.game-active) .entry-card input,
body:not(.game-active) .entry-card select,
body:not(.game-active) .entry-card button{
  pointer-events:auto!important;
}
body:not(.game-active) .entry-card{
  isolation:isolate;
}
body:not(.game-active) .entry-card input,
body:not(.game-active) .entry-card select,
body:not(.game-active) .entry-card button{
  position:relative;
  z-index:3;
  touch-action:manipulation;
}
/* Decorative layers across the landing page must never become hit targets. */
body:not(.game-active)::before,
body:not(.game-active)::after,
body:not(.game-active) .grain,
body:not(.game-active) .hero::after{
  pointer-events:none!important;
}