/* Cap wide game viewports at 4:5; narrower portrait viewports use all available height. */
.game-page .online-primary[aria-label="Play Pixel Shapes"] .embedded-player {
  container-type: size;
  display: grid;
  place-items: center;
  overflow: hidden;
  background: #e6d5b3;
}
.game-page .online-primary[aria-label="Play Pixel Shapes"] .embedded-player > iframe {
  width: min(100cqw, 80cqh);
  height: 100cqh;
}

.game-page .online-primary[aria-label="Play Pixel Shapes"] .pixelshapes-portrait-guard {
  background: #e6d5b3;
}

/* Shadow only when the width cap leaves side gutters. */
@container (aspect-ratio > 4 / 5) {
  .game-page .online-primary[aria-label="Play Pixel Shapes"] .embedded-player > iframe {
    box-shadow: -12px 0 24px -14px #49301e66, 12px 0 24px -14px #49301e66;
  }
}