/* Individual v47: todas las vistas usan un lienzo fijo 1280x720 para conservar la composición 16:9. */
#apartado.es-individual #titulo-apartado{display:block;position:absolute;z-index:31;left:28px;top:18px;width:280px;height:auto;margin:0;padding:0;font-size:0;line-height:0;border:0;background:transparent;box-shadow:none}
#apartado.es-individual #titulo-apartado img{display:block;width:280px;height:auto;max-width:none;object-fit:contain;object-position:left top;filter:drop-shadow(0 7px 4px rgba(0,0,0,.85))}
#apartado.es-individual #volver{display:none}
#apartado.es-individual .individual-v47{position:absolute;z-index:10;left:50%;top:50%;width:1280px;height:720px;overflow:hidden;transform:translate(-50%,-50%) scale(var(--escala-individual,1));transform-origin:center center;color:#f7f0e7;font-family:Impact,"Arial Narrow",Arial,sans-serif}
#apartado.es-individual .individual-v47:before{content:"";position:absolute;inset:0;background:rgba(4,1,9,.72);pointer-events:none}
#apartado.es-individual .individual-boton-menu{position:absolute;z-index:30;left:28px;bottom:0;width:300px;height:auto;padding:0;border:0;background:transparent;cursor:pointer}
#apartado.es-individual .individual-online .individual-boton-menu{bottom:0;width:230px}
#apartado.es-individual .individual-boton-menu img{display:block;width:100%;height:auto;filter:drop-shadow(0 8px 5px rgba(0,0,0,.8));transition:filter .12s,transform .12s}
#apartado.es-individual .individual-boton-menu:hover img{filter:drop-shadow(0 10px 6px rgba(0,0,0,.95)) brightness(1.12);transform:scale(1.025)}
#apartado.es-individual .individual-boton-menu:active img{transform:scale(.975)}

/* Selector de modo */
#apartado.es-individual .individual-instruccion{position:absolute;z-index:2;left:0;right:0;top:123px;margin:0;color:#c9b7a6;font:18px/1 Impact,"Arial Narrow",Arial,sans-serif;letter-spacing:3px;text-align:center;text-shadow:3px 3px #09040c}
#apartado.es-individual .individual-opciones{position:absolute;z-index:2;left:215px;right:215px;top:158px;height:475px;display:flex;justify-content:center;gap:70px}
#apartado.es-individual .individual-opcion{position:relative;width:365px;height:442px;padding:18px 14px 14px;border:2px solid rgba(165,138,112,.82);border-radius:16px;background:linear-gradient(180deg,rgba(28,10,30,.92),rgba(8,5,12,.94));box-shadow:0 12px 30px rgba(0,0,0,.72),inset 0 0 0 2px rgba(78,37,84,.54);color:#f7f0e7;cursor:pointer;transition:border-color .14s,transform .14s,box-shadow .14s}
#apartado.es-individual .individual-opcion:hover{border-color:#20d8e7;transform:translateY(-5px);box-shadow:0 18px 34px rgba(0,0,0,.82),0 0 22px rgba(32,216,231,.15),inset 0 0 0 2px rgba(32,216,231,.2)}
#apartado.es-individual .individual-opcion:active{transform:translateY(1px)}
#apartado.es-individual .individual-icono{display:grid;place-items:center;width:100%;height:270px;overflow:hidden}
#apartado.es-individual .individual-icono img{display:block;width:250px;height:250px;object-fit:contain;filter:drop-shadow(0 12px 8px rgba(0,0,0,.85));transition:filter .14s,transform .14s}
#apartado.es-individual .individual-opcion-online .individual-icono img{width:240px;height:240px}
#apartado.es-individual .individual-opcion:hover .individual-icono img{filter:drop-shadow(0 16px 9px rgba(0,0,0,.95)) brightness(1.1);transform:scale(1.035)}
#apartado.es-individual .individual-opcion-letrero{display:block;width:285px;height:86px;margin:-1px auto 0;overflow:hidden}
#apartado.es-individual .individual-opcion-letrero img{display:block;width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 7px 4px rgba(0,0,0,.82));transition:filter .14s,transform .14s}
#apartado.es-individual .individual-opcion:hover .individual-opcion-letrero img{filter:drop-shadow(0 10px 5px rgba(0,0,0,.95)) brightness(1.08);transform:scale(1.025)}
#apartado.es-individual .individual-opcion strong{display:block;color:#f1c45f;font:31px/1 Impact,"Arial Narrow",Arial,sans-serif;letter-spacing:2px;text-shadow:3px 3px #09040c}
#apartado.es-individual .individual-opcion small{display:block;margin-top:0;color:#aa9c91;font:13px Arial,sans-serif;letter-spacing:1.8px}

