*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden;background:#000}body{font-family:Impact,"Arial Narrow",Arial,sans-serif}.pantalla{position:absolute;inset:0;width:100%;height:100%;overflow:hidden}.oculta{display:none!important}.portada-fondo,.menu-fondo,.apartado-fondo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.portada-fondo{object-position:center}.portada-logo{position:absolute;z-index:2;left:3.5%;top:7%;width:min(47vw,650px);max-height:43vh;object-fit:contain;filter:drop-shadow(0 10px 5px rgba(0,0,0,.8))}.portada-personajes{position:absolute;z-index:1;right:-5%;bottom:-11%;width:min(68vw,980px);max-height:96%;object-fit:contain;object-position:right bottom;filter:drop-shadow(0 14px 7px rgba(0,0,0,.7))}.btn-grafico{position:absolute;z-index:3;border:0;background:transparent;padding:0;cursor:pointer}.btn-grafico img{display:block;width:100%;height:auto;filter:drop-shadow(0 8px 5px rgba(0,0,0,.75));transition:filter .12s,transform .12s}.btn-grafico:hover img{filter:drop-shadow(0 10px 6px rgba(0,0,0,.9) brightness(1.12));transform:scale(1.03)}.btn-grafico:active img{transform:scale(.97)}#jugar{left:8%;top:56%;width:min(27vw,390px)}.zonas-menu{position:absolute;inset:0}.zona{position:absolute;border:0;background:transparent;cursor:pointer}.zona:hover{background:rgba(255,255,255,.035)}.individual{left:7%;top:16%;width:34%;height:31%}.perfil{left:7%;top:51%;width:34%;height:23%}.tienda{left:6%;bottom:3%;width:34%;height:21%}.controles{right:4%;top:3%;width:34%;height:31%}.configuracion{right:3%;top:36%;width:35%;height:30%}.creditos{right:4%;bottom:3%;width:35%;height:23%}.apartado{display:flex;align-items:center;justify-content:center}.apartado-velo{position:absolute;inset:0;background:rgba(5,2,9,.72)}.apartado-contenido{position:relative;z-index:2;width:min(86vw,950px);height:min(78vh,620px);padding:35px;text-align:center;color:#fff;border:4px solid #d5a340;background:rgba(12,8,15,.92);box-shadow:0 0 0 8px rgba(58,16,30,.8),0 20px 70px #000}.apartado-contenido h1{margin:0;color:#f1c45f;font-size:clamp(38px,6vw,78px);text-shadow:4px 4px #250b13}.en-construccion{margin-top:18vh;color:#ec3e55;font-size:clamp(28px,4vw,52px);text-shadow:3px 3px #16040a}.volver{position:absolute;bottom:28px;left:50%;width:min(260px,32vw);transform:translateX(-50%)}.volver:hover{transform:translateX(-50%) scale(1.03)}@media(max-width:700px){.portada-logo{left:2%;top:9%;width:55vw;max-height:31vh}.portada-personajes{right:-22%;bottom:-1%;width:83vw;max-height:76%}#jugar{left:4%;top:48%;width:43vw}.individual{left:3%;top:16%;width:43%;height:31%}.perfil{left:3%;top:51%;width:42%;height:23%}.tienda{left:3%;bottom:3%;width:42%;height:21%}.controles{right:2%;top:3%;width:44%;height:31%}.configuracion{right:1%;top:36%;width:45%;height:30%}.creditos{right:2%;bottom:3%;width:44%;height:23%}.apartado-contenido{width:88vw;height:76vh;padding:24px 14px}.volver{width:48vw;bottom:22px}}
button.nav-activa{outline:3px solid rgba(212,255,64,.95)!important;outline-offset:5px;filter:brightness(1.18) drop-shadow(0 0 10px rgba(180,255,60,.65))!important}
input.nav-activa,select.nav-activa{outline:3px solid rgba(212,255,64,.95)!important;outline-offset:4px;filter:brightness(1.12) drop-shadow(0 0 8px rgba(180,255,60,.5))!important}

/* v63.21: aviso de logro desbloqueado */
.ndm-aviso-logro{position:fixed;z-index:99999;top:18px;left:50%;display:flex;align-items:center;gap:14px;max-width:min(92vw,460px);padding:10px 18px 10px 10px;border:3px solid #d5a340;background:rgba(12,8,15,.94);box-shadow:0 0 0 5px rgba(58,16,30,.85),0 14px 40px #000;color:#f6ebdb;pointer-events:none;opacity:0;transform:translate(-50%,-140%);transition:opacity .3s ease,transform .3s ease}
.ndm-aviso-logro.visible{opacity:1;transform:translate(-50%,0)}
.ndm-aviso-logro img{flex:none;height:76px;width:auto;max-width:130px;object-fit:contain;filter:drop-shadow(0 4px 4px rgba(0,0,0,.8))}
.ndm-aviso-logro div{display:flex;flex-direction:column;gap:3px;min-width:0}
.ndm-aviso-logro small{color:#f1c45f;font-size:14px;letter-spacing:1px;text-shadow:2px 2px #250b13}
.ndm-aviso-logro strong{font-size:22px;line-height:1.05;font-weight:normal;letter-spacing:1px;text-shadow:2px 2px #09040c}
.ndm-aviso-logro span{color:#c9b9a3;font-size:12px;letter-spacing:1px}
@media(max-width:700px){.ndm-aviso-logro{top:10px;gap:10px}.ndm-aviso-logro img{height:56px}.ndm-aviso-logro strong{font-size:17px}}

/* v63.34: fundido corto al cambiar de pantalla (antes era corte seco). */
.pantalla:not(.oculta){animation:ndm-pantalla-entra .22s ease-out}
@keyframes ndm-pantalla-entra{from{opacity:0}to{opacity:1}}

/* v63.34: en teléfono vertical, durante la partida, se pide girar el teléfono (la partida se pausa sola). */
#gira-telefono{display:none;position:fixed;z-index:100000;inset:0;flex-direction:column;align-items:center;justify-content:center;gap:14px;padding:24px;background:rgba(6,2,10,.96);color:#f1e8db;text-align:center}
#gira-telefono strong{color:#baff00;font-size:30px;letter-spacing:2px;font-weight:normal;text-shadow:3px 3px #09040c}
#gira-telefono span{color:#c9b9a3;font:15px/1.3 Arial,sans-serif}
.gira-telefono-icono{width:62px;height:104px;border:6px solid #f1e8db;border-radius:12px;box-shadow:0 0 18px rgba(186,255,0,.35);animation:ndm-gira-telefono 2.2s ease-in-out infinite}
@keyframes ndm-gira-telefono{0%,25%{transform:rotate(0)}55%,85%{transform:rotate(-90deg)}100%{transform:rotate(0)}}
@media (orientation:portrait) and (pointer:coarse){
  body:has(#apartado.es-individual-juego:not(.oculta)) #gira-telefono{display:flex}
}

@media (prefers-reduced-motion:reduce){
  .pantalla:not(.oculta),.gira-telefono-icono{animation:none}
}

/* v63.57: mantener presionado un botón o imagen ya no abre el menú del navegador (búsqueda de Google / Lens en
   Android, Copiar/Compartir en iPhone) ni selecciona texto; tampoco hace zoom con doble toque. */
img{-webkit-touch-callout:none;-webkit-user-drag:none;user-select:none;-webkit-user-select:none}
button,.zona,.btn-grafico,[data-touch-control],[data-touch-accion]{-webkit-touch-callout:none;user-select:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent;touch-action:manipulation}
button img,.zona img{pointer-events:none}
html,body{-webkit-text-size-adjust:100%;touch-action:manipulation}