/* Capa de juego: el escenario Phaser (480 x 294: barra de jornada + tres columnas), enmarcado como el escaparate de la tienda. */
@font-face {
    font-family: "Press Start 2P";
    src: url("../fonts/PressStart2P-Regular.ttf") format("truetype");
    font-display: block;
}

.escenario {
    /* Cabe siempre en la ventana: el ancho sale del alto disponible (--extra es lo que ocupa la decoración) */
    width: min(100%, calc((100vh - var(--extra)) * 480 / 294), 2000px);
    min-width: 320px;
    aspect-ratio: 480 / 294;
    margin: 0;
    background: #181425;
    /* marco de madera tipo escaparate */
    border: 8px solid var(--madera-osc);
    outline: 4px solid var(--contorno);
    box-shadow: 0 0 0 4px var(--contorno), 0 10px 0 4px var(--madera-osc), 0 14px 0 4px var(--contorno);
}
#game { width: 100%; height: 100%; }
#game canvas {
    display: block;
    image-rendering: pixelated;
    image-rendering: crisp-edges;
}