/* Historia provisional */
#apartado.es-individual .individual-historia:before{background:rgba(4,1,9,.58)}
#apartado.es-individual .historia-arte{position:absolute;z-index:2;left:110px;top:115px;width:550px;height:490px;display:grid;place-items:center}
#apartado.es-individual .historia-arte img{display:block;width:520px;height:465px;object-fit:contain;filter:drop-shadow(0 16px 10px rgba(0,0,0,.9))}
#apartado.es-individual .historia-panel{position:absolute;z-index:2;right:145px;top:175px;width:390px;min-height:305px;padding:32px 30px 24px;border:2px solid rgba(165,138,112,.8);border-radius:12px;background:rgba(10,5,14,.9);box-shadow:0 16px 30px rgba(0,0,0,.72);text-align:left}
#apartado.es-individual .historia-letrero{display:block;width:320px;height:auto;margin:0 auto 12px;filter:drop-shadow(0 8px 5px rgba(0,0,0,.86))}
#apartado.es-individual .historia-panel .historia-etiqueta{margin:12px 0 22px;color:#f1c45f;font:16px/1 Impact,"Arial Narrow",Arial,sans-serif;letter-spacing:1.4px}
#apartado.es-individual .historia-panel>p:not(.historia-etiqueta){margin:0;color:#ddd1c5;font:16px/1.45 Arial,sans-serif}
#apartado.es-individual .historia-continuar{display:block;width:235px;margin:25px auto 0;padding:0;border:0;background:transparent;cursor:pointer}
#apartado.es-individual .historia-continuar img{display:block;width:100%;height:auto;filter:drop-shadow(0 8px 5px rgba(0,0,0,.8));transition:filter .12s,transform .12s}
#apartado.es-individual .historia-continuar:hover img{filter:drop-shadow(0 10px 6px rgba(0,0,0,.95)) brightness(1.12);transform:scale(1.025)}
#apartado.es-individual .historia-continuar:active img{transform:scale(.975)}

/* Habitación inicial del videojuego */
#apartado.es-individual .individual-habitacion{background:#07040b}
#apartado.es-individual .individual-habitacion:before{display:none}
#apartado.es-individual .habitacion-fondo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center center}
#apartado.es-individual .habitacion-velo{position:absolute;inset:0;background:linear-gradient(180deg,rgba(4,1,8,.46),rgba(4,1,8,.12) 38%,rgba(4,1,8,.5));pointer-events:none}
#apartado.es-individual .habitacion-hud{position:absolute;z-index:3;top:24px;padding:10px 16px;border:2px solid rgba(165,138,112,.72);background:rgba(7,4,10,.78);box-shadow:0 7px 15px rgba(0,0,0,.55);color:#f7f0e7}
#apartado.es-individual .habitacion-hud-izquierda{left:28px;display:flex;align-items:center;gap:14px}
#apartado.es-individual .habitacion-hud-izquierda img{display:block;width:185px;height:auto;object-fit:contain}
#apartado.es-individual .habitacion-hud-izquierda span,#apartado.es-individual .habitacion-hud-derecha span{font:16px Impact,"Arial Narrow",Arial,sans-serif;letter-spacing:1px}
#apartado.es-individual .habitacion-hud-derecha{right:28px;display:flex;gap:24px}
#apartado.es-individual .habitacion-hud-derecha strong{color:#20d8e7;font-size:27px;margin-left:6px}
#apartado.es-individual .habitacion-mensaje{position:absolute;z-index:3;left:50%;top:104px;transform:translateX(-50%);padding:12px 25px;border:2px solid rgba(165,138,112,.65);background:rgba(7,4,10,.7);text-align:center;text-shadow:3px 3px #09040c}
#apartado.es-individual .habitacion-mensaje strong{display:block;color:#f1c45f;font:28px/1 Impact,"Arial Narrow",Arial,sans-serif;letter-spacing:1.5px}
#apartado.es-individual .habitacion-mensaje small{display:block;margin-top:6px;color:#e6d7cb;font:12px Arial,sans-serif;letter-spacing:2px}

