/* Página de juego suelto (play.html) para operadores B2B. Usa platform.css y game-polish.css como el salón; acá solo
   lo propio: la marca DEMO junto al saldo, el "Salir" y la pantalla de error (link vencido, juego no disponible). */

/* Sin lobby ni barra de navegación: el encabezado ocupa lo justo y el juego todo lo demás. */
.play-page .shell-header { gap: 10px; }
/* "Salir" es un link (va a la página del operador con target=_top) pero se ve como el botón "‹ Lobby" del salón:
   sin subrayado y con el texto centrado en la caja (en el celular la caja mide 42 px y el texto quedaba arriba). */
.play-page #play-exit { display: inline-flex; align-items: center; white-space: nowrap; text-decoration: none; }
.play-page #play-exit.is-disabled { opacity: .45; pointer-events: none; }   /* con una ronda en curso no se sale */

/* Fichas de prueba: que se note que no es plata real. */
.play-mode { margin-left: 6px; padding: 2px 7px; border-radius: 999px; font: 800 9px/1.4 Inter, sans-serif; font-style: normal; letter-spacing: .12em;
  color: #111; background: linear-gradient(180deg, #f7e39a, #d4af37); }
/* En el celular platform.css esconde lo que acompaña al saldo (.wallet i); la marca DEMO se muestra igual. */
.play-page .wallet i.play-mode:not([hidden]) { display: inline-block; }

/* Error de apertura (link vencido o ya usado, operador sin acceso, juego en mantenimiento): mensaje centrado. */
.play-error { max-width: 420px; margin: 12vh auto 0; padding: 0 20px; text-align: center; line-height: 1.55; color: #d6d6d6; }
.play-error b { display: block; margin-bottom: 8px; font-family: Cinzel, serif; font-size: 18px; letter-spacing: .08em; color: #f5df8a; }