/* Site wrapper only. The copied Godot export has its own isolated document. */
.play-main { max-width: 1160px; padding-top: 22px; padding-bottom: 32px; }
.play-heading { display: flex; justify-content: space-between; align-items: center; gap: 16px; margin-bottom: 18px; }
.play-heading h1 { font-size: 28px; margin: 0; }
.play-heading p { margin: 2px 0 0; color: var(--muted); font-size: 14px; }
.play-links { display: flex; flex-wrap: wrap; gap: 8px 24px; }
.game-stage { background: #0d1428; border-radius: 16px; overflow: hidden; border: 1px solid var(--line); }
.game-frame { display: block; width: min(100%, 468px); height: 680px; height: clamp(580px, calc(100svh - 200px), 760px); margin: auto; border: 0; background: #0d1428; }
.play-help { margin: 14px 0 0; display: flex; flex-wrap: wrap; justify-content: space-between; gap: 8px 20px; font-size: 13px; color: var(--muted); }
.play-help p { margin: 0; }
.play-return { margin-top: 22px; }
@media (max-width: 760px) {
  .play-main { padding-top: 16px; }
  .play-heading { display: block; margin-bottom: 12px; }
  .play-heading h1 { font-size: 24px; }
  .play-heading .play-links { margin-top: 8px; font-size: 14px; }
  .play-links a { min-height: 44px; display: inline-flex; align-items: center; }
  /* Use the available width directly; Godot performs its own layout. */
  .game-stage { margin-inline: -18px; border-radius: 0; border-inline: 0; }
  .game-frame { width: 100%; height: 680px; height: max(600px, calc(100svh - 240px)); }
  .play-help { line-height: 1.7; }
}