/* Ranking local */
#apartado.es-individual .individual-online:before{background:rgba(4,1,9,.68)}
#apartado.es-individual .online-cabecera{position:absolute;z-index:3;left:50%;top:0;transform:translateX(-50%);width:330px;height:102px;display:block;padding:0;background:transparent;border:0;box-shadow:none;text-shadow:none}
#apartado.es-individual .ranking-online-letrero{display:block;width:330px;height:auto;filter:drop-shadow(0 8px 5px rgba(0,0,0,.86))}
#apartado.es-individual .online-cabecera small{position:absolute;right:9px;bottom:0;color:#a28c73;font:9px Arial,sans-serif;letter-spacing:1px;text-shadow:2px 2px #09040c}
#apartado.es-individual .ranking-tabla{position:absolute;z-index:2;left:269px;top:64px;width:812px;height:639px}
#apartado.es-individual .ranking-tabla-fondo{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:fill;filter:drop-shadow(0 14px 10px rgba(0,0,0,.84))}
#apartado.es-individual .ranking-fila{position:absolute;left:118px;right:-11px;height:96px;display:grid;grid-template-columns:112px 100px 72px 72px 226px 88px;gap:5px;align-items:center;color:#f7f0e7}
#apartado.es-individual .ranking-fila-1{top:35px}
#apartado.es-individual .ranking-fila-2{top:154px}
#apartado.es-individual .ranking-fila-3{top:273px}
#apartado.es-individual .ranking-fila-4{top:392px}
#apartado.es-individual .ranking-fila-5{top:511px}
#apartado.es-individual .ranking-col{min-width:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;text-shadow:2px 2px #050208}
#apartado.es-individual .ranking-col small{display:block;margin-top:2px;color:#a28c73;font:8px Arial,sans-serif;letter-spacing:.5px;white-space:nowrap}
#apartado.es-individual .ranking-jugador canvas{display:block;width:65px;height:65px;object-fit:contain}
#apartado.es-individual .ranking-jugador strong{max-width:94px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#f1c45f;font:12px Impact,"Arial Narrow",Arial,sans-serif;letter-spacing:.2px}
#apartado.es-individual .ranking-jugador.sin-emblema canvas{display:none}
#apartado.es-individual .ranking-jugador.sin-emblema:before{content:"SIN EMBLEMA";display:grid;place-items:center;width:65px;height:65px;border:1px dashed #76596a;color:#a28c73;font:8px Arial,sans-serif;text-shadow:none}
#apartado.es-individual .ranking-nivel img{display:block;width:47px;height:47px;object-fit:contain}
#apartado.es-individual .ranking-nivel strong{color:#20d8e7;font:11px Impact,"Arial Narrow",Arial,sans-serif;white-space:nowrap}
#apartado.es-individual .ranking-prestigio img,#apartado.es-individual .ranking-liga img{display:block;width:60px;height:60px;object-fit:contain;filter:drop-shadow(0 5px 4px rgba(0,0,0,.75))}
#apartado.es-individual .ranking-tarjeta img{display:block;width:216px;height:72px;object-fit:contain;filter:drop-shadow(0 7px 5px rgba(0,0,0,.82))}
#apartado.es-individual .ranking-tarjeta small{display:none}
#apartado.es-individual .ranking-puntuacion strong{color:#20d8e7;font:31px Impact,"Arial Narrow",Arial,sans-serif}
#apartado.es-individual .ranking-fila-vacia{display:flex;align-items:center;justify-content:center;color:rgba(169,149,140,.6);font:11px Arial,sans-serif;letter-spacing:1.5px;text-shadow:none}
#apartado.es-individual .ranking-pie{position:absolute;z-index:3;left:0;right:0;bottom:3px;margin:0;color:#a28c73;font:11px Arial,sans-serif;letter-spacing:1.1px;text-align:center}

