/* Front Page Center 1.0.11 — iPhone/Safari media containment and responsive image fitting. */
.arena-page,
.arena-section,
.arena-container,
.arena-hero,
.arena-hero-stage,
.arena-hero-content,
.arena-audience-grid,
.arena-multiplayer-stage,
.arena-scene-grid,
.arena-command-grid{
  min-width:0;
  max-width:100%;
  box-sizing:border-box;
}
.arena-audience-media,
.arena-multiplayer-visual,
.arena-scene-card,
.arena-command-card,
.arena-why-visual{
  min-width:0;
  max-width:100%;
  box-sizing:border-box;
}
.arena-audience-media>img,
.arena-scene-card>img:not(.arena-section-sprite),
.arena-command-card>img:not(.arena-section-sprite),
.arena-why-visual>img,
.arena-multiplayer-visual>img{
  display:block;
  max-width:100%!important;
  box-sizing:border-box;
}
.arena-audience-media>img,
.arena-scene-card>img:not(.arena-section-sprite),
.arena-command-card>img:not(.arena-section-sprite),
.arena-why-visual>img{
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  object-position:center center!important;
}
.arena-multiplayer-visual>img{
  width:min(100%,100%)!important;
  height:auto!important;
  max-height:min(520px,70vh)!important;
  object-fit:contain!important;
  object-position:center!important;
}
@media(max-width:767.98px){
  html,body{max-width:100%;overflow-x:hidden;overflow-x:clip}
  .arena-hero-media{background-size:cover!important;background-position:center center!important}
  .arena-audience-media{width:100%;aspect-ratio:16/10;overflow:hidden;border-radius:inherit}
  .arena-scene-card,.arena-command-card{width:100%;overflow:hidden!important}
  .arena-command-card>img:not(.arena-section-sprite){transform:none!important}
  .arena-multiplayer-visual{width:100%;min-height:0!important;padding:0;overflow:hidden}
  .arena-multiplayer-visual>img{width:100%!important;max-width:100%!important;max-height:none!important;transform:none!important;border-radius:18px}
  .arena-why-visual{width:100%;min-height:clamp(320px,82vw,440px)}
}
/* Mobile Safari is especially sensitive to transformed replaced elements inside
   clipped grid/flex boxes. Keep content media untransformed while preserving
   decorative sprites and hover effects on larger pointer devices. */
@supports(-webkit-touch-callout:none){
  @media(max-width:991.98px){
    .arena-audience-media>img,
    .arena-scene-card>img:not(.arena-section-sprite),
    .arena-command-card>img:not(.arena-section-sprite),
    .arena-multiplayer-visual>img,
    .arena-why-visual>img{
      -webkit-transform:none!important;
      transform:none!important;
    }
  }
}