/*
 * play.css — the "Main" page: a full-bleed iframe embedding the actual
 * gameplay app (PHASER/), plus a small always-on-top exit control living
 * OUTSIDE the iframe so it's clickable no matter what's happening inside
 * the game itself. The game also returns here on its own "back to lobby"
 * actions (see PHASER/src/scenes/{LoginScene,MapSelectScene,GameScene}.js)
 * — this ✕ is just the belt-and-suspenders override for whenever a player
 * wants out before either of those fire.
 */
.play-wrap {
    position: fixed; inset: 0;
    background: #040218;
}
.play-frame {
    width: 100%; height: 100%;
    border: none; display: block;
}
.play-close {
    position: fixed; top: 18px; right: 18px; z-index: 2;
    width: 42px; height: 42px; border-radius: 50%;
    display: flex; align-items: center; justify-content: center;
    background: rgba(20,12,5,.55); border: 1.5px solid rgba(255,216,138,.35);
    color: #ffd88a; font-size: 16px; cursor: pointer;
    transition: background .15s, transform .15s;
}
.play-close:hover { background: rgba(20,12,5,.85); transform: scale(1.08); }