@media(max-width:700px){
  #apartado.es-individual #titulo-apartado{left:22px;top:15px;width:240px}
  #apartado.es-individual #titulo-apartado img{width:240px}
  #apartado.es-individual .individual-boton-menu{left:18px;bottom:0;width:270px}
}


/* V62.35 - selector individual limpio, sin contenedores posteriores */
#apartado.es-individual .individual-opciones{top:138px;}
#apartado.es-individual .individual-opcion{border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;padding:18px 14px 14px;}
#apartado.es-individual .individual-opcion:hover{border:0!important;box-shadow:none!important;}
#apartado.es-individual .individual-opcion small{margin-top:2px;color:#f3e8dc;font:18px/1.1 Impact,"Arial Narrow",Arial,sans-serif;letter-spacing:1.5px;text-shadow:3px 3px 0 #09040c;}


/* V62.59 ajustes finos de ranking online */
#apartado.es-individual .ranking-tabla{left:236px;width:969px}
#apartado.es-individual .ranking-fila{left:118px;right:-11px;grid-template-columns:125px 100px 72px 72px 275px 86px}
#apartado.es-individual .ranking-jugador{flex-direction:row;justify-content:flex-start;gap:10px;text-align:left}
#apartado.es-individual .ranking-jugador strong{max-width:96px;line-height:1.05}
#apartado.es-individual .ranking-nivel{flex-direction:row;gap:6px}
#apartado.es-individual .ranking-nivel strong{font-size:10px}
#apartado.es-individual .ranking-tarjeta img{width:266px;height:74px}
#apartado.es-individual .ranking-puntuacion strong{font-size:29px}
#apartado.es-individual .ranking-puntuacion small{font-size:7px}

/* V62.60 ranking global simulado paginado */
#apartado.es-individual .online-cabecera small{right:-4px;bottom:-2px;font-size:8px;letter-spacing:.7px}
#apartado.es-individual .ranking-paginacion{position:absolute;z-index:8;right:72px;top:18px;display:flex;align-items:center;gap:7px;padding:5px 8px;border:1px solid rgba(168,124,66,.5);background:rgba(8,5,11,.78);box-shadow:0 6px 12px rgba(0,0,0,.45)}
#apartado.es-individual .ranking-paginacion strong{min-width:135px;color:#f0dfc0;font:10px/1 Impact,"Arial Narrow",Arial,sans-serif;letter-spacing:.7px;text-align:center;text-shadow:2px 2px #050208}
#apartado.es-individual .ranking-pagina-btn,#apartado.es-individual .ranking-mi-puesto{border:1px solid #80603b;background:#25131e;color:#f7e9d2;font:13px/1 Impact,"Arial Narrow",Arial,sans-serif;padding:5px 8px;cursor:pointer;box-shadow:0 3px 5px rgba(0,0,0,.4)}
#apartado.es-individual .ranking-mi-puesto{font-size:9px;letter-spacing:.5px;white-space:nowrap}
#apartado.es-individual .ranking-pagina-btn:hover:not(:disabled),#apartado.es-individual .ranking-mi-puesto:hover{filter:brightness(1.18)}
#apartado.es-individual .ranking-pagina-btn:disabled{opacity:.35;cursor:default}
#apartado.es-individual .ranking-posicion{position:absolute;left:-103px;top:6px;z-index:6;width:72px;height:83px;display:grid;place-items:center;background:#08070a;color:#fff;font:43px/1 Impact,"Arial Narrow",Arial,sans-serif;text-shadow:3px 3px #050208}
#apartado.es-individual .ranking-fila.es-local{filter:drop-shadow(0 0 8px rgba(242,196,95,.65))}
#apartado.es-individual .ranking-fila.es-local:after{content:"TÚ";position:absolute;right:4px;top:4px;padding:2px 5px;background:#7a2335;color:#ffe7ad;font:8px/1 Impact,Arial,sans-serif;letter-spacing:.6px}
#apartado.es-individual .ranking-emblema-sim{display:grid;place-items:center;flex:0 0 auto;width:62px;height:62px;border:3px solid #7f6678;border-radius:50%;background:radial-gradient(circle at 35% 30%,#433046 0 24%,#171018 48%,#050407 100%);box-shadow:inset 0 0 0 3px #160c17,0 4px 6px rgba(0,0,0,.6)}
#apartado.es-individual .ranking-emblema-sim span{color:#e3d7dc;font:20px/1 Impact,"Arial Narrow",Arial,sans-serif;text-shadow:2px 2px #000}
#apartado.es-individual .ranking-jugador canvas.ranking-emblema-local{flex:0 0 auto}
#apartado.es-individual .ranking-pie{font-size:9px;letter-spacing:.8px}

