@font-face{font-family:Lora;font-style:normal;font-weight:400 700;font-display:swap;src:url(../assets/fonts/lora-variable-latin.woff2) format("woff2")}@font-face{font-family:Quicksand;font-style:normal;font-weight:400 700;font-display:swap;src:url(../assets/fonts/quicksand-variable-latin.woff2) format("woff2")}:root{--font-display: lora, serif;--font-body: quicksand, sans-serif;--color-fondo: #f5ead6;--color-superficie: #efe0c8;--color-oscuro: #d4c4a8;--color-accent: #c8864a;--color-accent-hover: #a06830;--color-texto: #3a2a1a;--color-texto-secundario: #6b5a4a;--color-texto-tenue: #8a7a6a;--color-texto-apagado: #9a8a7a;--color-texto-muy-apagado: #aa9a8a;--color-borde: #c8b89a;--color-borde-claro: #d8c8aa;--color-dorado: #c8a050;--radio-tarjeta: 15px;--radio-boton: 8px}body.modo-juego #biblioteca{display:none}body.modo-juego{--color-fondo: #1a1a2e;--color-superficie: #16213e;--color-oscuro: #0d0d1a;--color-accent: #e94560;--color-accent-hover: #c73652;--color-texto: #e0e0e0;--color-texto-secundario: #a0a0b0;--color-texto-tenue: #888;--color-texto-apagado: #666;--color-texto-muy-apagado: #555;--color-borde: #333;--color-borde-claro: #444;--color-dorado: #ffd700}html{overflow:hidden;overscroll-behavior:none}body{margin:0;padding:0;background-color:var(--color-fondo);color:var(--color-texto);font-family:var(--font-body);overflow:hidden;height:100dvh}#juego{max-width:800px;margin:0 auto;padding:12px 20px;text-align:center;height:100dvh;display:flex;flex-direction:column;box-sizing:border-box}body:not(.modo-juego) #juego{max-width:none;padding:0}#juego.juego-inmersivo{max-width:none;padding:10px}#juego.juego-inmersivo .barra-superior{max-width:var(--ancho-3d);margin-inline:auto}h1{font-family:var(--font-display);font-size:2.5rem;color:#fff;letter-spacing:.04em}.oculto{display:none!important}@media(width<=768px){#juego{padding:30px 16px}h1{font-size:2rem}}@media(width<=480px){#juego{padding:8px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}#modal-salir{position:fixed;inset:0;z-index:100;display:flex;align-items:center;justify-content:center}#modal-salir .modal-contenido{--modal-accent: #f0a500;--modal-fondo: #3e2e0a}.modal-salir-linea{position:absolute;top:0;left:0;right:0;height:4px;border-radius:15px 15px 0 0;background:var(--modal-accent);box-shadow:0 0 12px var(--modal-accent)}.modal-salir-icono{font-size:3rem;line-height:1;margin:4px 0 8px;animation:flotar-icono 2.5s ease-in-out infinite}.modal-salir-btn-confirmar{padding:10px 30px;font-size:1rem;border:2px solid var(--modal-accent);border-radius:var(--radio-boton);cursor:pointer;background-color:transparent;color:var(--modal-accent);transition:background-color .3s,color .3s}.modal-salir-btn-confirmar:hover{background-color:var(--modal-accent);color:#1a1a2e}.modal-salir-btn-cancelar{padding:10px 30px;font-size:1rem;border:none;border-radius:var(--radio-boton);cursor:pointer;background-color:var(--modal-accent);color:#1a1a2e;font-weight:700;transition:filter .2s}.modal-salir-btn-cancelar:hover{filter:brightness(.85)}@keyframes flotar-icono{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.modal-derrota{position:absolute;inset:0;z-index:50;display:flex;align-items:center;justify-content:center}.modal-derrota-fondo{position:absolute;inset:0;background-color:#0a0000d9;animation:derrota-fondo-aparecer .5s ease}@keyframes derrota-fondo-aparecer{0%{opacity:0}to{opacity:1}}.modal-derrota-caja{position:relative;background:linear-gradient(180deg,#1a0a0a,#0d0d1a);border:2px solid #8b0000;border-radius:12px;padding:24px 32px;text-align:center;box-shadow:0 0 30px #8b000066,inset 0 0 20px #0000007f;animation:derrota-caja-aparecer .4s ease;max-width:min(280px,85vw)}@keyframes derrota-caja-aparecer{0%{transform:scale(.8);opacity:0}to{transform:scale(1);opacity:1}}.modal-derrota-caja h2{font-family:var(--font-display);color:#c33;font-size:1.2rem;margin:0 0 6px;text-shadow:0 0 12px rgb(200 50 50 / 50%)}.modal-derrota-caja p{color:#999;font-size:.85rem;margin:0 0 18px}.modal-derrota-icono{font-size:2.5rem;margin-bottom:8px;animation:derrota-pulso 2s ease-in-out infinite}@keyframes derrota-pulso{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.modal-derrota-btn{padding:10px 28px;font-size:.9rem;font-weight:700;color:#fff;background:linear-gradient(180deg,#8b0000,#5a0000);border:2px solid #a22;border-radius:8px;cursor:pointer;text-shadow:0 1px 2px rgb(0 0 0 / 50%);box-shadow:0 2px 8px #8b00004d;transition:transform .15s,box-shadow .15s,background .2s}.modal-derrota-btn:hover{transform:translateY(-1px);box-shadow:0 4px 15px #8b00007f;background:linear-gradient(180deg,#a11,#6a0000)}.modal-derrota-btn:active{transform:translateY(1px);box-shadow:0 1px 4px #8b00004d}@media(width<=768px){.modal-contenido{padding:24px 28px}.modal-derrota-caja{padding:20px 24px}}@media(width<=480px){.modal-contenido{padding:20px}.modal-contenido h2{font-size:1.1rem}.modal-derrota-caja{padding:18px 16px}.modal-derrota-caja h2{font-size:1.05rem}}@media(pointer:coarse){.modal-derrota-btn{min-height:44px;min-width:44px}}.barra-superior{display:flex;align-items:center;gap:15px;background-color:#0f0f1ef2;border:2px solid var(--color-borde);border-radius:10px;padding:8px 15px;margin-bottom:15px}.barra-jugador{display:flex;align-items:center;gap:8px;flex-shrink:0}.barra-jugador img{width:32px;height:32px;border-radius:50%;object-fit:cover;border:2px solid #888}.barra-jugador span{font-size:.9rem;font-weight:700;color:var(--color-texto)}.barra-vida-jugador{display:flex;align-items:center;gap:8px;flex:1;min-width:100px}.barra-vida-corazon{font-size:.9rem;animation:latido 1.2s ease-in-out infinite}@keyframes latido{0%,to{transform:scale(1)}15%{transform:scale(1.25)}30%{transform:scale(1)}}.barra-vida-jugador .barra-vida-fondo{flex:1;height:14px;border-radius:7px;position:relative}.barra-vida-jugador .barra-vida-relleno{border-radius:7px;transition:transform .4s ease,background .4s ease;position:relative;overflow:hidden}.barra-vida-jugador .barra-vida-relleno:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 0%,rgb(255 255 255 / 25%) 50%,transparent 100%);animation:shimmer-vida 2.5s ease-in-out infinite}@keyframes shimmer-vida{0%{transform:translate(-100%)}to{transform:translate(100%)}}.barra-vida-texto{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:.65rem;font-weight:700;color:#fff;text-shadow:0 1px 2px rgb(0 0 0 / 60%);z-index:1}.barra-vida-peligro .barra-vida-corazon{animation:latido-rapido .5s ease-in-out infinite}@keyframes latido-rapido{0%,to{transform:scale(1)}50%{transform:scale(1.35)}}.barra-inventario{display:flex;align-items:center;gap:5px;flex-shrink:0}.inventario-slot{width:28px;height:28px;border:2px solid rgb(255 255 255 / 8%);border-radius:6px;background-color:#ffffff08;display:flex;align-items:center;justify-content:center;transition:border-color .3s,background-color .3s,box-shadow .3s}.inventario-slot-lleno{border-color:var(--slot-color);background-color:#ffffff0f;box-shadow:0 0 8px var(--slot-color),inset 0 0 6px #0000004d;animation:slot-aparecer .4s ease}.inventario-item-img{width:100%;height:100%;object-fit:contain;border-radius:4px}@keyframes slot-aparecer{0%{transform:scale(.5);opacity:0}50%{transform:scale(1.2)}to{transform:scale(1);opacity:1}}.barra-lina .barra-jugador img{border-color:#9b59b6}.barra-rose .barra-jugador img{border-color:#2ecc71}.barra-pandajuro .barra-jugador img{border-color:#c0392b}.barra-hana .barra-jugador img{border-color:#e91e90}.barra-kira .barra-jugador img{border-color:#2ec4b6}.barra-donbu .barra-jugador img{border-color:#d4a052}@media(width<=768px){.barra-superior{gap:10px;padding:6px 10px}.barra-jugador img{width:28px;height:28px}.barra-jugador span{font-size:.8rem}.barra-vida-jugador{min-width:80px}.inventario-slot{width:24px;height:24px}}@media(width<=480px){.barra-superior{gap:6px;padding:5px 8px}.barra-jugador img{width:24px;height:24px}.barra-jugador span{font-size:.75rem}.barra-vida-texto{font-size:.6rem}.barra-vida-jugador{min-width:60px;gap:4px}.barra-vida-corazon{font-size:.75rem}.inventario-slot{width:22px;height:22px}}@media(orientation:landscape)and (pointer:coarse){#juego.juego-inmersivo{padding:2px 4px}#juego.juego-inmersivo .barra-superior,#juego.juego-inmersivo .cabecera-juego{display:none}}.transicion-overlay{position:fixed;inset:0;z-index:200;pointer-events:none;opacity:0}.transicion-fade-in{background-color:var(--color-oscuro);opacity:0;pointer-events:all;animation:fade-in .4s ease forwards}.transicion-fade-out{background-color:var(--color-oscuro);opacity:1;pointer-events:all;animation:fade-out .4s ease forwards}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes fade-out{0%{opacity:1}to{opacity:0}}.transicion-wipe-in{background-color:var(--color-oscuro);opacity:1;pointer-events:all;animation:wipe-in .4s ease forwards}.transicion-wipe-out{background-color:var(--color-oscuro);opacity:1;pointer-events:all;animation:wipe-out .4s ease forwards}@keyframes wipe-in{0%{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0 0 0 0)}}@keyframes wipe-out{0%{clip-path:inset(0 0 0 0)}to{clip-path:inset(0 0 0 100%)}}.transicion-iris-in{background-color:var(--color-oscuro);opacity:1;pointer-events:all;animation:iris-in .5s ease forwards}.transicion-iris-out{background-color:var(--color-oscuro);opacity:1;pointer-events:all;animation:iris-out .5s ease forwards}@keyframes iris-in{0%{clip-path:circle(100% at 50% 50%)}to{clip-path:circle(0% at 50% 50%)}}@keyframes iris-out{0%{clip-path:circle(0% at 50% 50%)}to{clip-path:circle(100% at 50% 50%)}}.dpad-contenedor{position:fixed;bottom:20px;left:50%;transform:translate(-50%);z-index:150;display:grid;grid-template:".     arriba  .      " 56px "izq   .       der    " 56px ".     abajo   .      " 56px / 56px 56px 56px;gap:0}.dpad-btn{position:relative;width:56px;height:56px;border:2px solid rgb(255 255 255 / 15%);border-radius:12px;background-color:#0f0f1ebf;color:#fff9;font-size:1.2rem;cursor:pointer;display:flex;align-items:center;justify-content:center;touch-action:none;user-select:none;transition:background-color .1s,border-color .1s}.dpad-btn:before{content:"";position:absolute;inset:-8px}.dpad-btn:active,.dpad-btn.dpad-activo{background-color:#e9456066;border-color:var(--color-accent);color:#fff}.dpad-arriba{grid-area:arriba}.dpad-izquierda{grid-area:izq}.dpad-derecha{grid-area:der}.dpad-abajo{grid-area:abajo}.dpad-contenedor.dpad-cruz-split{left:20px;transform:none}.dpad-izq-contenedor{position:fixed;bottom:20px;left:20px;z-index:150;display:flex;gap:8px}.dpad-der-contenedor{position:fixed;bottom:16px;right:16px;z-index:150;display:flex;align-items:flex-end;gap:6px}.dpad-btn-a{width:64px;height:64px;border-radius:50%;border-color:#5eeadb7f;background-color:#5eeadb26;color:#5eeadbe5;font-size:1.3rem;font-weight:700}.dpad-btn-a:active{background-color:#5eeadb66;border-color:#5eeadb;color:#fff}.dpad-btn-b{width:48px;height:48px;border-radius:50%;margin-bottom:24px;font-size:1rem;font-weight:700}.dpad-btn-b:disabled{opacity:.25;border-style:dashed;pointer-events:none}@media(hover:hover)and (pointer:fine){.dpad-contenedor,.dpad-izq-contenedor,.dpad-der-contenedor{display:none!important}}body:has(.libro-modal:not(.oculto)) .dpad-contenedor,body:has(.libro-modal:not(.oculto)) .dpad-izq-contenedor,body:has(.libro-modal:not(.oculto)) .dpad-der-contenedor{display:none!important}.overlay-rotar{position:fixed;inset:0;z-index:999;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;background:#0a0514f2}.overlay-rotar-icono{font-size:4rem;animation:rotar-icono 2s ease-in-out infinite}.overlay-rotar-mensaje{color:#ffffffd9;font-family:var(--font-body);font-size:1.1rem;font-weight:500;letter-spacing:.03em}@keyframes rotar-icono{0%,to{transform:rotate(0)}50%{transform:rotate(90deg)}}@media(hover:hover)and (pointer:fine){.overlay-rotar{display:none!important}}.toast-contenedor{position:fixed;right:max(10px,calc(50vw - 390px));top:50%;transform:translateY(-50%);z-index:300;display:flex;flex-direction:column;gap:6px;pointer-events:none;width:52px;align-items:flex-end}#juego.juego-inmersivo~.toast-contenedor{right:10px}.toast{display:flex;align-items:center;justify-content:center;width:44px;height:44px;padding:0;background-color:#0a0a19e5;border:2px solid var(--toast-color);border-radius:12px;box-shadow:0 0 12px color-mix(in srgb,var(--toast-color) 50%,transparent),0 0 24px color-mix(in srgb,var(--toast-color) 20%,transparent),inset 0 1px #ffffff14;pointer-events:auto;cursor:default;position:relative;animation:toast-entrada .35s cubic-bezier(.34,1.56,.64,1);transition:opacity .3s ease,transform .3s ease}.toast:last-child{animation:toast-entrada .35s cubic-bezier(.34,1.56,.64,1),toast-pulso 2s ease-in-out .35s infinite}.toast:not(:last-child){opacity:.5;transform:scale(.85)}.toast-icono{font-size:1.3rem;line-height:1;flex-shrink:0;filter:drop-shadow(0 0 4px var(--toast-color))}.toast-mensaje{position:absolute;right:calc(100% + 8px);top:50%;transform:translateY(-50%);white-space:nowrap;font-size:.75rem;font-weight:700;color:#fffffff2;background-color:#0a0a19f2;border:1px solid var(--toast-color);border-radius:8px;padding:6px 12px;box-shadow:0 4px 12px #0000007f,0 0 8px color-mix(in srgb,var(--toast-color) 30%,transparent);opacity:0;pointer-events:none;transition:opacity .2s ease}.toast-mensaje:after{content:"";position:absolute;right:-5px;top:50%;transform:translateY(-50%) rotate(45deg);width:8px;height:8px;background-color:#0a0a19f2;border-right:1px solid var(--toast-color);border-top:1px solid var(--toast-color)}.toast:hover .toast-mensaje,.toast-mostrar-mensaje .toast-mensaje{opacity:1}@keyframes toast-entrada{0%{transform:translate(30px) scale(.5);opacity:0}to{transform:translate(0) scale(1);opacity:1}}@keyframes toast-pulso{0%,to{box-shadow:0 0 12px color-mix(in srgb,var(--toast-color) 50%,transparent),0 0 24px color-mix(in srgb,var(--toast-color) 20%,transparent),inset 0 1px #ffffff14}50%{box-shadow:0 0 16px color-mix(in srgb,var(--toast-color) 70%,transparent),0 0 32px color-mix(in srgb,var(--toast-color) 35%,transparent),inset 0 1px #ffffff1f}}.toast.toast-salida{animation:toast-salida .3s ease forwards}@keyframes toast-salida{0%{transform:translate(0) scale(1);opacity:1}to{transform:translate(20px) scale(.7);opacity:0}}@media(width<=768px){.toast-contenedor{right:8px;width:46px}.toast{width:40px;height:40px;border-radius:10px}.toast-icono{font-size:1.1rem}.toast-mensaje{font-size:.7rem}}@media(width<=480px){.toast-contenedor{right:6px;width:42px}.toast{width:36px;height:36px;border-radius:8px}.toast-icono{font-size:1rem}.toast-mensaje{font-size:.65rem;padding:4px 10px}}.avatar{font-size:4rem;margin-bottom:10px;display:inline-block}.avatar img{width:100px;height:100px;border-radius:50%;object-fit:cover;border:3px solid var(--color-texto-muy-apagado)}.personaje-lina{--v-color: #bb86fc;--v-oscuro: #9b59b6;--v-glow: rgb(187 134 252 / 40%);--v-tenue: rgb(187 134 252 / 12%);border-color:#4a1a6b;background-color:#1a0a2e}.personaje-lina h3{color:#bb86fc}.personaje-lina .avatar img{border-color:#9b59b6}.personaje-rose{--v-color: #6bfc86;--v-oscuro: #2ecc71;--v-glow: rgb(107 252 134 / 40%);--v-tenue: rgb(107 252 134 / 12%);border-color:#1a6b2a;background-color:#0a2e14}.personaje-rose h3{color:#6bfc86}.personaje-rose .avatar img{border-color:#2ecc71}.personaje-hana{--v-color: #fc86d4;--v-oscuro: #e91e90;--v-glow: rgb(252 134 212 / 40%);--v-tenue: rgb(252 134 212 / 12%);border-color:#6b1a5a;background-color:#2e0a28}.personaje-hana h3{color:#fc86d4}.personaje-hana .avatar img{border-color:#e91e90}.personaje-donbu{--v-color: #e6b86a;--v-oscuro: #d4a052;--v-glow: rgb(230 184 106 / 40%);--v-tenue: rgb(230 184 106 / 12%);border-color:#6b4a1a;background-color:#2e1a0a}.personaje-donbu h3{color:#fcca6b}.personaje-donbu .avatar img{border-color:#d4a052}.personaje-kira{--v-color: #3dd8c8;--v-oscuro: #2ec4b6;--v-glow: rgb(61 216 200 / 40%);--v-tenue: rgb(61 216 200 / 12%);border-color:#1a5a5a;background-color:#0a2020}.personaje-kira h3{color:#5eeadb}.personaje-kira .avatar img{border-color:#2ec4b6}.personaje-pandajuro{--v-color: #e74c3c;--v-oscuro: #c0392b;--v-glow: rgb(231 76 60 / 40%);--v-tenue: rgb(231 76 60 / 12%);border-color:#1a3a6b;background-color:#0a1430}.personaje-pandajuro h3{color:#6bb5fc}.personaje-pandajuro .avatar img{border-color:#c0392b}.personaje-pompom{--v-color: #fcc2d7;--v-oscuro: #f8a5c2;--v-glow: rgb(252 194 215 / 40%);--v-tenue: rgb(252 194 215 / 12%);border-color:#7a4a5a;background-color:#2a1520}.personaje-pompom h3{color:#fcc2d7}.personaje-pompom .avatar img{border-color:#f8a5c2}.personaje-orejas{--v-color: #f0a04b;--v-oscuro: #e67e22;--v-glow: rgb(240 160 75 / 40%);--v-tenue: rgb(240 160 75 / 12%);border-color:#6b3a0a;background-color:#2a1505}.personaje-orejas h3{color:#f0a04b}.personaje-orejas .avatar img{border-color:#e67e22}.descripcion{font-size:.85rem;color:var(--color-texto-secundario);margin-bottom:10px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.stats{text-align:left;border-top:1px solid rgb(255 255 255 / 8%);padding-top:10px;margin-top:4px}.stat-label{display:block;font-size:.65rem;font-weight:700;text-transform:uppercase;letter-spacing:.12em;color:#9898b0;margin-bottom:4px}.stat-vida{display:grid;grid-template-columns:1fr auto;grid-template-rows:auto auto;gap:2px 8px;align-items:center;margin-bottom:10px}.stat-vida .stat-label{grid-column:1 / -1}.barra-vida-fondo{height:6px;background-color:#ffffff14;border-radius:3px;overflow:hidden}.barra-vida-relleno{width:100%;height:100%;background:linear-gradient(90deg,#e94560,#ff6b81);border-radius:3px;transform-origin:left;transition:transform .3s}.stat-valor{font-size:.8rem;font-weight:700;color:#ccc}.stat-velocidad{display:grid;grid-template-columns:1fr auto;grid-template-rows:auto auto;gap:2px 8px;align-items:center;margin-bottom:10px}.stat-velocidad .stat-label{grid-column:1 / -1}.barra-velocidad-relleno{width:100%;height:100%;background:linear-gradient(90deg,#f59e0b,#fbbf24);border-radius:3px;transform-origin:left;transition:transform .3s}.stat-vel-ataque{display:grid;grid-template-columns:1fr auto;grid-template-rows:auto auto;gap:2px 8px;align-items:center;margin-bottom:10px}.stat-vel-ataque .stat-label{grid-column:1 / -1}.barra-vel-ataque-relleno{width:100%;height:100%;background:linear-gradient(90deg,#e05a8a,#f472b6);border-radius:3px;transform-origin:left;transition:transform .3s}.stat-atributos{margin-top:6px;margin-bottom:12px}.stat-atributos .tier-badge{position:static}.stat-ataques{margin-top:12px}.ataque{display:flex;justify-content:space-between;align-items:center;padding:3px 0}.ataque-nombre{font-size:.75rem;color:#b0b0c0}.ataque-dano{font-size:.75rem;font-weight:700;color:var(--color-accent);background-color:#e945601f;padding:1px 6px;border-radius:var(--radio-boton)}.personaje-lina .barra-vida-relleno{background:linear-gradient(90deg,#9b59b6,#bb86fc)}.personaje-lina .ataque-dano{color:#bb86fc;background-color:#9b59b626}.personaje-rose .barra-vida-relleno{background:linear-gradient(90deg,#2ecc71,#6bfc86)}.personaje-rose .ataque-dano{color:#6bfc86;background-color:#2ecc7126}.personaje-hana .barra-vida-relleno{background:linear-gradient(90deg,#e91e90,#fc86d4)}.personaje-hana .ataque-dano{color:#fc86d4;background-color:#e91e9026}.personaje-kira .barra-vida-relleno{background:linear-gradient(90deg,#2ec4b6,#5eeadb)}.personaje-kira .ataque-dano{color:#5eeadb;background-color:#2ec4b626}.personaje-donbu .barra-vida-relleno{background:linear-gradient(90deg,#d4a052,#fcca6b)}.personaje-donbu .ataque-dano{color:#fcca6b;background-color:#d4a05226}.personaje-pompom .barra-vida-relleno{background:linear-gradient(90deg,#f8a5c2,#fcc2d7)}.personaje-pompom .ataque-dano{color:#fcc2d7;background-color:#f8a5c226}.personaje-orejas .barra-vida-relleno{background:linear-gradient(90deg,#e67e22,#f0a04b)}.personaje-orejas .ataque-dano{color:#f0a04b;background-color:#e67e2226}.personaje-pandajuro .barra-vida-relleno{background:linear-gradient(90deg,#c0392b,#6bb5fc)}.personaje-pandajuro .ataque-dano{color:#6bb5fc;background-color:#6bb5fc26}.villano{position:relative;background-color:var(--color-superficie);border:3px solid var(--color-borde);border-radius:var(--radio-tarjeta);padding:20px;width:200px;cursor:default;flex-shrink:0;scroll-snap-align:center;opacity:.75;transition:opacity .3s}.villano:hover{opacity:1}.tier-badge{position:absolute;top:10px;right:10px;font-size:.6rem;font-weight:700;letter-spacing:.05em;padding:2px 8px;border-radius:20px;line-height:1.4}.tier-esbirro{background-color:#50505066;color:#aaa}.tier-elite{background-color:#a855f733;color:#c084fc}.tier-pesadilla{background-color:#ef444433;color:#f87171}.tier-leyenda{background-color:#f59e0b33;color:#fbbf24}.villano h3{font-family:var(--font-display);color:#999;margin:5px 0;font-size:1.3rem}.villano .descripcion{font-size:.85rem;color:#777}.avatar-emoji{font-size:4rem;display:block;line-height:1}.villano-siniestra{--v-color: #f44;--v-oscuro: #8b0000;--v-glow: rgb(255 50 50 / 40%);--v-tenue: rgb(255 68 68 / 12%);border-color:#4a0a0a;background-color:#1a0808}.villano-siniestra h3{color:#f44}.villano-siniestra .avatar img{border-color:#8b0000;box-shadow:0 0 10px #ff323266}.villano-siniestra .barra-vida-relleno{background:linear-gradient(90deg,#8b0000,#f44)}.villano-siniestra .ataque-dano{color:#f44;background-color:#ff444426}.villano-trasgo{--v-color: #888;--v-oscuro: #555;--v-glow: rgb(150 150 150 / 30%);--v-tenue: rgb(150 150 150 / 12%);border-color:#333;background-color:#111118}.villano-trasgo h3{color:#888}.villano-trasgo .avatar img{border-color:#555;box-shadow:0 0 8px #9696964d}.villano-trasgo .barra-vida-relleno{background:linear-gradient(90deg,#444,#888)}.villano-trasgo .ataque-dano{color:#999;background-color:#96969626}.villano-profano{--v-color: #48c;--v-oscuro: #1a3a6b;--v-glow: rgb(50 100 200 / 40%);--v-tenue: rgb(68 136 204 / 12%);border-color:#0a1a3a;background-color:#080e1a}.villano-profano h3{color:#48c}.villano-profano .avatar img{border-color:#1a3a6b;box-shadow:0 0 10px #3264c866}.villano-profano .barra-vida-relleno{background:linear-gradient(90deg,#1a2a4a,#48c)}.villano-profano .ataque-dano{color:#48c;background-color:#4488cc26}.villano-errante{--v-color: #4c4;--v-oscuro: #2a6b2a;--v-glow: rgb(50 200 50 / 40%);--v-tenue: rgb(68 204 68 / 12%);border-color:#0a4a0a;background-color:#081a08}.villano-errante h3{color:#4c4}.villano-errante .avatar img{border-color:#2a6b2a;box-shadow:0 0 10px #32c83266}.villano-errante .barra-vida-relleno{background:linear-gradient(90deg,#1a6b1a,#4c4)}.villano-errante .ataque-dano{color:#4c4;background-color:#44cc4426}.villano-topete{--v-color: #c050d0;--v-oscuro: #6a1b7a;--v-glow: rgb(192 80 208 / 40%);--v-tenue: rgb(192 80 208 / 12%);border-color:#3a0a4a;background-color:#12081a}.villano-topete h3{color:#c050d0}.villano-topete .avatar img{border-color:#6a1b7a;box-shadow:0 0 10px #c050d066}.villano-topete .barra-vida-relleno{background:linear-gradient(90deg,#6a1b7a,#c050d0)}.villano-topete .ataque-dano{color:#c050d0;background-color:#c050d026}.villano-pototo{--v-color: #e060a0;--v-oscuro: #8b1a5a;--v-glow: rgb(224 96 160 / 40%);--v-tenue: rgb(224 96 160 / 12%);border-color:#4a0a2a;background-color:#1a0812}.villano-pototo h3{color:#e060a0}.villano-pototo .avatar img{border-color:#8b1a5a;box-shadow:0 0 10px #e060a066}.villano-pototo .barra-vida-relleno{background:linear-gradient(90deg,#8b1a5a,#e060a0)}.villano-pototo .ataque-dano{color:#e060a0;background-color:#e060a026}.villano-grotesca{--v-color: #a8325a;--v-oscuro: #5c1a30;--v-glow: rgb(168 50 90 / 40%);--v-tenue: rgb(168 50 90 / 12%);border-color:#3a0a1a;background-color:#150810}.villano-grotesca h3{color:#a8325a}.villano-grotesca .avatar img{border-color:#5c1a30;box-shadow:0 0 10px #a8325a66}.villano-grotesca .barra-vida-relleno{background:linear-gradient(90deg,#5c1a30,#a8325a)}.villano-grotesca .ataque-dano{color:#a8325a;background-color:#a8325a26}.villano-disonante{--v-color: #c89030;--v-oscuro: #6e4e18;--v-glow: rgb(200 144 48 / 40%);--v-tenue: rgb(200 144 48 / 12%);border-color:#3a2a0e;background-color:#1a1408}.villano-disonante h3{color:#c89030}.villano-disonante .avatar img{border-color:#6e4e18;box-shadow:0 0 10px #c8903066}.villano-disonante .barra-vida-relleno{background:linear-gradient(90deg,#6e4e18,#c89030)}.villano-disonante .ataque-dano{color:#c89030;background-color:#c8903026}.villano-comelon{--v-color: #f0a030;--v-oscuro: #a06810;--v-glow: rgb(240 160 48 / 40%);--v-tenue: rgb(240 160 48 / 12%);border-color:#4a3008;background-color:#1a1205}.villano-comelon h3{color:#f0a030}.villano-comelon .avatar img{border-color:#a06810;box-shadow:0 0 10px #f0a03066}.villano-comelon .barra-vida-relleno{background:linear-gradient(90deg,#a06810,#f0a030)}.villano-comelon .ataque-dano{color:#f0a030;background-color:#f0a03026}.villano-nebulosa{--v-color: #7b68ee;--v-oscuro: #4838a0;--v-glow: rgb(123 104 238 / 40%);--v-tenue: rgb(123 104 238 / 12%);border-color:#2a1a5a;background-color:#100a28}.villano-nebulosa h3{color:#7b68ee}.villano-nebulosa .avatar img{border-color:#4838a0;box-shadow:0 0 10px #7b68ee66}.villano-nebulosa .barra-vida-relleno{background:linear-gradient(90deg,#4838a0,#7b68ee)}.villano-nebulosa .ataque-dano{color:#7b68ee;background-color:#7b68ee26}.libro{--v-color: rgb(230 200 160 / 95%);--v-oscuro: rgb(180 155 120);--v-glow: rgb(230 200 160 / 30%);--v-tenue: rgb(230 200 160 / 10%);display:flex;width:700px;height:680px;max-width:100%;max-height:calc(90vh - 40px);margin:0 auto;border-radius:8px;overflow:hidden;border:2px solid rgb(255 215 0 / 25%);box-shadow:0 8px 32px #0000007f,0 0 18px var(--v-glow, rgb(233 69 96 / 15%));transition:box-shadow .5s;background-color:#18120d}.libro-villanos{animation:libro-entrada .5s ease}@keyframes libro-entrada{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.libro-pagina{padding:20px}.libro-pagina-izq{flex:0 0 200px;background:repeating-linear-gradient(135deg,rgb(120 100 70 / 2%) 0,transparent 2px,transparent 8px),radial-gradient(ellipse at 20% 80%,rgb(80 60 30 / 8%) 0%,transparent 60%),radial-gradient(ellipse at 80% 20%,rgb(60 50 25 / 6%) 0%,transparent 50%),linear-gradient(to right,transparent 70%,rgb(0 0 0 / 15%)),linear-gradient(135deg,#1c1510,#18120d,#140f0a);border-right:none;display:flex;flex-direction:column}.libro-pagina-der{flex:1;position:relative;padding:28px 32px 0;background:repeating-linear-gradient(135deg,rgb(120 100 70 / 2%) 0,transparent 2px,transparent 8px),radial-gradient(ellipse at 70% 30%,rgb(80 60 30 / 8%) 0%,transparent 60%),radial-gradient(ellipse at 30% 70%,rgb(60 50 25 / 6%) 0%,transparent 50%),linear-gradient(to left,transparent 70%,rgb(0 0 0 / 12%)),linear-gradient(135deg,#1c1510,#18120d,#140f0a);display:flex;flex-direction:column;overflow:hidden}.libro-pagina-der:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at center 30%,var(--v-tenue, transparent) 0%,transparent 70%);pointer-events:none;z-index:0}.libro-lomo{flex:0 0 22px;background:linear-gradient(90deg,#1a1008,#2a1c10 30%,#3a2818,#2a1c10 70%,#1a1008);box-shadow:inset 2px 0 6px #0000007f,inset -2px 0 6px #0000007f;display:flex;flex-direction:column;justify-content:space-evenly;padding:20px 0}.libro-lomo-costura{height:1px;margin:0 3px;background:linear-gradient(90deg,transparent,rgb(255 215 0 / 30%),rgb(255 215 0 / 50%),rgb(255 215 0 / 30%),transparent)}.libro-titulo{font-family:var(--font-display);color:var(--color-dorado);font-size:1.15rem;text-align:left;padding-left:10px;margin:0 0 8px;text-shadow:0 0 8px rgb(255 215 0 / 30%),0 1px 2px rgb(0 0 0 / 60%)}.libro-subtitulo{font-family:var(--font-display);color:#ffd7007f;font-size:.75rem;text-align:left;padding-left:10px;margin:-4px 0 8px;font-style:italic;letter-spacing:.5px}.libro-ornamento{height:1px;background:linear-gradient(90deg,transparent,rgb(255 215 0 / 30%),transparent);margin:6px 0;position:relative}.libro-ornamento:after{content:"\25c6";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:.5rem;color:#ffd70066;line-height:1}.libro-indice{list-style:none;padding:0;margin:8px 0;flex:1;display:flex;flex-direction:column;gap:2px}.libro-indice-item{padding:8px 10px;font-size:.8rem;color:#b4a58c;border-radius:6px;border-left:2px solid transparent;cursor:pointer;text-align:left;transition:background-color .2s,color .2s,border-color .2s;outline:none}.libro-indice-item:hover{background-color:#ffffff0d;color:#dcc8aa}.libro-indice-item:focus-visible{outline:2px dashed rgb(255 215 0 / 40%);outline-offset:-2px}.libro-indice-activo{background-color:#ffd7001a;color:var(--color-dorado);border-left-color:var(--color-dorado);font-weight:700}.libro-indice-sep{height:1px;background:linear-gradient(90deg,transparent,rgb(255 215 0 / 25%),transparent);margin:6px 8px;position:relative;pointer-events:none}.libro-indice-sep:after{content:"\25c6";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);font-size:.45rem;color:#ffd70066;background:#18120d;padding:0 4px;line-height:1}.libro-detalle-wrap{flex:1;min-height:0;position:relative;z-index:1;display:flex;flex-direction:column;perspective:1200px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:rgb(255 215 0 / 25%) transparent}.libro-detalle-contenido{text-align:center;padding:12px 20px;display:flex;flex-direction:column;height:100%}.libro-tabs{display:flex;justify-content:center;gap:4px;margin-bottom:10px}.libro-tab{background:none;border:none;border-bottom:2px solid transparent;color:#b4a58c7f;font-family:var(--font-display);font-size:.75rem;padding:4px 14px;cursor:pointer;letter-spacing:.05em;transition:color .2s,border-color .2s}.libro-tab:hover{color:#c8b9a0}.libro-tab-activo{color:var(--v-color, var(--color-dorado));border-bottom-color:var(--v-color, var(--color-dorado))}.libro-panel{display:none}.libro-panel-activo{display:flex;flex-direction:column;flex:1;animation:libro-panel-entrada .25s ease}@keyframes libro-panel-entrada{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.libro-detalle-contenido .avatar{margin-bottom:4px}.libro-avatar-mini img{width:48px;height:48px}.libro-detalle-contenido .avatar img{width:120px;height:120px}.libro-detalle-cabecera{margin-bottom:4px}.libro-detalle-cabecera h3{font-family:var(--font-display);color:var(--v-color, #999);font-size:1.4rem;margin:4px 0 2px;text-shadow:0 0 10px var(--v-glow, transparent);transition:color .5s,text-shadow .5s}.villano-rango-insignia{align-self:center;font-size:.55rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;padding:1px 8px;border-radius:10px;border:1px solid rgb(255 255 255 / 6%);margin-bottom:2px}.villano-rango-esbirro{background:#5050507f;color:#bbb}.villano-rango-elite{background:#a855f72e;color:#c084fc;border-color:#a855f726}.villano-rango-pesadilla{background:#ef44442e;color:#f87171;border-color:#ef444426}.villano-rango-leyenda{background:#f59e0b33;color:#fbbf24;border-color:#f59e0b2e}.libro-descripcion-grande{display:block;-webkit-line-clamp:unset;font-size:.9rem;line-height:1.6;color:#d2c3aa;font-style:italic;text-align:left;margin:8px 0 0;white-space:pre-line;flex:1;overflow-y:auto;scrollbar-width:thin;scrollbar-color:rgb(255 215 0 / 25%) transparent}.libro-descripcion-grande::-webkit-scrollbar{width:4px}.libro-descripcion-grande::-webkit-scrollbar-track{background:transparent}.libro-descripcion-grande::-webkit-scrollbar-thumb{background:#ffd70040;border-radius:2px}.libro-descripcion-grande::-webkit-scrollbar-thumb:hover{background:#ffd70066}.libro-detalle-contenido .stats{text-align:left;padding-top:0}.libro-esquina{position:absolute;width:20px;height:20px;opacity:.4;pointer-events:none;z-index:1;transition:opacity .3s}.libro:hover .libro-esquina{opacity:.7}.libro-esquina-tl{top:8px;left:8px;border-top:2px solid rgb(255 215 0 / 50%);border-left:2px solid rgb(255 215 0 / 50%)}.libro-esquina-tr{top:8px;right:8px;border-top:2px solid rgb(255 215 0 / 50%);border-right:2px solid rgb(255 215 0 / 50%)}.libro-esquina-bl{bottom:8px;left:8px;border-bottom:2px solid rgb(255 215 0 / 50%);border-left:2px solid rgb(255 215 0 / 50%)}.libro-esquina-br{bottom:8px;right:8px;border-bottom:2px solid rgb(255 215 0 / 50%);border-right:2px solid rgb(255 215 0 / 50%)}.libro-page-curl{position:absolute;bottom:0;right:0;width:40px;height:40px;z-index:4;pointer-events:none;border-radius:0 0 8px;transform-origin:bottom right;animation:page-curl-idle 4s ease-in-out infinite}.libro-page-curl:before{content:"";position:absolute;bottom:0;right:0;width:100%;height:100%;background:linear-gradient(315deg,#3d3225,#2e2418 40%,#241c12);clip-path:polygon(100% 0%,100% 100%,0% 100%);box-shadow:-3px -3px 6px #0000007f}.libro-page-curl:after{content:"";position:absolute;bottom:0;right:0;width:100%;height:100%;background:linear-gradient(315deg,rgb(255 235 200 / 15%) 0%,rgb(255 215 0 / 10%) 30%,transparent 50%);clip-path:polygon(100% 0%,100% 100%,0% 100%)}@keyframes page-curl-idle{0%,to{transform:scale(1) rotate(0)}50%{transform:scale(1.15) rotate(-2deg) translate(-2px,-2px)}}@keyframes libro-flip-out{0%{transform:rotateY(0);opacity:1;box-shadow:-4px 0 16px #0000}40%{opacity:1;box-shadow:-20px 0 30px #0006}to{transform:rotateY(-90deg);opacity:0;box-shadow:-2px 0 8px #0000}}@keyframes libro-flip-in{0%{transform:rotateY(90deg);opacity:0;box-shadow:20px 0 30px #0000}40%{opacity:1;box-shadow:20px 0 30px #0006}to{transform:rotateY(0);opacity:1;box-shadow:0 0 #0000}}.libro-fade-out{transform-origin:left center;animation:libro-flip-out .3s ease-in forwards}.libro-fade-in{transform-origin:right center;animation:libro-flip-in .35s ease-out}.libro-fade-out-rev{transform-origin:right center;animation:libro-flip-in .3s ease-in reverse forwards}.libro-fade-in-rev{transform-origin:left center;animation:libro-flip-out .35s ease-out reverse}.libro-navegacion{display:flex;align-items:center;justify-content:center;gap:12px;padding:10px 0 12px;flex-shrink:0;border-top:1px solid rgb(255 215 0 / 10%);z-index:2}.libro-nav-btn{width:32px;height:32px;border:2px solid rgb(255 215 0 / 20%);border-radius:50%;background-color:transparent;color:#c8b9a0;font-size:1.1rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:border-color .2s,color .2s,background-color .2s}.libro-nav-btn:hover:not(:disabled){border-color:var(--v-color, var(--color-accent));color:var(--v-color, var(--color-accent));background-color:var(--v-tenue, rgb(233 69 96 / 10%))}.libro-nav-btn:disabled{opacity:.25;cursor:default}.libro-nav-contador{font-size:.75rem;color:#b4a58c;font-style:italic;min-width:40px;text-align:center}.libro-en-inicio,.libro-en-extra{--v-color: rgb(230 200 160 / 95%);--v-oscuro: rgb(180 155 120);--v-glow: rgb(230 200 160 / 30%);--v-tenue: rgb(230 200 160 / 10%)}.libro-indice-inicio{font-style:italic;font-size:.7rem;letter-spacing:.04em}.libro-indice-seccion{font-size:.58rem;font-family:var(--font-display);color:#ffd7007f;letter-spacing:.1em;text-transform:uppercase;padding:4px 8px 2px;pointer-events:none;list-style:none}.libro-indice-secciones,.libro-scroll-hint{display:none}.libro-intro{text-align:center;padding:20px 24px;display:flex;flex-direction:column;align-items:center;height:100%}.libro-intro-game-titulo{font-family:var(--font-display);font-size:1.5rem;color:#fff;letter-spacing:.04em;margin:0 0 8px;line-height:1.3}.libro-intro-texto{flex:1;display:flex;flex-direction:column;justify-content:center;gap:14px;max-width:290px}.libro-intro-texto p{font-size:.88rem;line-height:1.6;color:#dccdb4f2}.libro-intro-link{color:#e6c8a0e5;text-decoration:underline;text-decoration-color:#e6c8a04d;text-underline-offset:3px;cursor:pointer;transition:color .2s,text-decoration-color .2s}.libro-intro-link:hover{color:#ffdcaa;text-decoration-color:#ffdcaa99}.libro-intro-cta{color:#f0d296f2!important;font-family:var(--font-display);font-size:.92rem!important;margin-top:4px}.libro-portada{position:relative;padding:0;height:100%;overflow:hidden}.libro-portada-emblema{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;border-radius:4px}.libro-portada:after{content:"";position:absolute;inset:0;background:linear-gradient(to top,rgb(0 0 0 / 70%) 0%,rgb(0 0 0 / 20%) 35%,transparent 60%);pointer-events:none}.libro-portada-titulo{position:absolute;bottom:36px;left:0;right:0;z-index:1;font-family:var(--font-display);font-size:1.3rem;font-variant:small-caps;letter-spacing:.12em;color:#e6c88c;text-shadow:0 0 12px rgb(0 0 0 / 80%),0 0 24px rgb(230 200 140 / 25%);margin:0;text-align:center}.libro-portada .libro-ornamento{position:absolute;bottom:68px;left:20%;right:20%;z-index:1}.libro-portada-pista{position:absolute;bottom:14px;left:0;right:0;z-index:1;font-style:italic;font-size:.75rem;text-align:center;opacity:0;animation:pulsar-pista 3s ease-in-out infinite;text-shadow:0 1px 4px rgb(0 0 0 / 80%)}@keyframes pulsar-pista{0%,to{opacity:0}50%{opacity:.55}}.libro-en-inicio .libro-page-curl{animation:curl-hint 2.5s ease-in-out infinite}@keyframes curl-hint{0%,to{transform:scale(1) rotate(0)}50%{transform:scale(1.4) rotate(-4deg) translate(-4px,-4px)}}.libro-modal{position:fixed;inset:0;z-index:100;display:flex;align-items:center;justify-content:center;padding:20px;overflow:hidden}.libro-modal-fondo{position:absolute;inset:0;background-color:#000c}.libro-modal-cuerpo{position:relative;animation:modal-aparecer .3s ease;height:calc(100dvh - 64px);max-width:min(700px,calc(100vw - 40px));width:100%;overflow:hidden;border-radius:10px;border:2px solid rgb(255 215 0 / 25%);display:flex;flex-direction:column}@keyframes modal-aparecer{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.libro-modal-cuerpo .libro{border:none;border-radius:0;flex:1;height:auto;max-height:none;min-height:0}.libro-modal-cerrar{position:absolute;top:8px;right:8px;z-index:10;width:36px;height:36px;border:2px solid rgb(255 255 255 / 15%);border-radius:50%;background-color:#0f0c14d9;color:var(--color-texto-secundario);font-size:1.3rem;cursor:pointer;display:flex;align-items:center;justify-content:center;backdrop-filter:blur(6px);transition:border-color .2s,color .2s,background-color .2s}.libro-modal-cerrar:hover{border-color:var(--color-accent);color:var(--color-accent);background-color:#e9456026}@media(width<=768px){.libro{max-width:580px;height:560px;max-height:calc(85vh - 40px)}.libro-pagina-izq{flex:0 0 170px;padding:16px}.libro-pagina-der{padding:16px}.libro-titulo{font-size:1rem}.libro-detalle-contenido .avatar img{width:90px;height:90px}.libro-esquina{width:16px;height:16px}.libro-lomo{flex:0 0 20px}.libro-detalle-cabecera h3{font-size:1.1rem}.libro-tab{font-size:.7rem;padding:3px 10px}.libro-nav-btn{width:28px;height:28px;font-size:1rem}.libro-nav-contador{font-size:.7rem}.libro-modal-cuerpo{height:calc(100dvh - 50px)}.libro-portada-titulo{font-size:1.15rem;bottom:30px}.libro-portada .libro-ornamento{bottom:58px}.libro-portada-pista{bottom:10px;font-size:.7rem}}@media(width<=480px){.libro{flex-direction:column;max-width:100%;position:relative;flex:1;min-height:0}.libro-pagina-izq{flex:none;padding:10px 12px;overflow:hidden}.libro-titulo{font-size:.95rem;margin-bottom:4px}.libro-ornamento{display:none}.libro-indice-secciones{display:flex;gap:6px;justify-content:center;flex-wrap:wrap;margin:6px 0 4px}.libro-seccion-tab{background:#ffd70014;border:1px solid rgb(255 215 0 / 15%);border-radius:14px;color:#b4a58c99;font-family:var(--font-display);font-size:.6rem;padding:4px 10px;cursor:pointer;transition:color .2s,border-color .2s,background .2s;letter-spacing:.03em}.libro-seccion-tab-activo{background:#ffd7001f;border-color:var(--color-dorado);color:var(--color-dorado)}.libro-indice-wrap{position:relative;display:flex;align-items:center}.libro-scroll-hint{display:block;flex-shrink:0;color:var(--color-dorado);font-size:.85rem;line-height:1;padding:4px 0;border-bottom:2px solid transparent;pointer-events:none;opacity:.6;text-shadow:0 0 8px rgb(255 215 0 / 30%);animation:libro-hint-pulso 2s ease-in-out infinite;transition:opacity .3s}.libro-scroll-hint-izq{animation-name:libro-hint-pulso-izq}.libro-scroll-hint-der{animation-name:libro-hint-pulso-der}.libro-scroll-hint-oculto{animation:none;opacity:0}@keyframes libro-hint-pulso-izq{0%,to{opacity:.4;transform:translate(0)}50%{opacity:.8;transform:translate(-2px)}}@keyframes libro-hint-pulso-der{0%,to{opacity:.4;transform:translate(0)}50%{opacity:.8;transform:translate(2px)}}.libro-indice{flex-flow:row nowrap;gap:6px;margin:4px 0;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch;min-width:0}.libro-indice::-webkit-scrollbar{display:none}.libro-indice-item{padding:4px 6px;font-size:.65rem;text-align:center;border-left:none;border-bottom:2px solid transparent;white-space:nowrap;flex-shrink:0}.libro-indice-activo{border-left-color:transparent;border-bottom-color:var(--color-dorado)}.libro-indice-sep,.libro-indice-seccion,.libro-lomo,.libro-lomo-costura{display:none}.libro-pagina-der{padding:12px}.libro:not(.libro-en-inicio,.libro-en-extra)>.libro-pagina-der{background:none;background-color:inherit}.libro:not(.libro-en-inicio,.libro-en-extra)>.libro-pagina-der:before{display:none}.libro-detalle-contenido{padding:8px 12px}.libro-detalle-contenido .avatar img{width:80px;height:80px}.libro-esquina{width:14px;height:14px;opacity:.3}.libro-detalle-cabecera h3{font-size:1rem}.libro-tab{font-size:.65rem;padding:3px 8px}.libro-descripcion-grande{font-size:.8rem;line-height:1.5}.libro-nav-btn{width:26px;height:26px;font-size:.9rem}.libro-nav-contador{font-size:.65rem}.libro-modal-cuerpo{height:calc(100dvh - 36px)}.libro-modal-cerrar{width:30px;height:30px;font-size:1.1rem;top:6px;right:6px}.libro-portada-titulo{font-size:1rem;bottom:26px}.libro-portada .libro-ornamento{display:block;bottom:52px}.libro-portada-pista{bottom:8px;font-size:.65rem}}@media(width<=360px){.libro-detalle-contenido .avatar img{width:64px;height:64px}.libro-esquina{display:none}.libro-tab{font-size:.6rem;padding:2px 6px}.libro-detalle-cabecera h3{font-size:.9rem}.libro-descripcion-grande{font-size:.75rem}.libro-indice-item{padding:3px 5px;font-size:.6rem}.libro-seccion-tab{font-size:.55rem;padding:3px 8px}}.libro-heroes .libro-titulo{color:#e6c8a0f2;text-shadow:0 0 8px rgb(230 200 160 / 20%),0 1px 2px rgb(0 0 0 / 60%)}.libro-heroes .libro-subtitulo{color:#dccdb4b3}.libro-rangos{text-align:center;padding:20px 24px;display:flex;flex-direction:column;align-items:center;height:100%}.libro-rangos-intro{font-size:.85rem;line-height:1.6;color:#dccdb4e5;margin:4px 0 0;max-width:280px}.libro-rangos-lista{flex:1;display:flex;flex-direction:column;justify-content:center;gap:0;margin-top:10px;text-align:left;width:100%;max-width:300px}.libro-rango-fila{display:flex;align-items:center;gap:14px;padding:12px 0;border-bottom:1px solid rgb(255 215 0 / 8%)}.libro-rango-fila:last-child{border-bottom:none}.libro-rango-emoji{font-size:1.4rem;line-height:1;flex-shrink:0;width:30px;text-align:center}.libro-rango-nombre{color:#f0d296f2;font-family:var(--font-display);font-size:.88rem}.libro-rango-desc{font-size:.78rem;line-height:1.45;color:#dccdb4b3;margin:2px 0 0}.libro-juego{text-align:center;padding:16px 20px;display:flex;flex-direction:column;align-items:center;height:100%}.libro-juego-img{width:100px;height:100px;border-radius:50%;object-fit:cover;border:3px solid var(--color-dorado);box-shadow:0 0 15px #ffd70033;margin-bottom:8px}.libro-juego-icono{width:100px;height:100px;border-radius:50%;background:#ffd70014;border:3px solid rgb(255 215 0 / 25%);display:flex;align-items:center;justify-content:center;font-size:2.5rem;margin-bottom:8px}.libro-juego-nombre{font-family:var(--font-display);font-size:1.3rem;color:#fff;margin:0 0 4px;line-height:1.3}.libro-juego-desc{display:flex;flex-direction:column;gap:10px;max-width:280px}.libro-juego-desc p{font-size:.84rem;line-height:1.55;color:#dccdb4e5}.libro-juego-tip{background:#ffd70014;border-left:2px solid rgb(255 215 0 / 30%);padding:8px 12px;border-radius:0 6px 6px 0;font-size:.78rem;color:#f0dcaad9;line-height:1.5;text-align:left;max-width:280px;margin-top:4px}.libro-juego-tip-icono{margin-right:4px}.selector-heroe{display:flex;gap:8px;flex-wrap:wrap;justify-content:center}.selector-heroe-btn{display:flex;flex-direction:column;align-items:center;gap:4px;padding:6px;border:2px solid transparent;border-radius:12px;background:#0000000d;cursor:pointer;transition:border-color .2s ease,transform .15s ease,background .2s ease}.selector-heroe-btn:hover{background:#0000001a;transform:translateY(-2px)}.selector-heroe-btn.selector-heroe-activo{border-color:var(--color-dorado);background:#c8a05026;box-shadow:0 0 12px #c8a0504d}.selector-heroe-avatar{width:40px;height:40px;border-radius:50%;object-fit:cover;box-shadow:0 2px 6px #0003}.selector-heroe-nombre{font-size:.6rem;font-weight:600;color:var(--color-texto-secundario);max-width:52px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.selector-heroe-activo .selector-heroe-nombre{color:#5a3a1a}.libro-juego-btn-jugar{font-family:var(--font-display);font-size:.88rem;font-weight:600;letter-spacing:.06em;color:#1a1209;padding:8px 32px;border:1px solid rgb(200 160 80 / 50%);border-radius:20px;background:linear-gradient(180deg,#d4a84a,#b8903c);cursor:pointer;margin-top:14px;box-shadow:inset 0 1px #fff3,0 2px 6px #0000004d;transition:transform .15s ease,box-shadow .15s ease,opacity .2s ease}.libro-juego-btn-jugar:hover:not(:disabled){transform:translateY(-1px);box-shadow:inset 0 1px #ffffff40,0 3px 12px #c8a05059}.libro-juego-btn-jugar:active:not(:disabled){transform:translateY(0);box-shadow:inset 0 1px 3px #0003,0 1px 2px #0003}.libro-juego-btn-jugar:disabled{opacity:.4;cursor:not-allowed}.modal-heroe-overlay{position:absolute;inset:0;z-index:10;background:#000000b3;display:flex;align-items:center;justify-content:center;border-radius:inherit}.modal-heroe-overlay.oculto{display:none}.modal-heroe{background:radial-gradient(ellipse at center 30%,rgb(80 60 30 / 10%) 0%,transparent 60%),linear-gradient(135deg,#1c1510,#18120d);border:1px solid rgb(255 215 0 / 15%);border-radius:12px;padding:24px 28px;text-align:center;max-width:320px;width:90%;box-shadow:0 8px 32px #0000007f}.modal-heroe-titulo{font-family:var(--font-display);font-size:1.2rem;color:var(--color-dorado);margin:0 0 6px}.modal-heroe-acciones{display:flex;gap:10px;justify-content:center;margin-top:16px}.modal-heroe-btn-cancelar{padding:8px 20px;border:1px solid rgb(255 255 255 / 12%);border-radius:20px;background:#ffffff0d;color:#dccdb4cc;font-family:var(--font-display);font-size:.85rem;letter-spacing:.04em;cursor:pointer;transition:background .2s,border-color .2s}.modal-heroe-btn-cancelar:hover{background:#ffffff1a;border-color:#fff3}@media(width<=480px){.libro-juego{padding:10px 14px}.libro-juego-img{width:80px;height:80px}.libro-juego-icono{width:80px;height:80px;font-size:2rem}.libro-juego-nombre{font-size:1.05rem}.libro-juego-desc p{font-size:.78rem}.libro-juego-tip{font-size:.72rem;padding:6px 10px}}.juego-laberinto{--juego-pared: #3d2560;--juego-pared-medio: #2a1845;--juego-pared-oscuro: #201035;--juego-borde: rgb(100 60 150 / 25%);--juego-accent: #bb86fc}.juego-laberinto3d{--juego-pared: #1a3e1a;--juego-pared-medio: #102e10;--juego-pared-oscuro: #0d240d;--juego-borde: rgb(60 150 80 / 20%);--juego-accent: #6bfc86}.juego-memorice{--juego-pared: #3e1a1a;--juego-pared-medio: #2e1010;--juego-pared-oscuro: #240d0d;--juego-borde: rgb(150 60 60 / 20%);--juego-accent: #e94560}.juego-abismo{--juego-pared: #1a1a3e;--juego-pared-medio: #10102e;--juego-pared-oscuro: #0d0d24;--juego-borde: rgb(60 80 150 / 20%);--juego-accent: #5eeadb}.juego-ajedrez{--juego-pared: #3e2e0a;--juego-pared-medio: #2e1e08;--juego-pared-oscuro: #1e1005;--juego-borde: rgb(240 160 48 / 20%);--juego-accent: #f0a030}.cabecera-juego{display:flex;align-items:center;gap:8px;margin:0 0 2px;width:100%;justify-content:center}.titulo-juego{font-family:var(--font-display);color:var(--color-accent);font-size:1.3rem;margin:0;text-shadow:0 0 10px rgb(233 69 96 / 50%)}.btn-huir{width:44px;height:44px;padding:0;border:2px solid rgb(240 165 0 / 30%);border-radius:50%;cursor:pointer;background-color:#f0a50014;display:flex;align-items:center;justify-content:center;flex-shrink:0;position:relative;transition:border-color .3s,background-color .3s,box-shadow .3s,transform .2s}.btn-huir:after{content:"";position:absolute;inset:-3px;border-radius:50%;border:1px solid rgb(240 165 0 / 0%);transition:border-color .3s;pointer-events:none}.btn-huir:hover{border-color:#f0a50099;background-color:#f0a50026;box-shadow:0 0 12px #f0a5004d,0 0 24px #f0a5001a;transform:scale(1.08)}.btn-huir:hover:after{border-color:#f0a50033}.btn-huir:active{transform:scale(.95);border-color:#f0a500cc;box-shadow:0 0 16px #f0a50066}.btn-huir-icono{width:32px;height:32px;object-fit:contain;border-radius:50%;filter:drop-shadow(0 0 4px rgb(240 165 0 / 40%));transition:filter .3s;pointer-events:none}.btn-huir:hover .btn-huir-icono{filter:drop-shadow(0 0 8px rgb(240 165 0 / 60%))}@media(pointer:coarse){.btn-huir{min-height:44px;min-width:44px}}#pantalla-laberinto{position:relative;display:flex;flex-direction:column;align-items:center}#laberinto-indicador{font-size:.95rem;color:#aaa;margin:2px 0 6px;transition:color .3s,text-shadow .3s}#laberinto-indicador.llave-obtenida{color:var(--color-dorado);text-shadow:0 0 10px rgb(255 215 0 / 60%);animation:brillo-llave 1.5s ease-in-out infinite}@keyframes brillo-llave{0%,to{text-shadow:0 0 10px rgb(255 215 0 / 40%)}50%{text-shadow:0 0 20px rgb(255 215 0 / 80%),0 0 30px rgb(255 215 0 / 30%)}}#laberinto{position:relative;background-color:var(--color-oscuro);touch-action:none;contain:layout paint;border:3px solid var(--color-borde);border-radius:8px;overflow:hidden;box-shadow:inset 0 0 40px #0009,0 0 15px #0000007f}.laberinto-pared{position:absolute;background:linear-gradient(135deg,var(--juego-pared) 0%,var(--juego-pared-medio) 50%,var(--juego-pared-oscuro) 100%);border:1px solid var(--juego-borde);box-shadow:inset 0 0 6px #0006}.laberinto-trampa{position:absolute;display:flex;align-items:center;justify-content:center;z-index:1;border-radius:3px;background-color:#501e1e40;transition:background-color .2s,box-shadow .2s}.laberinto-trampa:after{content:"\1f525";font-size:.9rem;opacity:.15;transition:opacity .2s}.laberinto-trampa.trampa-activa{background-color:#c8321e73;box-shadow:inset 0 0 10px #ff321e7f}.laberinto-trampa.trampa-activa:after{opacity:1;animation:trampa-fuego .4s ease-in-out infinite alternate}@keyframes trampa-fuego{0%{transform:scale(1)}to{transform:scale(1.3)}}.laberinto-trampa-lenta{position:absolute;display:flex;align-items:center;justify-content:center;z-index:1;border-radius:3px;background-color:#1e325040;transition:background-color .3s,box-shadow .3s}.laberinto-trampa-lenta:after{content:"\1f578\fe0f";font-size:.9rem;opacity:.15;transition:opacity .3s}.laberinto-trampa-lenta.trampa-lenta-activa{background-color:#508cdc59;box-shadow:inset 0 0 10px #64b4ff66}.laberinto-trampa-lenta.trampa-lenta-activa:after{opacity:1;animation:trampa-lenta-pulso .6s ease-in-out infinite alternate}@keyframes trampa-lenta-pulso{0%{transform:scale(1);filter:brightness(1)}to{transform:scale(1.2);filter:brightness(1.4)}}.jugador-lento img{filter:brightness(.7) saturate(.5) hue-rotate(200deg)!important;animation:jugador-lento-pulso .8s ease-in-out infinite!important}@keyframes jugador-lento-pulso{0%,to{opacity:1}50%{opacity:.6}}.efecto-flotante{position:absolute;font-weight:700;font-size:.85rem;z-index:10;pointer-events:none;animation:dano-subir 1s ease-out forwards}.efecto-lentitud{color:#7cb8ff;text-shadow:0 0 6px rgb(100 180 255 / 70%)}.jugador-golpeado img{animation:golpe-flash .3s ease!important}@keyframes golpe-flash{0%{filter:brightness(1)}25%{filter:brightness(3) saturate(0)}50%{filter:brightness(1) sepia(1) saturate(5) hue-rotate(-30deg)}to{filter:brightness(1)}}.dano-flotante{position:absolute;font-family:var(--font-display);color:#f44;font-weight:700;font-size:1.4rem;z-index:10;pointer-events:none;text-shadow:0 0 8px rgb(255 0 0 / 80%),0 2px 4px rgb(0 0 0 / 50%);animation:dano-subir 1s ease-out forwards}@keyframes dano-subir{0%{opacity:1;transform:translateY(0) scale(1.5)}30%{opacity:1;transform:translateY(-10px) scale(1)}to{opacity:0;transform:translateY(-35px) scale(.8)}}.screen-shake{animation:screen-shake .3s ease}@keyframes screen-shake{0%,to{transform:translate(0)}15%{transform:translate(-4px,2px)}30%{transform:translate(4px,-2px)}45%{transform:translate(-3px,-1px)}60%{transform:translate(3px,1px)}75%{transform:translate(-1px,2px)}}.vineta-dano:after{content:"";position:absolute;inset:0;border-radius:inherit;box-shadow:inset 0 0 40px #e9456099;pointer-events:none;z-index:20;animation:vineta-flash .4s ease-out forwards}@keyframes vineta-flash{0%{opacity:1}to{opacity:0}}.trasgo-laberinto{position:absolute;z-index:4;transform:scale(1.6)}.trasgo-laberinto img{width:100%;height:100%;border-radius:50%;object-fit:cover;border:2px solid #666;box-shadow:0 0 8px #96969666}.trasgo-laberinto:after{content:"";position:absolute;inset:0;border-radius:50%;box-shadow:0 0 14px #c8505099;animation:pulso-opacity 2s ease-in-out infinite;pointer-events:none}.elite-laberinto{position:absolute;z-index:4}.elite-laberinto img{width:100%;height:100%;border-radius:50%;object-fit:cover;border:2px solid #a855f7;box-shadow:0 0 8px #a855f766}.elite-laberinto:after{content:"";position:absolute;inset:0;border-radius:50%;box-shadow:0 0 14px #a855f799;animation:pulso-opacity 2s ease-in-out infinite;pointer-events:none}.elite-aparicion{animation:elite-spawn .5s ease-out}@keyframes elite-spawn{0%{transform:scale(0);opacity:0}to{opacity:1}}.countdown-elite{position:absolute;top:6px;right:6px;z-index:15;display:flex;flex-direction:column;align-items:center;pointer-events:none;animation:countdown-aparecer .6s ease-out}@keyframes countdown-aparecer{0%{opacity:0;transform:scale(.5)}to{opacity:1;transform:scale(1)}}.countdown-anillo-wrap{position:relative;width:52px;height:52px;filter:drop-shadow(0 0 6px rgb(168 85 247 / 50%))}.countdown-anillo{width:100%;height:100%;transform:rotate(-90deg)}.countdown-pista{fill:none;stroke:#a855f726;stroke-width:6}.countdown-progreso{fill:none;stroke:#a855f7;stroke-width:6;stroke-linecap:round;transition:stroke-dashoffset .8s ease-in-out,stroke .5s ease}.countdown-numero{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-family:var(--font-display);font-size:1.3rem;color:#c084fc;text-shadow:0 0 8px rgb(168 85 247 / 70%);transition:color .5s ease,text-shadow .5s ease}.countdown-tick{animation:countdown-tick .3s ease-out}@keyframes countdown-tick{0%{transform:scale(1.3);opacity:.6}to{transform:scale(1);opacity:1}}.countdown-texto{font-family:var(--font-body);font-size:.5rem;font-weight:700;color:#c084fcb3;letter-spacing:.1em;text-transform:uppercase;margin-top:2px;text-shadow:0 0 6px rgb(168 85 247 / 40%);transition:color .5s ease}.laberinto-amenaza{border-color:#a855f766!important;box-shadow:inset 0 0 40px #0009,0 0 15px #0000007f,0 0 12px #a855f740,inset 0 0 12px #a855f71a!important;animation:borde-amenaza 2s ease-in-out infinite!important}@keyframes borde-amenaza{0%,to{border-color:#a855f740}50%{border-color:#a855f77f}}.countdown-urgente .countdown-progreso{stroke:#ef4444}.countdown-urgente .countdown-anillo-wrap{filter:drop-shadow(0 0 8px rgb(239 68 68 / 60%));animation:countdown-sacudir .4s ease-in-out infinite}.countdown-urgente .countdown-numero{color:#f87171;text-shadow:0 0 10px rgb(239 68 68 / 90%);animation:countdown-pulso-num .5s ease-in-out infinite}.countdown-urgente .countdown-texto{color:#f87171e5}.laberinto-amenaza-urgente{border-color:#ef44447f!important;box-shadow:inset 0 0 40px #0009,0 0 15px #0000007f,0 0 15px #ef444459,inset 0 0 15px #ef444426!important;animation:borde-amenaza-urgente .6s ease-in-out infinite!important}@keyframes borde-amenaza-urgente{0%,to{border-color:#ef44444d}50%{border-color:#ef444499}}@keyframes countdown-sacudir{0%,to{transform:translate(0)}25%{transform:translate(-2px) rotate(-1deg)}75%{transform:translate(2px) rotate(1deg)}}@keyframes countdown-pulso-num{0%,to{transform:scale(1)}50%{transform:scale(1.15)}}.countdown-salida{animation:countdown-salida .4s ease-in forwards}@keyframes countdown-salida{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.3)}}.laberinto-llave{position:absolute;display:flex;align-items:center;justify-content:center;animation:flotar-llave 2s ease-in-out infinite;z-index:2}.laberinto-llave img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 0 4px rgb(255 215 0 / 60%))}.indicador-llave-img{height:1.1em;vertical-align:middle;filter:drop-shadow(0 0 3px rgb(255 215 0 / 50%))}.toast-llave-img{height:1.2em;vertical-align:middle}@keyframes flotar-llave{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}.laberinto-llave.llave-recogida{animation:absorber-llave .5s ease-in forwards;pointer-events:none}@keyframes absorber-llave{0%{transform:scale(1);opacity:1}50%{transform:scale(1.5);opacity:.7}to{transform:scale(0);opacity:0}}.laberinto-salida{position:absolute;display:flex;align-items:center;justify-content:center;font-size:1.4rem;z-index:1;opacity:.6}.jugador-laberinto{position:absolute;z-index:5}.jugador-laberinto img{width:100%;height:100%;border-radius:50%;object-fit:cover;border:2px solid #888;box-shadow:0 0 8px #0009}.jugador-laberinto.jugador-lina img{border-color:#9b59b6;box-shadow:0 0 10px #9b59b67f}.jugador-laberinto.jugador-rose img{border-color:#2ecc71;box-shadow:0 0 10px #2ecc717f}.jugador-laberinto.jugador-pandajuro img{border-color:#c0392b;box-shadow:0 0 10px #c0392b7f}.jugador-laberinto.jugador-hana img{border-color:#e91e90;box-shadow:0 0 10px #e91e907f}.jugador-laberinto.jugador-kira img{border-color:#2ec4b6;box-shadow:0 0 10px #2ec4b67f}.jugador-laberinto.jugador-donbu img{border-color:#d4a052;box-shadow:0 0 10px #d4a0527f}.jugador-laberinto.jugador-pompom img{border-color:#f8a5c2;box-shadow:0 0 10px #f8a5c27f}.jugador-laberinto.jugador-orejas img{border-color:#e67e22;box-shadow:0 0 10px #e67e227f}#laberinto-mensaje{font-family:var(--font-display);font-size:1.3rem;color:#4cff4c;margin:4px 0;text-shadow:0 0 15px rgb(76 255 76 / 50%);animation:aparecer-mensaje .4s ease}@keyframes aparecer-mensaje{0%{transform:scale(.5);opacity:0}to{transform:scale(1);opacity:1}}.laberinto-hint{margin-top:4px;font-size:.85rem;color:var(--color-texto-muy-apagado);animation:parpadeo-hint 2s ease-in-out infinite}@media(hover:none),(pointer:coarse){.laberinto-hint{display:none}}#pantalla-laberinto3d{position:relative;display:flex;flex-direction:column;align-items:center}#contenedor-3d{position:relative;contain:layout paint;border:3px solid var(--color-borde);border-radius:8px;overflow:hidden;box-shadow:inset 0 0 40px #0009,0 0 15px #0000007f}#canvas-3d{display:block}#canvas-minimapa{position:absolute;top:8px;right:8px;border:2px solid rgb(150 100 200 / 40%);border-radius:4px;opacity:.85}#laberinto3d-indicador{font-size:.95rem;color:#aaa;margin:2px 0 6px;transition:color .3s,text-shadow .3s}#laberinto3d-indicador.llave-obtenida{color:var(--color-dorado);text-shadow:0 0 10px rgb(255 215 0 / 60%);animation:brillo-llave-3d 1.5s ease-in-out infinite}@keyframes brillo-llave-3d{0%,to{text-shadow:0 0 10px rgb(255 215 0 / 40%)}50%{text-shadow:0 0 20px rgb(255 215 0 / 80%),0 0 30px rgb(255 215 0 / 30%)}}#laberinto3d-mensaje{font-family:var(--font-display);font-size:1.3rem;color:#4cff4c;margin:4px 0;text-shadow:0 0 15px rgb(76 255 76 / 50%);animation:aparecer-mensaje-3d .4s ease}@keyframes aparecer-mensaje-3d{0%{transform:scale(.5);opacity:0}to{transform:scale(1);opacity:1}}@media(orientation:landscape)and (pointer:coarse){#juego.juego-inmersivo #laberinto3d-indicador{display:none}#juego.juego-inmersivo #contenedor-3d{border-width:1px;border-radius:4px}}#pantalla-memorice{position:relative;display:flex;flex-direction:column;align-items:center}#memorice-indicador{display:flex;flex-direction:column;align-items:center;gap:5px;margin:4px auto 10px;padding:8px 20px;min-width:180px;background:#0006;border:1px solid rgb(255 255 255 / 12%);border-radius:12px;transition:border-color .3s,box-shadow .3s}.memorice-indicador-texto{font-family:var(--font-display);font-size:1.05rem;color:#ddd;letter-spacing:.5px;transition:color .3s,text-shadow .3s}.memorice-indicador-barra{width:100%;height:5px;background:#ffffff14;border-radius:3px;overflow:hidden}.memorice-indicador-progreso{height:100%;border-radius:3px;background:var(--juego-accent, #5eeadb);transition:width .4s ease-out,background-color .3s}#memorice-indicador.memorice-alerta{border-color:#e9456066;box-shadow:0 0 15px #e9456040;animation:memorice-alerta-pulso .8s ease-in-out infinite}#memorice-indicador.memorice-alerta .memorice-indicador-texto{color:#e94560;text-shadow:0 0 10px rgb(233 69 96 / 60%)}#memorice-indicador.memorice-alerta .memorice-indicador-progreso{background:#e94560}@keyframes memorice-alerta-pulso{0%,to{opacity:1}50%{opacity:.7}}.memorice-grilla{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;max-width:500px;width:100%;padding:0 8px}.memorice-carta{aspect-ratio:3 / 4;perspective:600px;cursor:pointer}.memorice-carta-inner{position:relative;width:100%;height:100%;transform-style:preserve-3d;transition:transform .5s ease}.memorice-volteada .memorice-carta-inner{transform:rotateY(180deg)}.memorice-carta-front,.memorice-carta-back{position:absolute;inset:0;backface-visibility:hidden;border-radius:10px;display:flex;flex-direction:column;align-items:center;justify-content:center;border:2px solid var(--juego-borde)}.memorice-carta-front{transform:rotateY(180deg);background:linear-gradient(145deg,var(--juego-pared) 0%,var(--juego-pared-medio) 60%,var(--juego-pared-oscuro) 100%);padding:8px 4px 6px;gap:4px}.memorice-carta-front img{width:60%;aspect-ratio:1;border-radius:50%;object-fit:cover;border:2px solid var(--juego-accent);box-shadow:0 0 8px #e945604d}.memorice-carta-nombre{font-family:var(--font-display);font-size:.65rem;color:#ddd;text-align:center;line-height:1.1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}.memorice-carta-back{background:linear-gradient(145deg,var(--juego-pared) 0%,var(--juego-pared-medio) 50%,var(--juego-pared-oscuro) 100%);box-shadow:inset 0 0 20px #0006,0 2px 8px #0000007f;overflow:hidden}.memorice-carta-back img{width:65%;aspect-ratio:1;object-fit:contain;border-radius:16px;filter:drop-shadow(0 0 8px rgb(233 69 96 / 40%))}.memorice-carta-villano .memorice-carta-front{border-color:#c8323266}.memorice-carta-villano .memorice-carta-front img{border-color:#c03030;box-shadow:0 0 8px #c8323266}.memorice-encontrada .memorice-carta-front{border-color:var(--color-dorado);box-shadow:0 0 12px #ffd7007f;animation:memorice-encontrada .5s ease}@keyframes memorice-encontrada{0%{transform:rotateY(180deg) scale(1)}50%{transform:rotateY(180deg) scale(1.1)}to{transform:rotateY(180deg) scale(1)}}.memorice-desactivada{opacity:.4;filter:grayscale(.8);pointer-events:none}@media(width<=500px){.memorice-grilla{gap:5px;padding:0 4px}.memorice-carta-nombre{font-size:.55rem}#memorice-indicador{min-width:150px;padding:6px 14px}.memorice-indicador-texto{font-size:.9rem}}#pantalla-abismo{position:relative;display:flex;flex-direction:column;align-items:center;overflow:hidden}.plat-wrapper{position:relative;display:inline-block;max-width:100%}#canvas-platformer{display:block;image-rendering:pixelated;border:3px solid var(--juego-borde);border-radius:8px;box-shadow:inset 0 0 40px #0009,0 0 15px #0000007f;max-width:100%;box-sizing:border-box}.plat-hud-boss{position:absolute;bottom:10px;left:50%;transform:translate(-50%);text-align:center;pointer-events:none}.plat-boss-nombre{display:block;color:#fff;font-family:var(--font-body);font-size:.65rem;font-weight:600;margin-bottom:3px;text-shadow:0 1px 3px rgb(0 0 0 / 80%)}.plat-boss-barra-fondo{width:140px;height:8px;background:#0009;border-radius:4px;border:1px solid rgb(187 134 252 / 40%);overflow:hidden}.plat-boss-barra-vida{height:100%;background:#bb86fc;border-radius:3px;transition:width .2s ease}.plat-hud-jugador{position:absolute;top:8px;left:8px;display:none;align-items:center;gap:6px;pointer-events:auto;z-index:5}.plat-hud-huir{width:28px;height:28px;padding:0;border:1.5px solid rgb(240 165 0 / 40%);border-radius:50%;background-color:#0000007f;cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:border-color .2s,background-color .2s}.plat-hud-huir:active{background-color:#f0a50040;border-color:#f0a500b3}.plat-hud-huir-icono{width:20px;height:20px;object-fit:contain;border-radius:50%;pointer-events:none}.barra-vida-compacta{gap:4px;flex:none;min-width:0}.barra-vida-compacta .barra-vida-corazon{font-size:.65rem}.barra-vida-compacta .barra-vida-fondo{width:80px;flex:none;height:12px;border-radius:6px;border:1px solid rgb(94 234 219 / 30%);background:#0009}.barra-vida-compacta .barra-vida-relleno{border-radius:5px}.barra-vida-compacta .barra-vida-texto{font-size:.55rem}.barra-vida-compacta .barra-vida-relleno:after{display:none}.inventario-compacto{gap:3px}.inventario-compacto .inventario-slot{width:20px;height:20px;border-width:1px;border-radius:4px}@media(orientation:landscape)and (pointer:coarse){.plat-hud-jugador{display:flex}}.ajedrez-dificultad-overlay{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;background-color:#000000b3;z-index:20}.ajedrez-dificultad-panel{background-color:var(--juego-pared-medio, #2e1e08);border:2px solid var(--juego-borde, rgb(240 160 48 / 20%));border-radius:var(--radio-tarjeta, 12px);padding:32px 40px;text-align:center}.ajedrez-dificultad-titulo{font-family:var(--font-display);color:var(--juego-accent, #f0a030);font-size:1.4rem;margin:0 0 20px}.ajedrez-dificultad-opciones{display:flex;gap:12px;justify-content:center}.ajedrez-dificultad-btn{padding:10px 24px;font-size:1rem;font-family:var(--font-display);border:2px solid var(--juego-borde, rgb(240 160 48 / 20%));border-radius:var(--radio-boton, 8px);background-color:#ffffff0d;color:var(--color-texto-secundario, #b0b0c0);cursor:pointer;transition:background-color .2s,border-color .2s,color .2s,transform .15s}.ajedrez-dificultad-btn:hover{background-color:#f0a03026;border-color:var(--juego-accent, #f0a030);color:var(--juego-accent, #f0a030);transform:scale(1.05)}.ajedrez-color-activo,.ajedrez-dificultad-activo{border-color:var(--juego-accent, #f0a030);background-color:#f0a03026;color:var(--juego-accent, #f0a030)}.ajedrez-dificultad-titulo-segundo{margin-top:20px}.ajedrez-btn-iniciar{font-family:var(--font-display);font-size:1.1rem;font-weight:600;letter-spacing:.06em;color:#1a1209;padding:10px 40px;border:1px solid rgb(200 160 80 / 50%);border-radius:20px;background:linear-gradient(180deg,#d4a84a,#b8903c);cursor:pointer;margin-top:24px;box-shadow:inset 0 1px #fff3,0 2px 6px #0000004d;transition:transform .15s ease,box-shadow .15s ease}.ajedrez-btn-iniciar:hover{transform:translateY(-1px);box-shadow:inset 0 1px #ffffff40,0 3px 12px #c8a05059}.ajedrez-btn-iniciar:active{transform:translateY(0);box-shadow:inset 0 1px 3px #0003,0 1px 2px #0003}.ajedrez-indicador-turno{text-align:center;font-family:var(--font-display);font-size:1rem;padding:6px 0;color:var(--color-texto-secundario);transition:color .3s}.ajedrez-turno-jugador{color:var(--juego-accent, #f0a030)}.ajedrez-turno-ia{color:#888;font-style:italic}.ajedrez-tablero-wrap{display:grid;grid-template-columns:auto 1fr;grid-template-rows:1fr auto;gap:4px;place-items:center center;margin:4px auto;width:fit-content}.ajedrez-grilla{display:grid;grid-template-columns:repeat(8,var(--tam-celda, 60px));grid-template-rows:repeat(8,var(--tam-celda, 60px));border:2px solid var(--juego-borde, rgb(240 160 48 / 20%));border-radius:4px;overflow:hidden;grid-column:2;grid-row:1}.ajedrez-celda{display:flex;align-items:center;justify-content:center;position:relative;cursor:pointer;transition:background-color .15s}.ajedrez-clara{background-color:#e8d4a8}.ajedrez-oscura{background-color:#8b6b3d}.ajedrez-seleccionada{background-color:#f0c85099!important}.ajedrez-movimiento-valido:after{content:"";position:absolute;width:30%;height:30%;border-radius:50%;background-color:#00000040;pointer-events:none}.ajedrez-movimiento-valido:has(.ajedrez-pieza-enemiga):after{width:90%;height:90%;background-color:transparent;border:4px solid rgb(0 0 0 / 25%)}.ajedrez-ultimo-desde{background-color:#c8b45066!important}.ajedrez-ultimo-hasta{background-color:#c8b4507f!important}.ajedrez-jaque{animation:ajedrez-flash-jaque .6s ease-in-out 2}@keyframes ajedrez-flash-jaque{0%,to{background-color:inherit}50%{background-color:#dc282899}}.ajedrez-pieza{position:relative;z-index:1}.ajedrez-pieza-wrap{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.ajedrez-pieza-img{width:85%;height:85%;border-radius:50%;object-fit:cover;pointer-events:none}.ajedrez-pieza-enemiga{border:2px solid rgb(200 50 50 / 40%);box-shadow:0 0 6px #c832324d}.ajedrez-pieza-simbolo{font-size:calc(var(--tam-celda, 60px) * .7);line-height:1;pointer-events:none;text-shadow:0 1px 2px rgb(0 0 0 / 40%);color:#fff}.ajedrez-pieza-negra{color:#2c1810;text-shadow:0 1px 2px rgb(255 255 255 / 15%)}.ajedrez-pieza-badge{position:absolute;bottom:0;right:0;font-size:calc(var(--tam-celda, 60px) * .32);line-height:1;width:calc(var(--tam-celda, 60px) * .36);height:calc(var(--tam-celda, 60px) * .36);display:flex;align-items:center;justify-content:center;border-radius:50%;pointer-events:none;background-color:#140f0ad9;border:1.5px solid rgb(255 255 255 / 25%);color:#fff;text-shadow:0 1px 2px rgb(0 0 0 / 60%)}.ajedrez-badge-negro{color:#2c1810;background-color:#dcc8aad9;border-color:#00000040;text-shadow:none}.ajedrez-badge-enemigo{color:#f87171;border-color:#c8323266}.ajedrez-coords{display:flex;font-size:.7rem;color:var(--color-texto-muy-apagado, #666);user-select:none}.ajedrez-coords-col{grid-column:2;grid-row:2;justify-content:space-around;width:100%;padding:2px 0}.ajedrez-coords-fila{grid-column:1;grid-row:1;flex-direction:column;justify-content:space-around;height:100%;padding:0 4px}.ajedrez-panel-capturas{grid-column:1 / -1;display:flex;gap:16px;justify-content:center;padding:8px 0;min-height:36px}.ajedrez-capturas{display:flex;flex-wrap:wrap;gap:2px;align-items:center}.ajedrez-captura-miniatura{width:24px;height:24px;font-size:1.2rem;opacity:.7}.ajedrez-captura-miniatura.ajedrez-pieza-img{width:24px;height:24px}#pantalla-ajedrez{--tam-celda: 60px;position:relative;display:flex;flex-direction:column;align-items:center;padding:8px}@media(width<=540px){#pantalla-ajedrez{--tam-celda: calc((100vw - 40px)/8) }}@media(width<=400px){#pantalla-ajedrez{--tam-celda: calc((100vw - 32px)/8) }}@media(width>=541px)and (width<=768px){#pantalla-ajedrez{--tam-celda: 56px}}#biblioteca{width:100%;height:100dvh;display:flex;align-items:center;justify-content:center;background:#1a0e05 url(../../assets/img/biblioteca/sala-fondo.webp) center / cover no-repeat;overflow:hidden;position:relative}#biblioteca:after{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at center,transparent 30%,rgb(15 8 0 / 55%) 100%);pointer-events:none}.escena-biblioteca{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;width:100%;max-width:520px;padding:0 20px}.escena-entrada .estante{animation:entrada-estante .8s ease-out both}.escena-entrada .estante-sombra-piso{animation:entrada-sombra .8s ease-out .1s both}@keyframes entrada-estante{0%{opacity:0;transform:scale(.92) translateY(25px)}}@keyframes entrada-sombra{0%{opacity:0}}.escena-particulas{position:fixed;inset:0;pointer-events:none;z-index:3;overflow:hidden}.particula{position:absolute;left:var(--x);bottom:-10px;width:var(--size);height:var(--size);border-radius:50%;background:#ffe6aa;animation:flotar var(--dur) linear var(--delay) infinite}@keyframes flotar{0%{transform:translateY(0) translate(0);opacity:0}10%{opacity:var(--alpha)}90%{opacity:var(--alpha)}to{transform:translateY(calc(-100vh - 20px)) translate(var(--drift));opacity:0}}.escena-luz{position:fixed;inset:0;background:linear-gradient(115deg,rgb(255 215 130 / 10%) 0%,rgb(255 200 100 / 5%) 35%,transparent 60%);pointer-events:none;z-index:3}.estante{display:flex;flex-direction:column;align-items:center;width:100%;max-width:460px;position:relative;background:#28190c38;backdrop-filter:blur(6px);border:1px solid rgb(180 140 80 / 20%);border-radius:8px;overflow:hidden}.estante-corona{width:100%;height:3px;background:linear-gradient(90deg,transparent,rgb(200 160 80 / 50%) 20%,rgb(220 180 100 / 60%) 50%,rgb(200 160 80 / 50%) 80%,transparent)}.estante-encabezado{width:100%;padding:16px 16px 12px;text-align:center;background:#3c230f99}.estante-titulo{font-family:var(--font-display);font-size:2rem;font-weight:700;color:#f0d8a0;text-shadow:0 1px 0 rgb(0 0 0 / 40%),0 0 20px rgb(200 160 80 / 25%);margin:0;letter-spacing:.04em;line-height:1}.estante-subtitulo{font-family:var(--font-display);font-size:.85rem;color:#f0d8a08c;margin:4px 0 0;letter-spacing:.08em;font-style:italic}.estante-repisa{display:flex;justify-content:center;gap:24px;padding:28px 24px 20px;width:100%;box-sizing:border-box;background:#321e0f7f;perspective:800px}.estante-libro{display:flex;flex-direction:column;align-items:center;gap:10px}.estante-lomo{width:105px;height:190px;padding:0;border:none;border-radius:3px 6px 6px 3px;cursor:pointer;position:relative;transform-style:preserve-3d;overflow:hidden;transition:transform .35s cubic-bezier(.25,.46,.45,.94),box-shadow .35s ease;box-shadow:2px 3px 10px #0006,inset 0 0 0 1px #ffffff14;background:var(--lomo-color)}.estante-lomo:after{content:"";position:absolute;top:4px;right:-3px;bottom:4px;width:3px;background:linear-gradient(180deg,#f0e4d0,#e0d4c0 50%,#d0c4b0);border-radius:0 2px 2px 0;box-shadow:1px 0 3px #0003}.estante-lomo:hover,.estante-lomo:focus-visible{transform:rotateY(-8deg) translateY(-12px) translateZ(10px);box-shadow:4px 10px 25px #0000007f,0 0 30px color-mix(in srgb,var(--lomo-color) 35%,transparent),inset 0 0 0 1px #ffffff26}.estante-lomo:active{transform:rotateY(-4deg) translateY(-6px) translateZ(5px);transition-duration:.1s}.estante-lomo-img{position:absolute;inset:-4px;width:calc(100% + 8px);height:calc(100% + 8px);object-fit:cover;border-radius:inherit;transition:filter .3s ease}.estante-lomo:hover .estante-lomo-img,.estante-lomo:focus-visible .estante-lomo-img{filter:brightness(1.15)}.estante-lomo-titulo{font-family:var(--font-display);font-size:.72rem;font-weight:600;font-variant:small-caps;letter-spacing:.1em;line-height:1.3;text-align:center;max-width:110px;color:#dcbe82e5;text-shadow:0 0 12px rgb(200 160 80 / 30%);transition:color .3s ease}.estante-libro:hover .estante-lomo-titulo{color:#f0d8a0;text-shadow:0 0 8px rgb(200 160 80 / 40%),0 0 20px rgb(200 160 80 / 15%)}.estante-tabla{width:100%;height:8px;background:linear-gradient(180deg,#8c6e4b99,#644b3266);box-shadow:0 3px 8px #0003}.estante-base{width:100%;height:4px;background:linear-gradient(180deg,#00000026,#0000004d)}.estante-sombra-piso{width:70%;max-width:360px;height:12px;background:radial-gradient(ellipse at 50% 0%,rgb(0 0 0 / 25%) 0%,rgb(0 0 0 / 8%) 50%,transparent 80%);margin-top:-1px}@media(width<=768px){.estante-titulo{font-size:1.7rem}.estante-subtitulo{font-size:.78rem}.estante-repisa{gap:18px;padding:22px 20px 16px}.estante-lomo{width:90px;height:165px}.estante-libro{gap:8px}.estante-lomo-titulo{font-size:.68rem;max-width:95px}}@media(width<=480px){.escena-biblioteca{padding:0 12px}.estante-titulo{font-size:1.4rem}.estante-encabezado{padding:12px 12px 8px}.estante-repisa{gap:12px;padding:18px 14px 12px}.estante-lomo{width:74px;height:140px}.estante-libro{gap:6px}.estante-lomo-titulo{font-size:.62rem;max-width:80px;letter-spacing:.06em}}