:root{--tinta: #2b2160;--tinta-suave: #5b5390;--fondo1: #f4efff;--fondo2: #e4f3ff;--rosa: #ff5fa2;--amarillo: #ffc83d;--morado: #7c5cff;--c1: #7c5cff;--c2: #4fa8ff;--radio: 28px;--sombra: 0 10px 30px rgba(60, 40, 140, .18);font-family:"Baloo 2",ui-rounded,SF Pro Rounded,system-ui,sans-serif;color:var(--tinta);-webkit-tap-highlight-color:transparent}*{box-sizing:border-box}html,body{margin:0;height:100%;overflow:hidden;background:var(--fondo1)}body{overscroll-behavior:none;user-select:none;-webkit-user-select:none;touch-action:manipulation}button{font:inherit;color:inherit;border:0;background:none;cursor:pointer;padding:0}svg{display:block}h1,h2,h3,p{margin:0}#app{position:fixed;top:0;right:0;bottom:0;left:0}.pantalla{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden auto;background:linear-gradient(160deg,var(--fondo1),var(--fondo2));padding:max(14px,env(safe-area-inset-top)) max(16px,env(safe-area-inset-right)) max(16px,env(safe-area-inset-bottom)) max(16px,env(safe-area-inset-left));animation:aparecer .35s ease-out}@keyframes aparecer{0%{opacity:0;transform:scale(.985)}}.burbujas-fondo{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;overflow:hidden;z-index:0}.burbujas-fondo span{position:absolute;bottom:-160px;border-radius:50%;background:radial-gradient(circle at 30% 30%,#ffffffe6,rgba(var(--b, 180,150,255),.25));opacity:.55;animation:subir linear infinite}.burbujas-fondo span:nth-child(3n){--b: 120, 200, 255}.burbujas-fondo span:nth-child(3n+1){--b: 255, 150, 200}@keyframes subir{to{transform:translateY(-130vh) translate(40px)}}.pantalla>*:not(.burbujas-fondo):not(.escenario):not(.capa):not(.capa-guia):not(.hud){position:relative;z-index:1}.btn-grande,.btn-medio,.btn-chico{display:inline-flex;align-items:center;justify-content:center;gap:10px;border-radius:999px;font-weight:800;transition:transform .15s,box-shadow .15s}.btn-grande{padding:14px 30px;font-size:1.35rem;color:#fff;background:linear-gradient(135deg,#ff7eb6,#ff5fa2 50%,#ff8a5c);box-shadow:0 8px #d43f82,0 14px 30px #ff5fa266}.btn-grande svg{width:26px;height:26px}.btn-grande:active{transform:translateY(5px);box-shadow:0 3px #d43f82,0 6px 14px #ff5fa259}.btn-medio{padding:10px 22px;font-size:1.1rem;background:#fff;color:var(--tinta);box-shadow:0 5px #d9d1f5,var(--sombra)}.btn-medio svg{width:22px;height:22px}.btn-medio:active{transform:translateY(4px);box-shadow:0 1px #d9d1f5}.btn-chico{padding:6px 14px;font-size:.95rem;background:#7c5cff1f;color:var(--morado)}.btn-chico svg{width:18px;height:18px}.btn-redondo{width:52px;height:52px;border-radius:50%;display:grid;place-items:center;flex:none;background:#fff;color:var(--morado);box-shadow:0 4px #d9d1f5,var(--sombra);transition:transform .15s}.btn-redondo svg{width:26px;height:26px}.btn-redondo:active{transform:translateY(3px) scale(.96)}.btn-redondo.apagado{color:#a59cc8}.pulso{animation:pulso 1.6s ease-in-out infinite}@keyframes pulso{50%{transform:scale(1.05)}}.inicio{display:grid;place-items:center;background:radial-gradient(circle at 70% 20%,#ffe3f1,transparent 50%),linear-gradient(160deg,#efe6ff,#dff1ff)}.inicio-contenido{display:flex;align-items:center;gap:clamp(10px,4vw,60px);flex-wrap:wrap;justify-content:center;text-align:center}.inicio-guia{height:min(52vh,460px);max-width:80vw;object-fit:contain;filter:drop-shadow(0 18px 30px rgba(80,50,160,.25));animation:flotar 4s ease-in-out infinite}@keyframes flotar{50%{transform:translateY(-10px)}}.logo{font-size:clamp(3.4rem,12vw,6rem);font-weight:800;line-height:.9;letter-spacing:.02em;background:linear-gradient(135deg,#7c5cff,#ff5fa2 60%,#ffb03d);-webkit-background-clip:text;background-clip:text;color:transparent}.inicio h1{font-size:clamp(1.3rem,4.6vw,2rem);margin:14px 0 22px;color:var(--tinta-suave)}.barra-superior{display:flex;align-items:center;gap:12px;max-width:1100px;margin:0 auto 10px}.barra-superior .acciones{margin-left:auto;display:flex;gap:10px}.logo-chico{display:flex;align-items:center;gap:8px}.logo-chico .logo-epai{height:46px;width:auto;background:#fff;border-radius:14px;padding:4px 8px;box-shadow:var(--sombra)}.logo-chico span{font-size:1.05rem;color:var(--tinta-suave);font-weight:700}.logo-grande{width:min(400px,82vw,58vh);background:#ffffffd9;border-radius:32px;padding:14px 18px 8px;box-shadow:var(--sombra);margin:0 auto}.logo-grande .logo-epai{width:100%;height:auto}.nombre-guia{display:block;font-size:.78rem;font-weight:800;color:var(--rosa);text-transform:uppercase;letter-spacing:.08em;line-height:1.2}.sello-epai{position:fixed;right:max(10px,env(safe-area-inset-right));bottom:max(10px,env(safe-area-inset-bottom));z-index:35;background:#ffffffeb;border-radius:14px;padding:4px 8px;box-shadow:0 4px 14px #28146433;pointer-events:none}.sello-epai .logo-epai{height:38px;width:auto;display:block}body[data-pantalla=inicio] .sello-epai{display:none}body[data-pantalla=jugando] .sello-epai{opacity:.8}body[data-pantalla=jugando] .sello-epai .logo-epai{height:30px}@media(max-width:560px){.logo-chico span{display:none}}.titulo-juego{font-size:clamp(1.4rem,5vw,2rem);color:#fff;text-shadow:0 3px 0 rgba(0,0,0,.12)}.guia-burbuja{display:flex;align-items:flex-end;gap:10px;cursor:pointer}.guia-avatar{width:86px;height:86px;flex:none;border-radius:50%;overflow:hidden;position:relative;background:radial-gradient(circle at 50% 35%,#fff,#ffd9ec 70%);border:4px solid #fff;box-shadow:0 6px 20px #7c5cff59}.guia-avatar img{width:100%;height:100%;object-fit:cover;object-position:50% 10%;transform:scale(1.08) translateY(4%)}.guia-globo{position:relative;background:#fff;border-radius:22px 22px 22px 6px;padding:10px 16px;box-shadow:var(--sombra);max-width:560px;font-weight:600;font-size:1.05rem;line-height:1.3}.guia-burbuja.hablando .guia-avatar{animation:hablar .5s ease-in-out infinite}@keyframes hablar{50%{transform:translateY(-4px) rotate(-3deg)}}.guia-burbuja.fija{max-width:1100px;margin:0 auto 16px;opacity:0;transform:translateY(10px);transition:.4s}.guia-burbuja.fija.visible{opacity:1;transform:none}.guia-burbuja.auto{position:absolute;left:max(12px,env(safe-area-inset-left));bottom:max(12px,env(safe-area-inset-bottom));z-index:30;pointer-events:none;opacity:0;transform:translateY(30px) scale(.9);transition:.35s cubic-bezier(.2,1.4,.4,1);max-width:calc(100% - 24px)}.guia-burbuja.auto.visible{opacity:1;transform:none}.guia-burbuja.auto .guia-avatar{width:72px;height:72px}.guia-burbuja.auto .guia-globo{font-size:1rem}.rejilla{max-width:1100px;margin:0 auto;display:grid;gap:16px;padding-bottom:20px;grid-template-columns:repeat(auto-fill,minmax(min(100%,300px),1fr))}.tarjeta{display:flex;align-items:center;gap:14px;text-align:left;padding:16px;min-height:130px;border-radius:var(--radio);color:#fff;position:relative;overflow:hidden;background:linear-gradient(135deg,var(--c1),var(--c2));box-shadow:0 8px #00000014,var(--sombra);transition:transform .2s cubic-bezier(.2,1.5,.4,1);animation:entrarTarjeta .5s backwards;animation-delay:calc(var(--i) * 60ms)}.tarjeta:after{content:"";position:absolute;right:-40px;top:-40px;width:140px;height:140px;border-radius:50%;background:#ffffff24}@keyframes entrarTarjeta{0%{opacity:0;transform:translateY(30px) scale(.9)}}.tarjeta:hover{transform:translateY(-4px) scale(1.02)}.tarjeta:active{transform:scale(.97)}.tarjeta-icono{width:88px;height:88px;flex:none}.tarjeta-icono svg{width:100%;height:100%}.tarjeta-info{display:flex;flex-direction:column;gap:2px;position:relative;z-index:1}.tarjeta h3{font-size:1.4rem;line-height:1.1}.tarjeta p{font-size:.98rem;opacity:.95;line-height:1.2}.etiqueta{display:inline-block;align-self:flex-start;font-size:.8rem;font-weight:800;text-transform:uppercase;letter-spacing:.06em;background:#ffffff40;padding:1px 10px;border-radius:999px}.tarjeta-estrellas,.tarjeta-pronto{display:flex;align-items:center;gap:4px;margin-top:4px;font-weight:700}.tarjeta-estrellas .estrella{width:22px;height:22px}.tarjeta-pronto svg{width:18px;height:18px}.tarjeta.pronto{filter:saturate(.75)}.tarjeta.pronto .tarjeta-icono{opacity:.85}.sacude{animation:sacudir .45s}@keyframes sacudir{20%,60%{transform:translate(-6px) rotate(-1deg)}40%,80%{transform:translate(6px) rotate(1deg)}}.estrella path{fill:#fff3c4;stroke:#e7c66a}.estrella.llena path{fill:#ffc83d;stroke:#f0a400}.tarjeta .estrella.llena path{fill:#ffe27a;stroke:#fff}.estrella.vacia path{fill:#ffffff59;stroke:#ffffffb3}.portada-juego{background:linear-gradient(160deg,var(--c1),var(--c2))}.portada-juego .burbujas-fondo span{--b: 255, 255, 255;opacity:.25}.portada{max-width:1100px;margin:0 auto;display:flex;flex-direction:column;gap:18px}.portada-guia{display:flex;align-items:flex-end;gap:8px}.portada-guia img{height:clamp(160px,30vh,280px);filter:drop-shadow(0 12px 20px rgba(0,0,0,.2));margin-bottom:-10px;transform-origin:bottom center}.portada-guia.hablando img{animation:hablarGrande .6s ease-in-out infinite}@keyframes hablarGrande{50%{transform:translateY(-5px) rotate(-1.5deg)}}.globo-grande{background:#fff;border-radius:26px 26px 26px 8px;padding:14px 18px;box-shadow:var(--sombra);font-size:clamp(1rem,2.6vw,1.2rem);font-weight:600;line-height:1.3;display:flex;flex-direction:column;gap:10px;align-items:flex-start;margin-bottom:30px}.camino{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;background:#fff3;border-radius:var(--radio);padding:18px 10px;position:relative}.nivel{display:flex;flex-direction:column;align-items:center;gap:4px;color:#fff;animation:entrarTarjeta .5s backwards;animation-delay:calc(var(--i) * 80ms + .2s)}.nivel-circulo{width:clamp(56px,13vw,86px);aspect-ratio:1;border-radius:50%;display:grid;place-items:center;background:#fff;color:var(--c1);font-size:clamp(1.6rem,5vw,2.4rem);font-weight:800;box-shadow:0 6px #0000001f,0 10px 20px #00000026;transition:transform .2s cubic-bezier(.2,1.5,.4,1)}.nivel:not(.cerrado):hover .nivel-circulo{transform:scale(1.08) rotate(-4deg)}.nivel:not(.cerrado):active .nivel-circulo{transform:scale(.94)}.nivel.hecho .nivel-circulo{background:linear-gradient(135deg,#fff6d6,#ffe08a);color:#b9780a}.nivel.cerrado .nivel-circulo{background:#ffffff59;color:#ffffffe6;box-shadow:none}.nivel.cerrado .nivel-circulo svg{width:40%;height:40%}.nivel-titulo{font-weight:700;font-size:clamp(.8rem,2.4vw,1rem);text-align:center;line-height:1.1}.nivel-estrellas{display:flex;gap:1px}.nivel-estrellas .estrella{width:clamp(14px,3.6vw,22px)}.jugando{padding:0;background:linear-gradient(180deg,#20185a,#3d2a86 55%,#6a3fa6)}.jugando:has(.capa.activa) .capa-guia{display:none}.escenario{position:absolute;top:0;right:0;bottom:0;left:0;touch-action:none}.escenario canvas{display:block;width:100%;height:100%}.hud{position:absolute;left:0;right:0;top:0;z-index:20;pointer-events:none;padding:max(10px,env(safe-area-inset-top)) max(12px,env(safe-area-inset-right)) 0 max(12px,env(safe-area-inset-left));display:grid;grid-template-columns:auto 1fr auto auto;grid-template-areas:"p info marc mudo" "centro centro centro centro";gap:8px 10px;align-items:center}.hud>*{pointer-events:auto}.hud #pausa{grid-area:p}.hud-info{grid-area:info;color:#fff;min-width:0;background:#2b216073;border-radius:18px;padding:3px 12px 7px;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}.hud-nivel{font-weight:800;font-size:1rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-shadow:0 2px 4px rgba(0,0,0,.3)}.barra{height:12px;border-radius:99px;background:#ffffff38;overflow:hidden}.barra span{display:block;height:100%;width:0;border-radius:99px;background:linear-gradient(90deg,#ffe27a,#ff9ec7);transition:width .3s linear}.hud-marcador{grid-area:marc;background:#fffffff2;border-radius:999px;padding:4px 14px;font-weight:800;font-size:1.15rem;display:flex;align-items:center;gap:6px;box-shadow:var(--sombra);min-height:40px}.hud-marcador:empty{display:none}.hud-marcador svg{width:24px;height:24px}.hud-mudo{grid-area:mudo}.hud-centro{grid-area:centro;justify-self:center;pointer-events:none}.capa-guia{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:25}.capa{position:absolute;top:0;right:0;bottom:0;left:0;z-index:40;display:none;place-items:center;padding:16px;background:#1e145073;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}.capa.activa{display:grid}.modal{background:#fff;border-radius:32px;padding:24px;width:min(560px,100%);text-align:center;position:relative;box-shadow:0 30px 60px #140a3c66;display:flex;flex-direction:column;align-items:center;gap:10px}.modal.entra{animation:entrarModal .45s cubic-bezier(.2,1.4,.4,1)}@keyframes entrarModal{0%{opacity:0;transform:translateY(40px) scale(.85)}}.modal h2{font-size:2rem;line-height:1.1;color:var(--morado)}.modal p{font-size:1.15rem;font-weight:600;line-height:1.3;color:var(--tinta-suave)}.modal .etiqueta{background:linear-gradient(135deg,var(--c1),var(--c2));color:#fff}.modal .botones{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;margin-top:10px}.intro-nivel{flex-direction:row;text-align:left;align-items:flex-end;width:min(680px,100%);padding-bottom:20px}.intro-nivel .modal-cuerpo{display:flex;flex-direction:column;gap:8px;align-items:flex-start}.intro-nivel .botones{justify-content:flex-start;align-items:center}.modal-guia{height:230px;margin:-60px 0 -20px -10px;filter:drop-shadow(0 10px 14px rgba(0,0,0,.15))}@media(max-width:560px){.intro-nivel{flex-direction:column;align-items:center;text-align:center}.intro-nivel .modal-cuerpo{align-items:center}.intro-nivel .botones{justify-content:center}.modal-guia{height:150px;margin:-70px 0 0}.guia-avatar{width:64px;height:64px}.guia-globo{font-size:.95rem}.portada-guia img{height:150px}.tarjeta{min-height:110px}.tarjeta-icono{width:70px;height:70px}}.estrellas-grandes{display:flex;gap:8px;margin:6px 0}.estrellas-grandes .estrella{width:74px;height:74px}.estrellas-grandes .estrella:nth-child(2){transform:translateY(-14px)}.estrellas-grandes .estrella.vacia path{fill:#eee8ff;stroke:#d9d1f5}.estrella.aparece{animation:aparecerEstrella .6s cubic-bezier(.2,1.6,.4,1)}.estrellas-grandes .estrella:nth-child(2).aparece{animation-name:aparecerEstrella2}@keyframes aparecerEstrella{0%{transform:scale(0) rotate(-120deg)}}@keyframes aparecerEstrella2{0%{transform:translateY(-14px) scale(0) rotate(-120deg)}to{transform:translateY(-14px)}}.resumen{font-size:1.1rem}.confeti{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;overflow:visible}.confeti i{position:absolute;top:30%;width:10px;height:14px;border-radius:3px;opacity:0;animation:confeti 1.6s ease-out forwards}@keyframes confeti{0%{opacity:1;transform:translate(0) rotate(0)}to{opacity:0;transform:translate(var(--x),260px) rotate(var(--r))}}.regla{display:flex;align-items:center;gap:10px;background:#fffffff5;border-radius:22px;padding:6px 16px 6px 8px;box-shadow:0 8px 24px #00000040;font-weight:800;font-size:clamp(1rem,3.4vw,1.3rem);color:var(--tinta)}.regla.cambia{animation:cambiaRegla .7s cubic-bezier(.2,1.6,.4,1)}@keyframes cambiaRegla{0%{transform:scale(.4) rotate(-6deg);opacity:0}}.regla .gemas{display:flex;gap:2px}.regla .gemas svg{width:40px;height:40px}.regla .no{position:relative}.regla .no:after{content:"";position:absolute;top:4px;right:4px;bottom:4px;left:4px;border:4px solid #ff5f7a;border-radius:50%;background:linear-gradient(45deg,transparent 45%,#ff5f7a 45%,#ff5f7a 55%,transparent 55%)}.regla small{display:block;font-size:.75em;color:var(--tinta-suave);font-weight:700;line-height:1}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.jugando .guia-burbuja.auto{top:calc(max(10px,env(safe-area-inset-top)) + 120px);bottom:auto;align-items:flex-start;transform:translateY(-20px) scale(.9)}.jugando .guia-burbuja.auto.visible{transform:none}.jugando .guia-burbuja.auto .guia-globo{border-radius:6px 22px 22px;max-width:min(460px,calc(100vw - 110px))}@media(max-width:860px){.inicio-guia{height:30vh}.logo-grande{width:min(300px,76vw,36vh)}.inicio h1{margin:8px 0 14px}}.respira{position:absolute;top:0;right:0;bottom:0;left:0;z-index:15;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;background:radial-gradient(circle,#fff0f8eb,#e1d7ffeb);opacity:0;transition:opacity .4s}.respira.visible{opacity:1}.respira-aro{width:220px;height:220px;display:grid;place-items:center}.respira-circulo{width:130px;height:130px;border-radius:50%;overflow:hidden;border:6px solid #fff;background:radial-gradient(circle at 50% 35%,#fff,#ffd9ec 70%);box-shadow:0 0 0 14px #ff7eb640,0 0 0 30px #7c5cff24,0 12px 30px #7c5cff4d;transition:transform 3s ease-in-out}.respira-circulo img{width:100%;height:100%;object-fit:cover;object-position:50% 10%}.respira-texto{font-size:2rem;font-weight:800;color:var(--morado)}.respira[data-fase=inhala] .respira-texto{color:#e0468a}.respira-cuenta{font-size:1.4rem;font-weight:800;color:var(--tinta-suave);min-height:1.6em}.capa-padres{z-index:60;overflow-y:auto;align-items:start}.capa-padres .modal{margin:auto}.modal.padres{text-align:left;align-items:stretch;width:min(640px,100%);gap:8px}.padres-cabeza{display:flex;gap:14px;align-items:center}.padres-cabeza img{width:76px;height:76px;border-radius:50%;object-fit:cover;object-position:50% 10%;border:4px solid #ffd9ec;flex:none}.padres-cabeza h2{font-size:1.5rem}.padres-cabeza small{color:var(--tinta-suave);font-weight:700}.modal.padres .etiqueta{background:linear-gradient(135deg,#ff7eb6,#b38cff)}.padres-texto{font-size:1.02rem!important;font-weight:500!important;color:var(--tinta)!important}.modal.padres h3{margin:4px 0 0;color:var(--morado);font-size:1.1rem}.modal.padres ul{margin:0;padding-left:20px;color:var(--tinta);font-weight:600;line-height:1.35}.padres-casa{background:#fff3f8;border-radius:16px;padding:10px 14px;font-weight:600;color:var(--tinta)}.modal.padres .botones{justify-content:flex-end}.btn-papas{background:#fff0f7;color:#d64f87}.fila-botones{display:flex;flex-wrap:wrap;gap:8px}.orden-dron{display:flex;flex-direction:column;gap:6px}.orden-dron.entra{animation:cambiaRegla .6s cubic-bezier(.2,1.6,.4,1)}.orden-dron-fila{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:6px;background:#fffffff5;border-radius:20px;padding:6px 14px;box-shadow:0 8px 24px #0000002e;font-weight:800;font-size:clamp(.95rem,3.2vw,1.2rem);color:var(--tinta)}.orden-dron-fila.hecha{opacity:.45;text-decoration:line-through}.orden-dron-fila svg{width:30px;height:30px;display:inline-block;vertical-align:middle}.orden-dron-fila .rel{background:#fff0f7;color:#d64f87;border-radius:12px;padding:2px 10px}.orden-dron-fila .ref{display:inline-flex;align-items:center;gap:4px}.orden-dron-fila .y{color:var(--tinta-suave)}.ico-emoji{font-size:1.5em;line-height:1}.caja{display:inline-grid;place-items:center;width:28px;height:28px;border-radius:8px;color:#fff;font-size:.9em}.caja.rosa{background:#ff5fa2}.caja.azul{background:#3f8cff}.cuento-panel{position:absolute;left:50%;transform:translate(-50%);width:min(720px,calc(100% - 24px));z-index:5;background:#fff;border-radius:24px;padding:12px 54px 12px 18px;box-shadow:0 10px 28px #5028a029;font-size:clamp(1.15rem,3.8vw,1.55rem);font-weight:700;line-height:1.35;color:var(--tinta);text-align:center}.cuento-panel p{margin:0}.cuento-titulo{color:var(--morado);font-weight:800}.cuento-oir{position:absolute;right:8px;top:50%;transform:translateY(-50%);width:40px;height:40px;border-radius:50%;background:#f3ecff;font-size:1.2rem}.cuento-buho{font-size:1.6em;vertical-align:middle;margin-right:6px}.hueco{display:inline-block;min-width:3.2em;padding:0 10px;border-radius:12px;border:3px dashed #c9b8ff;color:#b8a6f0;animation:pulso 1.6s ease-in-out infinite}.hueco.lleno{border:3px solid #ffb3d1;background:#fff0f7;color:#d64f87;animation:aparecerEstrella .5s cubic-bezier(.2,1.6,.4,1)}.cuento-burbujas{position:absolute;left:0;right:0;bottom:0;z-index:5;display:flex;flex-wrap:wrap;align-content:center;justify-content:center;gap:clamp(10px,3vw,26px);padding:6px 12px max(16px,env(safe-area-inset-bottom))}.burbuja-palabra{display:flex;flex-direction:column;align-items:center;gap:2px;min-width:110px;padding:12px 18px;border-radius:999px;background:radial-gradient(circle at 30% 25%,#fff,#f2e9ff 70%);border:3px solid #fff;box-shadow:0 10px 24px #7c5cff40,inset 0 -6px 12px #b15cff1f;font-weight:800;font-size:clamp(1.05rem,3.6vw,1.35rem);color:var(--tinta);animation:flotarPalabra 3.2s ease-in-out infinite;animation-delay:calc(var(--d) * -1)}.burbuja-palabra .e{font-size:1.7em;line-height:1.1}.burbuja-palabra:hover{filter:brightness(1.04)}.burbuja-palabra:active{transform:scale(.94)}.burbuja-palabra.rebota{animation:sacudir .45s,desvanecer .4s .45s forwards}.burbuja-palabra.elegida{animation:elegida .45s forwards}.burbuja-palabra.pista{box-shadow:0 0 0 6px #ffd23f,0 10px 24px #7c5cff40}@keyframes flotarPalabra{0%,to{transform:translateY(0) rotate(var(--r))}50%{transform:translateY(-12px) rotate(calc(var(--r) * -1))}}@keyframes desvanecer{to{opacity:.35;filter:grayscale(.8)}}@keyframes elegida{to{transform:translateY(-60px) scale(1.2);opacity:0}}.tarjeta-letra{display:flex;align-items:center;gap:14px;background:#fffffff7;border-radius:22px;padding:6px 18px;box-shadow:0 8px 24px #00000026;font-weight:800;color:var(--tinta)}.tarjeta-letra.entra{animation:cambiaRegla .6s cubic-bezier(.2,1.6,.4,1)}.tarjeta-letra small{font-size:1rem;color:var(--tinta-suave);max-width:7em;line-height:1.1}.tarjeta-letra .glifo{font-family:Andika,Comic Sans MS,sans-serif;font-size:3rem;line-height:1;color:var(--morado)}.tarjeta-letra .dibujo{font-size:2.8rem;line-height:1}.tarjeta-letra .slots{display:flex;gap:6px}.tarjeta-letra .slot{font-family:Andika,sans-serif;font-size:2rem;width:1.5em;text-align:center;border-radius:12px;background:#f3ecff;color:#d64f87}img.logo-epai{display:block;object-fit:contain;height:auto;max-width:100%}.logo-grande img.logo-epai{width:100%}.logo-chico img.logo-epai,.sello-epai img.logo-epai{width:auto}.boton-pista{position:absolute;left:50%;transform:translate(-50%);z-index:5}.boton-pista:active{transform:translate(-50%) translateY(4px)}.seccion-titulo{max-width:1100px;margin:6px auto 10px;font-size:clamp(1.25rem,4.4vw,1.6rem);color:var(--tinta)}.seccion-titulo.familia{margin-top:18px}.seccion-sub{max-width:1100px;margin:-6px auto 12px;color:var(--tinta-suave);font-weight:600}.nivel-etapa{font-size:clamp(.62rem,2vw,.78rem);font-weight:800;padding:0 8px;border-radius:99px;background:#ffffff47;white-space:nowrap}.nivel-etapa.e2{background:#fff;color:#ff7a1a}.nave-controles{position:absolute;left:0;right:0;bottom:0;z-index:5;display:flex;gap:10px;justify-content:center;padding:8px max(10px,env(safe-area-inset-left)) max(12px,env(safe-area-inset-bottom));pointer-events:none;transition:opacity .3s,transform .3s}.nave-controles.oculto{opacity:0;transform:translateY(30px)}.nave-controles.oculto .nave-btn{pointer-events:none}.nave-lado{flex:1;max-width:340px;display:flex;flex-direction:column;align-items:center;gap:4px;padding:6px 8px 8px;border-radius:24px;background:#140e3c73;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}.nave-lado.azul{box-shadow:inset 0 0 0 3px #4fa8ff99}.nave-lado.naranja{box-shadow:inset 0 0 0 3px #ff9a3da6}.lado-nombre{color:#fff;font-weight:800;font-size:.85rem;white-space:nowrap}.lado-botones{display:flex;gap:8px;justify-content:center;width:100%}.nave-btn{pointer-events:auto;flex:1;max-width:104px;height:clamp(58px,15vw,78px);border-radius:22px;display:grid;place-items:center;color:#fff;box-shadow:0 6px #00000040;transition:transform .08s,box-shadow .08s,filter .2s;touch-action:none}.nave-btn svg{width:46%;height:46%}.azul .nave-btn{background:linear-gradient(160deg,#6fc0ff,#3f8cff)}.naranja .nave-btn{background:linear-gradient(160deg,#ffbd6b,#ff8a2a)}.nave-btn:active{transform:translateY(4px);box-shadow:0 2px #00000040}.nave-btn.votado{outline:4px solid #fff;outline-offset:-4px;filter:brightness(1.15);transform:translateY(2px)}.nave-btn.apagado{filter:grayscale(.7) brightness(.7)}.nave-btn.escudo{background:linear-gradient(160deg,#a8f6ff,#4fd1e8)!important;color:#1d4f7a;filter:saturate(.5) brightness(.8)}.nave-btn.escudo.listo{filter:none;animation:pulso .8s ease-in-out infinite}.nave-btn.escudo.votado{filter:none;outline-color:#8affc1}.dos .nave-btn{max-width:86px}.dos .nave-lado{padding:6px 6px 8px}.dos .lado-botones{gap:6px}.nave-cuenta{font-size:clamp(2.6rem,11vw,4.2rem);font-weight:800;color:#fff;line-height:1;text-shadow:0 4px 0 #3f8cff,0 0 24px rgba(143,243,255,.8);animation:entrarModal .35s cubic-bezier(.2,1.4,.4,1);margin-top:6px}.nave-cuenta.aviso{font-size:clamp(1.4rem,6vw,2rem);color:#ffe27a;text-shadow:0 3px 0 #b0442a}.nave-capitan{font-weight:800;color:#fff;padding:2px 14px;border-radius:99px;margin-top:6px;font-size:.95rem;box-shadow:0 3px 10px #0003}.nave-capitan.azul{background:#3f8cff}.nave-capitan.naranja{background:#ff8a2a}.gema-chip{display:inline-block;width:18px;height:18px;clip-path:polygon(22% 0,78% 0,100% 30%,50% 100%,0 30%);background:#ffd84d;vertical-align:-3px;margin:0 2px}.gema-chip.g-azul{background:linear-gradient(160deg,#a9dcff,#3f8cff)}.gema-chip.g-naranja{background:linear-gradient(160deg,#ffd3a1,#ff8a2a)}.gema-chip.g-oro{background:linear-gradient(160deg,#fff2a8,#f5b800)}.botin{position:absolute;top:0;right:0;bottom:0;left:0;z-index:8;display:grid;place-items:center;padding:70px 12px 16px;background:#140e3c59}.botin-caja{width:min(640px,100%);background:#fff;border-radius:var(--radio);padding:16px;box-shadow:var(--sombra);display:flex;flex-direction:column;align-items:center;gap:10px;text-align:center}.botin-caja.entra{animation:entrarModal .45s cubic-bezier(.2,1.4,.4,1)}.botin-caja h3{font-size:1.6rem;color:var(--morado)}.botin-turno{font-weight:700;color:var(--tinta-suave);min-height:1.4em}.c-azul{color:#2f7ae0}.c-naranja{color:#ec7a16}.botin-mesa{display:grid;grid-template-columns:1fr minmax(80px,1.1fr) 1fr;gap:8px;width:100%;align-items:center}.botin-pila{display:flex;flex-wrap:wrap;justify-content:center;gap:4px;min-height:60px;align-content:center}.botin-pila .gema-chip{width:24px;height:24px;animation:entrarTarjeta .4s backwards;animation-delay:calc(var(--i) * 40ms)}.cofre{position:relative;border-radius:22px;padding:8px 6px 10px;display:flex;flex-direction:column;align-items:center;gap:2px;min-height:150px;transition:transform .2s}.cofre.azul{background:#e5f2ff;box-shadow:inset 0 0 0 3px #9fd0ff}.cofre.naranja{background:#fff0e2;box-shadow:inset 0 0 0 3px #ffc58f}.cofre.turno{transform:scale(1.05)}.cofre.turno.azul{box-shadow:inset 0 0 0 4px #3f8cff,0 0 0 4px #3f8cff40}.cofre.turno.naranja{box-shadow:inset 0 0 0 4px #ff8a2a,0 0 0 4px #ff8a2a40}.cofre-cara{width:46px;height:46px}.cofre-cara svg{width:100%;height:100%}.ico-corona{width:18px;height:18px;display:inline-block;vertical-align:-3px}.cofre-gemas{display:flex;flex-wrap:wrap;justify-content:center;gap:2px;min-height:40px;max-width:120px}.cofre-num{font-size:1.6rem;line-height:1;color:var(--tinta)}.cofre span{font-weight:800;color:var(--tinta-suave);font-size:.9rem}.cofre.recibe{animation:recibir .35s}@keyframes recibir{50%{transform:scale(1.12) rotate(-2deg)}}.cofre.feliz{animation:saltito .6s ease-in-out 3}@keyframes saltito{50%{transform:translateY(-10px)}}.cofre.lleno .cofre-gemas{animation:desborda 1s ease-in-out infinite}@keyframes desborda{25%{transform:rotate(-4deg) translateY(-3px)}75%{transform:rotate(4deg) translateY(-3px)}}.cofre.vacio{animation:sacudir .5s}.alcancia{display:flex;flex-direction:column;align-items:center;animation:entrarModal .5s cubic-bezier(.2,1.4,.4,1)}.alcancia svg{width:64px;height:52px}.alcancia small{font-size:.75rem;font-weight:800;color:var(--tinta-suave)}.botin-botones{display:flex;gap:10px;flex-wrap:wrap;justify-content:center;min-height:52px}.botin-botones .b-azul{background:#3f8cff;color:#fff;box-shadow:0 5px #2a64c0}.botin-botones .b-naranja{background:#ff8a2a;color:#fff;box-shadow:0 5px #c5600f}.modal.familia-final{width:min(600px,100%);position:relative;overflow:hidden}.familia-final .modal-guia{height:120px;margin:0 0 -6px;object-fit:contain;object-position:top}.familia-pregunta{font-size:1.3rem!important;color:var(--tinta)!important}.familia-ideas{display:flex;flex-wrap:wrap;gap:8px;justify-content:center}.idea{padding:6px 14px;border-radius:99px;background:#f1ecff;color:var(--morado);font-weight:700;transition:transform .15s}.idea.elegida{background:var(--morado);color:#fff;transform:scale(1.06)}.familia-nota{color:var(--tinta-suave);font-weight:600}@media(max-width:420px){.botin-caja h3{font-size:1.3rem}.cofre{min-height:130px}.dos .lado-nombre{font-size:.72rem}}body[data-pantalla=jugando]:has(.nave-controles) .sello-epai{display:none}.cs-juego,.es-juego{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;padding-top:64px;overflow:hidden}.cs-juego{background:linear-gradient(180deg,#9fdcff,#d9f1ff 45%,#fff6e8)}.cs-cielo{position:relative;flex:1 1 45%;min-height:160px;display:grid;place-items:end center;transition:filter .8s}.cs-castillo{width:min(92%,420px);height:100%;max-height:300px;position:relative;z-index:1}.cs-castillo .parte{opacity:0;transform:translateY(14px) scaleY(.2);transform-box:fill-box;transform-origin:bottom;transition:opacity .5s,transform .6s cubic-bezier(.2,1.5,.4,1)}.cs-castillo .parte.lista{opacity:1;transform:none}.cs-castillo .ondea{transform-box:fill-box;transform-origin:left center;animation:ondear 1.2s ease-in-out infinite alternate}@keyframes ondear{to{transform:skewY(8deg) scaleX(.9)}}.cs-oso{position:absolute;left:max(4px,calc(50% - 300px));bottom:4px;width:clamp(64px,18vw,110px);z-index:2;filter:drop-shadow(0 6px 8px rgba(0,0,0,.15))}.cs-oso.habla svg{animation:hablarGrande .6s ease-in-out infinite;transform-origin:bottom}.cs-sol{position:absolute;right:8%;top:6%;width:64px;height:64px;border-radius:50%;background:radial-gradient(circle,#fff6b0,#ffd84d 60%,#ffd84d00 72%);transition:transform .8s,opacity .8s}.cs-arcoiris{position:absolute;left:50%;bottom:20%;width:min(110%,620px);aspect-ratio:2;transform:translate(-50%) scale(.6);opacity:0;border-radius:999px 999px 0 0;background:radial-gradient(circle at 50% 100%,transparent 52%,#b38cff 52% 56%,#4fa8ff 56% 60%,#22c39a 60% 64%,#ffd84d 64% 68%,#ff9a3d 68% 72%,#ff5f7a 72% 76%,transparent 76%);transition:opacity 1s,transform 1s}.cs-juego.soleado .cs-arcoiris{opacity:.8;transform:translate(-50%) scale(1)}.cs-juego.soleado .cs-sol{transform:scale(1.6)}.cs-juego.nublado .cs-cielo{filter:saturate(.8)}.cs-nubes{position:absolute;top:0;right:0;bottom:0;left:0;z-index:3;pointer-events:none}.cs-nube{position:absolute;width:clamp(70px,18vw,110px);color:#9d99b8;animation:nubeLlega .8s cubic-bezier(.2,1.4,.4,1),nubeFlota 3s ease-in-out .8s infinite alternate}.cs-nube svg{width:100%;height:auto}.cs-nube .lluvia i{position:absolute;top:72%;width:3px;height:10px;border-radius:2px;background:#6ad8ff;animation:gota .9s linear infinite}.cs-nube .lluvia i:nth-child(1){left:30%}.cs-nube .lluvia i:nth-child(2){left:45%;animation-delay:.3s}.cs-nube .lluvia i:nth-child(3){left:60%;animation-delay:.6s}.cs-nube .lluvia i:nth-child(4){left:72%;animation-delay:.15s}@keyframes gota{0%{transform:translateY(0);opacity:1}to{transform:translateY(40px);opacity:0}}@keyframes nubeLlega{0%{transform:translate(-120px) scale(.4);opacity:0}}@keyframes nubeFlota{to{transform:translate(10px)}}.cs-nube.se-va{color:#fff;transition:color .4s;animation:nubeSeVa 1.2s ease-in forwards}.cs-nube.se-va .lluvia{display:none}@keyframes nubeSeVa{to{transform:translate(160px,-60px) scale(.5);opacity:0}}.cs-juego.trueno{animation:sacudir .45s}.cs-chispas{position:absolute;left:50%;top:45%;z-index:4;pointer-events:none}.cs-chispas i{position:absolute;width:10px;height:10px;background:#ffd84d;clip-path:polygon(50% 0,62% 38%,100% 50%,62% 62%,50% 100%,38% 62%,0 50%,38% 38%);animation:chispa .8s ease-out forwards}@keyframes chispa{to{transform:rotate(var(--a)) translateY(calc(-1 * var(--d))) scale(.4);opacity:0}}.cs-pacto{position:absolute;right:8px;top:8px;z-index:4;max-width:min(46%,230px);background:#fff8e1;border:3px solid #e7c66a;border-radius:14px;padding:6px 10px;box-shadow:var(--sombra);font-size:.78rem;transition:opacity .3s}.cs-pacto.oculto{opacity:0;pointer-events:none}.cs-pacto b{display:block;color:#b9780a;font-size:.8rem;text-transform:uppercase;letter-spacing:.05em}.cs-pacto ul{margin:2px 0 0;padding:0;list-style:none;display:grid;gap:2px}.cs-pacto li{display:flex;align-items:center;gap:5px;font-weight:700;line-height:1.1;border-radius:8px;padding:2px 4px;transition:background .3s}.cs-pacto li.papa{color:#c5600f}.cs-pacto li.activa{background:color-mix(in srgb,var(--c) 25%,#fff)}.cs-ico{width:18px;height:18px;flex:none;color:var(--c, var(--morado));display:inline-grid}.cs-ico svg{width:100%;height:100%}.cs-marca{display:inline-flex;align-items:center;gap:4px}.cs-panel,.es-panel{flex:1 1 55%;display:grid;place-items:center;padding:8px 12px max(12px,env(safe-area-inset-bottom));overflow-y:auto;touch-action:pan-y;position:relative;z-index:5}.cs-tarjeta,.es-tarjeta{width:min(620px,100%);background:#fff;border-radius:var(--radio);padding:14px 16px;box-shadow:var(--sombra);display:flex;flex-direction:column;align-items:center;gap:10px;text-align:center}.cs-tarjeta.entra,.es-tarjeta.entra{animation:entrarModal .4s cubic-bezier(.2,1.4,.4,1)}.cs-tarjeta .etiqueta,.es-tarjeta .etiqueta{background:linear-gradient(135deg,var(--c1),var(--c2));color:#fff;align-self:center}.cs-tarjeta h3,.es-tarjeta h3{color:var(--morado);font-size:1.3rem;line-height:1.15}.cs-texto,.es-texto{font-size:clamp(1rem,3.6vw,1.2rem);font-weight:700;color:var(--tinta);line-height:1.3}.cs-sub,.es-sub{color:var(--tinta-suave);font-weight:700}.cs-opciones{display:grid;grid-template-columns:1fr 1fr;gap:10px;width:100%}.cs-op{padding:14px 10px;border-radius:20px;background:#f1ecff;color:var(--tinta);font-weight:800;font-size:1.05rem;line-height:1.15;box-shadow:0 5px #d9d1f5;transition:transform .1s}.cs-op:active{transform:translateY(4px);box-shadow:0 1px #d9d1f5}.cs-oir svg{width:18px;height:18px}.cs-reglas{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:8px;width:100%}.cs-regla{display:flex;align-items:center;gap:8px;text-align:left;padding:10px 12px;border-radius:16px;font-weight:800;background:#fff;border:3px solid color-mix(in srgb,var(--c) 40%,#fff);color:var(--tinta);transition:transform .15s,background .2s}.cs-regla .cs-ico{width:26px;height:26px}.cs-regla.elegida{background:color-mix(in srgb,var(--c) 18%,#fff);border-color:var(--c);transform:scale(1.03)}.cs-tarjeta .btn-grande:disabled{opacity:.45;filter:grayscale(.6)}.cs-firmas{display:flex;gap:18px;justify-content:center;flex-wrap:wrap}.cs-firma{position:relative;width:110px;height:110px;border-radius:50%;display:grid;place-items:center;background:#f1ecff;color:var(--morado);touch-action:none}.cs-firma.papa{background:#fff0e2;color:#c5600f}.cs-firma b{position:relative;z-index:1;font-size:.95rem;line-height:1.1}.cs-firma .anillo{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;background:conic-gradient(var(--morado) calc(var(--p, 0) * 360deg),transparent 0);-webkit-mask:radial-gradient(circle,transparent 58%,#000 60%);mask:radial-gradient(circle,transparent 58%,#000 60%)}.cs-firma.papa .anillo{background:conic-gradient(#ff8a2a calc(var(--p, 0) * 360deg),transparent 0)}.cs-firma.presionada{transform:scale(.94)}.cs-firma.firmada{background:#e3ffef;color:#138a69}.oso-firma .anillo{background:conic-gradient(#a8703f calc(var(--p, 0) * 360deg),transparent 0)}.cs-turno{display:flex;flex-direction:column;align-items:center;gap:8px}.cs-turno.papa h3{color:#ec7a16}.cs-sello{width:120px;height:120px;border-radius:50%;background:radial-gradient(circle,#ff7eb6,#d93a7c);color:#fff;font-weight:800;box-shadow:0 6px #a3245a;animation:pulso 1.4s ease-in-out infinite}.cs-sello span{display:block;padding:0 14px;line-height:1.1}.cs-cuarto{position:relative;width:100%;height:clamp(170px,30vh,230px);border-radius:20px;background:linear-gradient(180deg,#fff3e0,#ffe0c2);overflow:hidden}.cs-juguete{position:absolute;left:var(--x);top:var(--y);width:54px;height:54px;transition:left .5s ease-in,top .5s ease-in,transform .5s,opacity .5s}.cs-juguete.guardado{left:50%!important;top:82%!important;transform:translate(-50%,-50%) scale(.3);opacity:0;pointer-events:none}.cs-caja{position:absolute;left:50%;bottom:0;transform:translate(-50%);width:110px;height:44px;background:#a8703f;border-radius:10px 10px 0 0;display:grid;place-items:center;color:#fff;box-shadow:inset 0 6px #c48a55}.cs-tele{position:absolute;right:6px;top:6px;width:92px;display:flex;flex-direction:column;align-items:center;font-size:.7rem;font-weight:800;color:var(--tinta)}.cs-tele svg{width:60px}.cs-tele span{opacity:0;background:#fff;border-radius:8px;padding:1px 6px;box-shadow:var(--sombra);transition:opacity .3s}.cs-tele.tienta{animation:sacudir 1s ease-in-out infinite}.cs-tele.tienta span{opacity:1}.cs-torre-juego{display:flex;align-items:flex-end;justify-content:center;gap:16px;min-height:140px}.cs-torre{display:flex;flex-direction:column-reverse;align-items:center;gap:2px;min-width:70px;border-bottom:6px solid #7ed957;padding-bottom:2px}.cs-torre i{width:60px;height:18px;border-radius:5px;animation:entrarModal .3s cubic-bezier(.2,1.4,.4,1)}.cs-torre i.peque{background:#4fa8ff}.cs-torre i.oso{background:#b97d47}.cs-quien b{font-size:1.05rem}.cs-quien .tu{color:#2f7ae0}.cs-quien .oso{color:#a8703f}.cs-poner.espera{filter:grayscale(.7);opacity:.7}.cs-asta{position:relative;width:10px;height:120px;background:#a8703f;border-radius:4px}.cs-tela{position:absolute;left:10px;bottom:calc(var(--p, 0) * 92px);width:56px;height:30px;background:linear-gradient(135deg,#3f8cff 50%,#ff8a2a 50%);clip-path:polygon(0 0,100% 0,80% 50%,100% 100%,0 100%)}@media(min-width:900px)and (min-height:560px){.cs-juego,.es-juego{flex-direction:row}.cs-cielo{flex:1 1 50%}.cs-panel,.es-panel{flex:0 0 min(560px,48%)}}.es-juego{background:linear-gradient(180deg,#1d2a5a,#2e3f86 55%,#4a5fb0)}.es-nave{position:relative;flex:1 1 42%;min-height:170px;overflow:hidden}.es-ventana{position:absolute;left:50%;top:4%;transform:translate(-50%);width:min(70%,380px);height:70%;border-radius:999px;background:#0c1033;border:8px solid #c9bdf5;overflow:hidden;box-shadow:inset 0 0 30px #0009}.es-estrellas i{position:absolute;width:3px;height:3px;border-radius:50%;background:#fff;animation:titila 2s ease-in-out infinite alternate}@keyframes titila{to{opacity:.2}}.es-planeta{position:absolute;right:12%;bottom:10%;width:34%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle at 35% 35%,#ffe3f1,#ff9ec7 45%,#b15cff);transition:transform 1.2s}.es-robot{position:absolute;left:2%;bottom:0;width:clamp(70px,19vw,120px);z-index:2}.es-robot.habla svg{animation:hablarGrande .5s ease-in-out infinite;transform-origin:bottom}.es-robot.habla .ojo{fill:#ffe27a}.es-dice{position:absolute;left:70%;bottom:82%;width:max-content;max-width:min(56vw,300px);background:#fff;color:var(--tinta);font-weight:800;font-size:.9rem;line-height:1.2;padding:6px 10px;border-radius:14px 14px 14px 4px;box-shadow:var(--sombra);opacity:0;transform:scale(.8);transform-origin:bottom left;transition:.25s;pointer-events:none}.es-robot.habla .es-dice{opacity:1;transform:none}.es-astronauta{position:absolute;left:50%;bottom:2%;width:clamp(80px,20vw,130px);transform:translate(-50%);z-index:2}.es-astronauta svg{width:100%;height:auto;overflow:visible}.es-astronauta .ac-casco,.es-astronauta .ac-cinturon,.es-astronauta .ac-guantes,.es-astronauta .ac-botas,.es-astronauta .ac-mochila{opacity:0;transition:opacity .3s}.es-astronauta.lleva-casco .ac-casco,.es-astronauta.lleva-cinturon .ac-cinturon,.es-astronauta.lleva-guantes .ac-guantes,.es-astronauta.lleva-botas .ac-botas,.es-astronauta.lleva-mochila .ac-mochila{opacity:1}.es-falla-txt{position:absolute;left:50%;top:-14px;transform:translate(-50%);white-space:nowrap;font-weight:800;color:#ffe27a;font-size:1.2rem;text-shadow:0 2px 0 #2b2160}.es-pizarra{position:absolute;right:2%;top:4%;z-index:3;background:#2f5a3f;border:6px solid #a8703f;border-radius:12px;padding:4px 8px;color:#fff;transition:opacity .4s,transform .4s}.es-pizarra.oculto{opacity:0;transform:scale(.8);pointer-events:none}.es-pizarra b{font-size:.75rem;text-transform:uppercase;letter-spacing:.05em}.es-pizarra ol{margin:0;padding:0;list-style:none;display:flex;gap:4px;counter-reset:p}.es-pizarra li{counter-increment:p;display:flex;flex-direction:column;align-items:center;font-size:.65rem;font-weight:700;position:relative}.es-pizarra li:before{content:counter(p);position:absolute;left:-2px;top:-2px;background:#ffd84d;color:#2b2160;border-radius:50%;width:15px;height:15px;font-size:.7rem;display:grid;place-items:center}.es-pizarra svg{width:clamp(30px,8vw,42px);height:auto;background:#ffffffe6;border-radius:8px}.es-hecho{position:absolute;left:50%;bottom:2px;transform:translate(-50%) translate(clamp(60px,18vw,110px));display:flex;gap:3px;z-index:3}.es-paso{position:relative;display:inline-grid;place-items:center;width:38px;height:38px;background:#fff;border-radius:10px;box-shadow:0 3px #00000026;animation:entrarModal .3s cubic-bezier(.2,1.4,.4,1)}.es-paso svg{width:30px;height:30px}.es-paso b{position:absolute;left:-5px;top:-5px;background:var(--morado);color:#fff;border-radius:50%;width:17px;height:17px;font-size:.7rem;display:grid;place-items:center}.es-paso.ok b{background:#22c39a}.es-objetos{display:grid;grid-template-columns:repeat(auto-fill,minmax(84px,1fr));gap:8px;width:100%}.es-obj{display:flex;flex-direction:column;align-items:center;gap:2px;padding:8px 4px 6px;border-radius:18px;background:#f1ecff;font-weight:800;font-size:.85rem;color:var(--tinta);box-shadow:0 5px #d9d1f5;transition:transform .12s,opacity .3s}.es-obj svg{width:48px;height:48px}.es-obj:active{transform:translateY(4px);box-shadow:0 1px #d9d1f5}.es-obj.hecho{opacity:.35;transform:scale(.92);box-shadow:none}.es-acciones{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;align-items:center}.es-acciones .btn-medio{padding:8px 14px;font-size:.95rem}.es-acciones svg{width:18px;height:18px}.es-falto svg{width:70px;height:70px}.es-ordenes{display:flex;flex-direction:column;gap:6px}.es-ordenes>div{display:flex;align-items:center;gap:6px;justify-content:center}.es-ordenes small{font-weight:800;color:var(--tinta-suave);width:70px;text-align:right}.es-secreta{margin:0;padding:0;list-style:none;display:flex;gap:10px;justify-content:center;flex-wrap:wrap;counter-reset:p}.es-secreta li{counter-increment:p;display:flex;flex-direction:column;align-items:center;font-weight:800;position:relative}.es-secreta li:before{content:counter(p);position:absolute;left:-4px;top:-4px;background:var(--morado);color:#fff;border-radius:50%;width:22px;height:22px;display:grid;place-items:center}.es-secreta svg{width:64px;height:64px;background:#f1ecff;border-radius:16px;padding:4px}.es-turno{display:flex;flex-direction:column;align-items:center;gap:8px}.es-turno.papa h3{color:#ec7a16}.es-nave.falla-cachetes .es-astronauta svg{animation:inflar .5s ease-in-out 3 alternate}@keyframes inflar{to{transform:scale(1.25,1.15);filter:hue-rotate(160deg)}}.es-nave.falla-flota .es-astronauta,.es-nave.falla-alreves .es-astronauta{animation:flotar2 2.4s ease-in-out forwards}@keyframes flotar2{40%{transform:translate(-80%,-60%) rotate(-40deg)}to{transform:translate(10%,-50%) rotate(200deg)}}.es-nave.falla-alreves .es-astronauta{animation:alReves 1.2s ease-in-out forwards}@keyframes alReves{to{transform:translate(-50%) rotate(180deg) translateY(30%)}}.es-nave.falla-pfff,.es-nave.falla-golpe{animation:sacudir .5s 3}.es-nave.falla-pfff .es-ventana{filter:grayscale(1) brightness(1.6);transition:filter .6s}.es-nave.falla-olvido .es-hecho,.es-nave.falla-panza .es-astronauta,.es-nave.falla-sed .es-astronauta{animation:tambalea .6s ease-in-out 4}@keyframes tambalea{25%{transform:translate(-50%) rotate(-8deg)}75%{transform:translate(-50%) rotate(8deg)}}.es-nave.falla-oscuro{filter:brightness(.25);transition:filter .6s}.es-nave.falla-oscuro .es-falla-txt{filter:brightness(4)}.es-nave.falla-frio .es-astronauta{filter:hue-rotate(180deg) saturate(2);animation:tiritar .1s linear 20}@keyframes tiritar{50%{transform:translate(calc(-50% + 3px))}}.es-nave.falla-resbala .es-astronauta{animation:resbalar 1.4s ease-in forwards}@keyframes resbalar{60%{transform:translate(10%) rotate(30deg)}to{transform:translate(-20%) rotate(-80deg) translateY(20%)}}.es-nave.falla-perdido .es-astronauta{animation:girar 1.4s linear 2}@keyframes girar{to{transform:translate(-50%) rotate(360deg)}}.es-nave.falla-sinfoto .es-ventana{animation:flash .6s 2}@keyframes flash{50%{background:#fff}}.es-nave.despegue .es-planeta{transform:scale(1.8) translate(-20%,10%)}.es-nave.despegue .es-estrellas i{animation:viaje .6s linear infinite}@keyframes viaje{to{transform:translateY(40px) scaleY(4);opacity:0}}.es-nave.despegue .es-astronauta{animation:brinco .5s ease-in-out 3}@keyframes brinco{50%{transform:translate(-50%) translateY(-14px)}}@media(prefers-reduced-motion:reduce){.es-nave[class*=falla-] *,.cs-nube{animation:none!important}}.vo-juego{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;padding-top:64px;overflow:hidden;background:linear-gradient(180deg,#ffb27a,#ffd9a8 40%,#fff1dc)}.vo-escena{position:relative;flex:1 1 44%;min-height:170px}.vo-mapa{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.vo-mapa .vo-equipo,.vo-mapa .vo-solo,.vo-mapa .vo-obs{transition:transform 1.1s cubic-bezier(.45,0,.3,1)}.vo-mapa.sin-trans *{transition:none!important}.vo-humo circle{fill:#fff;opacity:.55;animation:humo 3s ease-in-out infinite alternate;transform-box:fill-box;transform-origin:center}.vo-humo circle:nth-child(2){animation-delay:-1s}.vo-humo circle:nth-child(3){animation-delay:-2s}@keyframes humo{to{transform:translateY(-6px) scale(1.15);opacity:.3}}.vo-obs.aparece{animation:voAparece .5s cubic-bezier(.2,1.5,.4,1)}@keyframes voAparece{0%{opacity:0}}.vo-solo.oculto{opacity:0}.vo-solo{transition:transform 1s ease-in-out,opacity .4s}.vo-solo.atorado circle:first-child{animation:voTiembla .25s linear infinite}@keyframes voTiembla{50%{transform:translate(2px)}}.vo-solo-txt{font:800 13px/1 Nunito,system-ui,sans-serif;fill:#c4304a;paint-order:stroke;stroke:#fff;stroke-width:3px}.vo-equipo.festeja>g>circle:first-child{animation:voBrinca .5s ease-in-out 3}@keyframes voBrinca{50%{transform:translateY(-6px)}}.vo-dragon{transform-box:fill-box;transform-origin:bottom}.vo-dragon .ala{transform-box:fill-box;transform-origin:right center;animation:voAla .5s ease-in-out infinite alternate}.vo-dragon .ala.der{transform-origin:left center}@keyframes voAla{to{transform:rotate(-14deg)}}.vo-jaula{transition:transform .8s cubic-bezier(.5,-.4,.6,1),opacity .8s}.vo-juego.jalando .vo-jaula{animation:voTiembla .2s linear infinite}.vo-juego.rescate .vo-jaula{transform:translateY(-60px);opacity:0}.vo-juego.rescate .vo-dragon{animation:voVuela 1.6s ease-in-out infinite alternate}@keyframes voVuela{to{transform:translateY(-14px) rotate(-6deg)}}.vo-juego[class*=poder-] .vo-obs{animation:voQuita 1.2s ease-in forwards}@keyframes voQuita{40%{transform:scale(1.15)}to{opacity:0}}.vo-chispas{position:absolute;left:50%;top:40%;z-index:4;pointer-events:none}.vo-chispas i{position:absolute;width:10px;height:10px;background:#ffd84d;clip-path:polygon(50% 0,62% 38%,100% 50%,62% 62%,50% 100%,38% 62%,0 50%,38% 38%);animation:chispa .8s ease-out forwards}.vo-acuerdos{position:absolute;right:8px;top:76px;z-index:4;max-width:min(48%,240px);background:#fff8e1;border:3px solid #e7c66a;border-radius:14px;padding:6px 10px;box-shadow:var(--sombra);font-size:.76rem;transition:opacity .3s}.vo-acuerdos.oculto{opacity:0;pointer-events:none}.vo-acuerdos b{display:block;color:#b9780a;font-size:.78rem;text-transform:uppercase;letter-spacing:.05em}.vo-acuerdos ul{margin:2px 0 0;padding:0;list-style:none;display:grid;gap:2px}.vo-acuerdos li{display:flex;align-items:center;gap:5px;font-weight:700;line-height:1.1;border-radius:8px;padding:2px 4px;transition:background .3s}.vo-acuerdos li.papa{color:#c5600f}.vo-acuerdos li.activa{background:#ffe08a}.vo-ico{width:18px;height:18px;flex:none;display:inline-grid;color:var(--morado)}.vo-ico svg{width:100%;height:100%}.vo-acuerdo{--c: #ff8a2a}.vo-acuerdo.papa{--c: #ec7a16}.vo-acuerdo .vo-ico{width:26px;height:26px;color:#ec7a16}.vo-fila{display:flex;gap:6px;justify-content:center}.vo-mini{display:inline-flex;flex-direction:column;align-items:center;gap:2px;font-weight:800}.vo-mini svg{width:48px;height:48px}.vo-fila.vota .vo-mini b{background:#22c39a;color:#fff;border-radius:999px;padding:0 8px;font-size:.85rem;animation:entrarModal .4s cubic-bezier(.2,1.4,.4,1) backwards}.vo-fila.vota .vo-mini:nth-child(2) b{animation-delay:.3s}.vo-fila.vota .vo-mini:nth-child(3) b{animation-delay:.6s}.vo-roles{display:grid;grid-template-columns:1fr 1fr;gap:10px;width:100%}.vo-roles>div{display:flex;flex-direction:column;align-items:center;gap:4px;border-radius:16px;padding:8px}.vo-roles .peque{background:#e8f1ff}.vo-roles .papa{background:#fff0e2}.vo-roles b{color:var(--morado)}.vo-roles .papa b{color:#c5600f}.vo-roles small{font-weight:800;color:var(--tinta-suave)}.vo-obstaculo{display:flex;align-items:center;gap:10px;font-weight:800;color:var(--tinta);font-size:1.1rem}.vo-obstaculo svg{width:64px;height:64px}.vo-doble{display:flex;align-items:center;gap:8px}.vo-doble span{display:flex;flex-direction:column;align-items:center;font-weight:800;font-size:.85rem}.vo-doble svg{width:56px;height:56px}.vo-doble i{font-style:normal;font-weight:900;font-size:1.6rem;color:var(--morado)}.vo-poderes{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;width:100%}.vo-poder{position:relative;display:flex;flex-direction:column;align-items:center;gap:2px;padding:8px 4px;border-radius:18px;background:color-mix(in srgb,var(--c) 14%,#fff);border:3px solid color-mix(in srgb,var(--c) 45%,#fff);color:var(--tinta);font-weight:800;transition:transform .15s,opacity .3s,filter .3s;box-shadow:0 4px color-mix(in srgb,var(--c) 35%,#fff)}.vo-poder:active{transform:translateY(3px)}.vo-poder small{display:inline-flex;align-items:center;gap:3px;font-size:.78rem;color:var(--tinta-suave)}.vo-poder small .vo-ico{width:15px;height:15px;color:var(--c)}.vo-poder em{font-style:normal;font-size:.68rem;border-radius:999px;padding:0 6px;background:#3f8cff;color:#fff}.vo-poder.papa em{background:#ec7a16}.vo-poder.peque{border-style:solid}.vo-poder.papa{border-style:dashed}.vo-poder.probado{filter:grayscale(.6);opacity:.7}.vo-poder.pista{animation:pulso 1.2s ease-in-out infinite;border-color:var(--c)}.vo-poder.acierto{transform:scale(1.08);border-color:#22c39a;background:#e3ffef;animation:none}.vo-poder.apagado{opacity:.35}.vo-poder.sacude{animation:sacudir .4s}.vo-barra{width:min(320px,90%);height:14px;border-radius:999px;background:#f1ecff;overflow:hidden}.vo-barra i{display:block;height:100%;width:0;background:linear-gradient(90deg,#ff8a2a,#ffd84d);border-radius:inherit}.vo-mano.papa .anillo{background:conic-gradient(#ff8a2a calc(var(--p, 0) * 360deg),transparent 0)}.vo-ups{border:3px dashed #ffb03d}.vo-comparar{display:flex;gap:28px;justify-content:center;align-items:flex-end}.vo-comparar>div{display:flex;flex-direction:column;align-items:center;gap:4px;font-weight:800}.vo-comparar small{color:var(--tinta-suave)}.vo-alto{position:relative;width:46px;height:120px;border-radius:12px;background:#f1ecff;overflow:hidden;display:block}.vo-alto i{position:absolute;left:0;right:0;bottom:0;border-radius:10px;animation:voCrece 1.2s cubic-bezier(.2,1,.3,1) backwards}.vo-alto.solo i{background:#9fc4ff}.vo-alto.equipo i{background:linear-gradient(0deg,#ff8a2a,#ffd84d);animation-delay:.5s}@keyframes voCrece{0%{height:0}}@media(max-width:560px){.vo-poderes{gap:5px}.vo-poder{padding:6px 2px;border-radius:14px;font-size:.85rem}.vo-poder .vo-mini svg{width:36px;height:36px}.vo-poder small{font-size:.68rem}.vo-poder em{font-size:.6rem;white-space:nowrap}.vo-mini svg{width:40px;height:40px}.vo-obstaculo svg{width:48px;height:48px}.vo-acuerdos{top:auto;bottom:6px;right:6px;padding:4px}.vo-acuerdos b{display:none}.vo-acuerdos li{font-size:0;gap:0;padding:3px}.vo-acuerdos .vo-ico{width:22px;height:22px}.vo-acuerdos li.papa .vo-ico{color:#ec7a16}}@media(min-width:900px)and (min-height:560px){.vo-juego{flex-direction:row}.vo-escena{flex:1 1 50%}.vo-panel{flex:0 0 min(560px,48%)!important}}@media(prefers-reduced-motion:reduce){.vo-juego *{animation:none!important}}.pt-juego{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;padding-top:64px;overflow:hidden;background:linear-gradient(180deg,#ffe9f4,#fff6dc 60%,#e9f7ff);--cami: #7ed957}.pt-escena{position:relative;flex:1 1 44%;min-height:180px;display:grid;place-items:center;padding:8px 12px 6px}.pt-lienzo{position:relative;width:min(100%,520px);max-height:100%;aspect-ratio:400 / 260;background:#fff;border:8px solid #c48a55;border-radius:12px;box-shadow:0 8px #8a5a2a,var(--sombra)}.pt-cuadro{width:100%;height:100%;display:block;border-radius:4px}.pt-cielo,.pt-suelo{transition:fill .8s}.pt-hueco{fill:none;stroke:#c9bdf5;stroke-width:2.5;stroke-dasharray:6 6;transition:opacity .4s}.pt-hueco.lleno{opacity:0}.pt-hueco.actual{stroke:#ff5fa2;stroke-width:3.5;animation:ptHueco 1s ease-in-out infinite alternate}@keyframes ptHueco{to{stroke-dashoffset:12}}.pt-cosa{animation:ptPinta .7s cubic-bezier(.2,1.4,.4,1);transform-box:fill-box;transform-origin:center}@keyframes ptPinta{0%{opacity:0;transform:scale(.3) rotate(-10deg)}}.pt-criatura{animation:ptBota 1.6s ease-in-out infinite alternate,ptPinta .8s cubic-bezier(.2,1.4,.4,1);transform-box:fill-box;transform-origin:bottom}@keyframes ptBota{to{transform:translateY(-5px) rotate(3deg)}}.pt-juego.seco .pt-cami{filter:grayscale(.9)}.pt-juego.seco .pt-cami svg{transform:rotate(4deg)}.pt-cami{position:absolute;left:max(4px,calc(50% - 330px));bottom:0;width:clamp(80px,22vw,130px);z-index:3;transition:filter .6s;filter:drop-shadow(0 6px 8px rgba(0,0,0,.15))}.pt-cami svg{width:100%;height:auto;transition:transform .4s}.pt-cami svg ellipse,.pt-cami svg circle,.pt-cami svg path{transition:fill .8s,stroke .8s}.pt-cami.habla svg{animation:hablarGrande .6s ease-in-out infinite;transform-origin:bottom}.pt-dice{position:absolute;left:70%;bottom:78%;min-width:110px;max-width:190px;background:#fff;border-radius:16px;padding:6px 10px;font-weight:800;font-size:.9rem;color:var(--tinta);box-shadow:var(--sombra);opacity:0;transform:scale(.8);transition:opacity .25s,transform .25s;pointer-events:none}.pt-cami.habla .pt-dice{opacity:1;transform:none}.pt-chispas{position:absolute;left:50%;top:45%;z-index:4;pointer-events:none}.pt-chispas i{position:absolute;width:12px;height:12px;border-radius:50%;animation:chispa .9s ease-out forwards}.pt-placa{position:absolute;left:50%;bottom:-22px;transform:translate(-50%);background:#ffd84d;color:#7a4b00;font-weight:900;padding:2px 14px;border-radius:8px;box-shadow:0 3px #e0a100;white-space:nowrap;animation:entrarModal .5s cubic-bezier(.2,1.4,.4,1)}.pt-firmas-obra{position:absolute;right:8px;bottom:6px;font:italic 800 .8rem/1 Nunito,system-ui,sans-serif;color:#7c5cff;animation:entrarModal .5s}.pt-ideas{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;width:100%}.pt-ideas.tres{grid-template-columns:repeat(3,1fr)}.pt-idea{display:flex;flex-direction:column;align-items:center;gap:4px;padding:8px 6px;border-radius:18px;background:color-mix(in srgb,var(--c) 14%,#fff);border:3px solid color-mix(in srgb,var(--c) 45%,#fff);font-weight:800;color:var(--tinta);line-height:1.1;box-shadow:0 4px color-mix(in srgb,var(--c) 35%,#fff);transition:transform .12s}.pt-idea:active{transform:translateY(3px)}.pt-idea svg{width:54px;height:54px}.pt-misterio{width:72px;height:72px;border-radius:50%;display:grid;place-items:center;font-size:2.4rem;font-weight:900;color:#fff;background:linear-gradient(135deg,#7ed957,#22b8c3);animation:pulso 1.4s ease-in-out infinite}.pt-secreta{display:flex;align-items:center;gap:10px;font-weight:800;font-size:1.1rem;background:#fff8e1;border:3px dashed #e7c66a;border-radius:16px;padding:6px 14px}.pt-secreta svg{width:56px;height:56px}.pt-dos-ideas{display:flex;align-items:center;justify-content:center;gap:8px;width:100%}.pt-dos-ideas>div{flex:1;display:flex;flex-direction:column;align-items:center;gap:2px;background:#f7f3ff;border-radius:16px;padding:6px;font-weight:800;line-height:1.1}.pt-dos-ideas small{color:var(--tinta-suave)}.pt-dos-ideas svg{width:52px;height:52px}.pt-dos-ideas>i{font-style:normal;font-weight:900;font-size:1.6rem;color:#ff5fa2}.pt-decide{display:flex;flex-wrap:wrap;gap:8px;justify-content:center}.pt-solo{background:#f1ecff}.pt-seco{border:3px dashed #c9bdf5}.pt-nacio{display:flex;flex-direction:column;align-items:center;font-weight:900;font-size:1.3rem;color:var(--morado)}.pt-nacio svg{width:110px;height:110px;animation:ptPinta .8s cubic-bezier(.2,1.4,.4,1),ptBota 1.4s ease-in-out .8s infinite alternate}.pt-galeria{display:flex;flex-wrap:wrap;gap:8px;justify-content:center}.pt-galeria span{display:flex;flex-direction:column;align-items:center;font-weight:800;font-size:.85rem}.pt-galeria svg{width:56px;height:56px}.pt-nombres{display:grid;gap:8px;width:100%}.pt-titulo{font-size:1.5rem;font-weight:900;color:#c4457f}@media(max-width:560px){.pt-idea svg{width:44px;height:44px}.pt-idea{font-size:.88rem}.pt-cami{width:74px}.pt-escena{padding-top:78px;place-items:end center}.pt-lienzo{border-width:6px;width:min(100%,calc(((100dvh - 64px)*.44 - 100px)*1.54))}}@media(min-width:900px)and (min-height:560px){.pt-juego{flex-direction:row}.pt-escena{flex:1 1 50%}.pt-panel{flex:0 0 min(560px,48%)!important}}@media(prefers-reduced-motion:reduce){.pt-juego *{animation:none!important}}