/* V62.62: tres accesos a Historia, Ranking y Liga. */
#apartado.es-individual .individual-opciones{left:115px;right:115px;top:165px;gap:24px;height:455px}
#apartado.es-individual .individual-opcion{flex:1 1 0;min-width:0;width:auto;height:420px;padding:16px 8px 10px}
#apartado.es-individual .individual-icono{height:255px}
#apartado.es-individual .individual-icono img{width:235px;height:235px}
#apartado.es-individual .individual-opcion-online .individual-icono img{width:230px;height:230px}
#apartado.es-individual .individual-opcion-letrero{width:100%;height:84px}
#apartado.es-individual .individual-opcion-letrero strong{display:grid;place-items:center;height:100%;color:#f7e8bd;font-size:24px;text-align:center}
#apartado.es-individual .individual-opcion small{font-size:10px;letter-spacing:.7px;text-align:center}
#apartado.es-individual .individual-opcion-liga .individual-icono img{width:250px;height:250px}
#apartado.es-individual .individual-liga-bloqueada .individual-icono img{filter:grayscale(.72) brightness(.55) drop-shadow(0 12px 8px #000)}
#apartado.es-individual .individual-liga-bloqueada .individual-icono:after{content:'🔒';position:absolute;top:180px;right:23px;font:38px/1 Arial;filter:drop-shadow(0 2px 4px #000)}
#apartado.es-individual .individual-liga-vista:before{background:rgba(4,1,9,.65)}
#apartado.es-individual .liga-vista-logo{position:absolute;z-index:2;left:105px;top:120px;width:460px;height:460px;object-fit:contain;filter:drop-shadow(0 12px 10px #000)}
#apartado.es-individual .liga-vista-panel{position:absolute;z-index:2;left:590px;top:170px;width:520px;min-height:315px;box-sizing:border-box;padding:25px 30px;border:2px solid #9e7951;border-radius:12px;background:rgba(9,4,17,.94);box-shadow:0 14px 30px #000}
#apartado.es-individual .liga-vista-panel h2{margin:0;color:#e7c77c;font:35px Impact,Arial,sans-serif;letter-spacing:2px}
#apartado.es-individual .liga-vista-medallas{display:flex;gap:24px;align-items:center;margin:14px 0}
#apartado.es-individual .liga-vista-medallas img{width:85px;height:85px;object-fit:contain}
#apartado.es-individual .liga-vista-panel p{font:17px/1.4 Arial,sans-serif;color:#e9ded4}
#apartado.es-individual .liga-vista-jugar{padding:10px 26px;border:2px solid #d9ae54;border-radius:5px;background:#381729;color:#fff1ca;font:22px Impact,Arial,sans-serif;cursor:pointer}
#apartado.es-individual .liga-vista-jugar:hover{filter:brightness(1.25)}
#apartado.es-individual .liga-vista-panel small{display:block;margin-top:12px;color:#e7c77c}

