/* El menú usa la misma composición fija de la portada. */
.menu-escena{position:absolute;left:50%;top:50%;width:min(100vw,143.69vh);height:min(100vh,69.55vw);aspect-ratio:1503/1046;transform:translate(-50%,-50%);overflow:hidden;background:#09030a}
.menu-escena .menu-fondo{position:absolute;inset:0;width:100%;height:100%;object-fit:fill}
.menu-escena .zonas-menu{position:absolute;inset:0}
.menu-escena .zona{position:absolute;display:flex;align-items:center;justify-content:center;padding:0;border:0;background:transparent;cursor:pointer;overflow:hidden}
.menu-escena .zona img{display:block;width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 7px 4px rgba(0,0,0,.72));transition:transform .12s,filter .12s}
.menu-escena .zona:hover img{transform:scale(1.035);filter:drop-shadow(0 10px 5px rgba(0,0,0,.9) brightness(1.1))}
.menu-escena .individual{left:5%;top:11%;width:34%;height:29%}
.menu-escena .perfil{left:5%;top:47%;width:33%;height:25%}
.menu-escena .tienda{left:4%;bottom:2%;width:34%;height:22%}
.menu-escena .controles{right:3%;top:2%;width:35%;height:30%}
.menu-escena .configuracion{right:2%;top:36%;width:36%;height:29%}
.menu-escena .creditos{right:3%;bottom:2%;width:35%;height:23%}
@media(max-width:700px){.menu-escena .individual{left:4%;top:11%;width:39%;height:29%}.menu-escena .perfil{left:4%;top:47%;width:38%;height:25%}.menu-escena .tienda{left:3%;bottom:2%;width:39%;height:22%}.menu-escena .controles{right:2%;top:2%;width:40%;height:30%}.menu-escena .configuracion{right:1%;top:36%;width:41%;height:29%}.menu-escena .creditos{right:2%;bottom:2%;width:40%;height:23%}}