#play-games{position:relative}
#play-games [hidden]{display:none!important}
#play-games .play-launch{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:2rem;align-items:center;margin-bottom:1.5rem}
#play-games .play-launch>img{width:100%;height:auto;border-radius:1.1rem}
#play-games[data-play-state="running"] .play-launch,#play-games[data-play-state="loading"] .play-launch{display:block}
[data-game-poster],#play-games .pg-poster{margin:0;border-radius:1.1rem;overflow:hidden;background:#10162a}
[data-game-poster] img,#play-games .pg-poster img{width:100%;display:block;max-height:620px;object-fit:cover}
[data-game-mount]:empty{display:none}
.play-frame{display:block;width:100%;height:clamp(550px,82svh,800px);border:1px solid rgba(235,228,217,.18);border-radius:1.1rem;background:#0d1326}
[data-game-status]{max-width:74ch;color:var(--muted,#c5c1cd);font-size:.9rem;line-height:1.6;margin:1rem 0}
[data-stop-games]{min-height:44px;padding:.65rem 1.1rem;border:1px solid currentColor;border-radius:999px;color:inherit;background:transparent;font:inherit;cursor:pointer}
.play-preview{display:inline-flex;align-items:center;min-height:44px;margin:.5rem 1rem .5rem 0;padding:.65rem 1rem;border:1px solid #737486;border-radius:999px;color:inherit;background:transparent;font:inherit;font-size:.85rem;cursor:pointer}
[data-stop-games]:focus-visible,[data-launch-games]:focus-visible{outline:3px solid #74f9fd;outline-offset:5px}
[data-play-state="loading"] [data-game-mount]{opacity:.6}
[data-play-state="error"] [data-game-status]{color:#ffe0ac}
@media(max-width:640px){.play-frame{height:740px;max-height:none}[data-launch-games]{min-height:44px}#play-games .play-launch{grid-template-columns:1fr;gap:1rem}}

/* Keep the launch choices distinct when the available width changes. */
#play-games .play-launch>div{display:flex;flex-wrap:wrap;align-items:center;gap:12px}
#play-games .play-launch>div>.play-preview{margin:0}
#play-games .play-launch>div>p{flex-basis:100%;margin:0}