/* V62.63: letreros gráficos independientes para los dos estados de Liga. */
#apartado.es-individual .individual-opcion-liga .individual-opcion-letrero img{width:100%;height:100%;object-fit:contain}
#apartado.es-individual .individual-opcion-liga .individual-icono img{width:235px;height:235px;clip-path:none;transform:translateY(-6px)}
#apartado.es-individual .individual-opcion-liga:hover .individual-icono img{transform:translateY(-6px) scale(1.035)}
#apartado.es-individual .individual-liga-vista .liga-vista-logo{left:125px;top:95px;width:420px;height:420px;clip-path:none}
#apartado.es-individual .liga-vista-letrero{display:block;width:360px;height:83px;margin:0 auto 5px;object-fit:contain;filter:drop-shadow(0 7px 6px #000)}
#apartado.es-individual .liga-vista-panel h2{text-align:center;font-size:29px}
#apartado.es-individual .ranking-pie.ranking-pie-aviso{color:#f2c45f}
/* v62.77: con la tabla a 969x639, el cuadro del puesto tapa el número dibujado en ranking_001 (x 72-107 de la tabla). */
#apartado.es-individual .ranking-posicion{left:-64px;top:2px;height:87px}
/* v62.92: paneles de Historia y Liga sobre la madera caja_fondo_no_texto_002 (border-image: las esquinas
   con herrajes no se deforman aunque el panel sea casi cuadrado). */
#apartado.es-individual .historia-panel,#apartado.es-individual .liga-vista-panel{border:46px solid transparent;border-radius:0;border-image:url('sprites/hud/editor/fondos/caja_fondo_no_texto_002.webp') 190 fill / 46px stretch;background:none;box-shadow:none;filter:drop-shadow(0 16px 26px rgba(0,0,0,.75))}
#apartado.es-individual .historia-panel{padding:4px 6px 0}
#apartado.es-individual .liga-vista-panel{padding:0 8px}
/* v62.92: el rango "PUESTOS 1-5 DE N" va dentro de la caja tu_ranking_001. */
#apartado.es-individual .ranking-paginacion{border:0;background:transparent;box-shadow:none;padding:0}
#apartado.es-individual .ranking-paginacion strong{display:grid;place-items:center;width:190px;height:36px;min-width:0;box-sizing:border-box;padding:0 14px;background:url('sprites/hud/tu_ranking_001.webp') center/100% 100% no-repeat;font-size:11px}
/* v62.94: botones gráficos del ranking (flechas y MI PUESTO) y JUGAR LIGA. */
#apartado.es-individual .ranking-pagina-btn,#apartado.es-individual .ranking-mi-puesto{padding:0;border:0;background:transparent;line-height:0}
#apartado.es-individual .ranking-pagina-btn{width:62px}
#apartado.es-individual .ranking-mi-puesto{width:118px}
#apartado.es-individual .ranking-pagina-btn img,#apartado.es-individual .ranking-mi-puesto img,#apartado.es-individual .liga-vista-jugar img{display:block;width:100%;height:auto;filter:drop-shadow(0 5px 3px rgba(0,0,0,.75))}
#apartado.es-individual .liga-vista-jugar{width:230px;padding:0;border:0;border-radius:0;background:transparent}
#apartado.es-individual .liga-vista-jugar:hover,#apartado.es-individual .liga-vista-jugar:focus{filter:brightness(1.18) drop-shadow(0 0 8px rgba(180,255,60,.6))}
#apartado.es-individual .ranking-pagina-btn{width:46px}
#apartado.es-individual .ranking-mi-puesto{width:104px}
#apartado.es-individual .ranking-paginacion strong{width:168px}

/* v63.37: el nombre del ranking ocupa hasta 2 renglones en lugar de cortarse ("JUGADO..."), y SIN EMBLEMA cabe completo. */
#apartado.es-individual .ranking-jugador strong{max-width:52px;white-space:normal;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;word-break:break-word;line-height:1.05}
#apartado.es-individual .ranking-jugador.sin-emblema:before{content:"SIN\A EMBLEMA";white-space:pre;flex:0 0 65px;text-align:center;line-height:1.3}

/* v63.59: el letrero INDIVIDUAL se escala igual que la vista (min(ancho/1280, alto/720)); en celular ya no tapa
   al puesto 1 del ranking online. En pantallas grandes queda igual (280 px). */
#apartado.es-individual #titulo-apartado{left:min(28px,2.19vw,3.89vh);top:min(18px,1.41vw,2.5vh);width:min(280px,21.875vw,38.89vh)}
#apartado.es-individual #titulo-apartado img{width:100%}