.panel{background:var(--surface);border-radius:28px;padding:24px;margin-top:20px;box-shadow:var(--sombra)}.panel .explica{margin:0 0 18px;color:var(--text-muted)}.panel .aviso{margin-top:18px;background:#fff6e5;color:var(--text-dark)}.titulo-seccion{margin:0 0 14px;font-size:1.1rem;color:var(--primary-dark)}.cifras{list-style:none;padding:0;margin:0 0 18px}.cifras li{padding:10px 0;border-bottom:1px solid var(--divider)}.cifras li:last-child{border-bottom:0}.cifras strong{font-size:1.35rem;color:var(--primary-dark);margin-right:6px}.suave{color:var(--text-muted);font-weight:400}.cifras .suave strong{color:var(--text-muted)}.interruptor{display:flex;align-items:flex-start;gap:14px;min-height:64px;padding:12px 0;border-bottom:1px solid var(--divider);cursor:pointer}.interruptor:last-of-type{border-bottom:0}.interruptor input[type=checkbox]{flex:0 0 auto;width:28px;height:28px;margin-top:4px;accent-color:var(--action);cursor:pointer}.interruptor input[type=checkbox]:disabled{cursor:progress;opacity:.5}.interruptor span{flex:1;font-weight:400}.interruptor strong{color:var(--text-dark)}.enlace.peligro{color:var(--retry)}.confirmar{margin-top:12px;padding:16px;border:2px solid var(--retry);border-radius:18px;background:#fff5f4}.confirmar p{margin:0 0 14px;color:var(--text-dark)}.seguir.peligro{background:var(--retry)}.confirmar .enlace{color:var(--text-dark)}@media (prefers-reduced-motion: reduce){.interruptor{transition:none}}@font-face{font-family:Fredoka;font-style:normal;font-weight:600;font-display:swap;src:url(/jugar/fonts/fredoka-600-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--primary: #00d2ff;--primary-dark: #2c63c8;--secondary: #9d00ff;--accent: #ffc02e;--accent-dark: #d99e00;--action: #1e88ff;--action-dark: #0b57c9;--success: #21a054;--retry: #e0302b;--text-dark: #2a2340;--text-muted: #6b6480;--surface: #ffffff;--locked: #b0bec5;--divider: #dddddd;--grad-1: #00c6f0;--grad-2: #2f7be8;--grad-3: #7b3fe4;--burbuja: rgba(255, 255, 255, .14);--burbuja-suave: rgba(255, 255, 255, .08);--resplandor: rgba(255, 192, 46, .2);--sombra: 0 6px 18px rgba(27, 16, 54, .18);--sombra-texto: 0 2px 3px rgba(27, 16, 54, .45);--relieve: 5px;--radio: 24px}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{margin:0;height:100%}body{background:linear-gradient(170deg,var(--grad-1) 0%,var(--grad-2) 48%,var(--grad-3) 100%);background-attachment:fixed;color:var(--text-dark);font:17px/1.5 Fredoka,system-ui,-apple-system,Segoe UI,sans-serif;overflow-x:hidden}body:before{content:"";position:fixed;top:-12%;right:-12%;bottom:-12%;left:-12%;z-index:-1;pointer-events:none;background:radial-gradient(circle 150px at 92% 2%,var(--resplandor),transparent 70%),radial-gradient(circle 95px at -4% 0%,var(--burbuja),transparent 70%),radial-gradient(circle 60px at 84% 20%,var(--burbuja-suave),transparent 70%),radial-gradient(circle 37px at 10% 38%,var(--burbuja-suave),transparent 70%),radial-gradient(circle 75px at 79% 60%,var(--burbuja),transparent 70%),radial-gradient(circle 48px at -2% 79%,var(--burbuja-suave),transparent 70%),radial-gradient(circle 29px at 49% 48%,var(--burbuja-suave),transparent 70%);animation:flotar 19s ease-in-out infinite alternate}@keyframes flotar{0%{transform:translateZ(0) scale(1)}to{transform:translate3d(1.5%,-2.2%,0) scale(1.04)}}#raiz{min-height:100dvh;display:flex;flex-direction:column}.pantalla{flex:1;min-height:0;display:flex;flex-direction:column;width:100%;max-width:820px;margin-inline:auto;padding:16px 16px 24px}.pantalla-lista{padding-bottom:48px}.pantalla-quiz{flex:none;height:100dvh;max-height:100dvh;max-width:1180px;overflow:hidden}.barra{display:flex;align-items:center;gap:14px;margin-bottom:14px;min-height:64px;flex:0 0 auto}.barra h1{font-size:1.35rem;color:#fff;margin:0;flex:1;text-shadow:var(--sombra-texto)}.redondo{width:64px;height:64px;flex:0 0 auto;border-radius:50%;border:3px solid var(--surface);background:var(--action);color:#fff;font:inherit;font-size:1.7rem;line-height:1;display:grid;place-items:center;cursor:pointer;box-shadow:0 var(--relieve) 0 var(--action-dark),var(--sombra);transition:transform 90ms ease,box-shadow 90ms ease}.redondo.sonido{background:var(--accent);color:var(--text-dark);box-shadow:0 var(--relieve) 0 var(--accent-dark),var(--sombra)}.redondo:active{transform:translateY(var(--relieve));box-shadow:0 0 0 var(--action-dark),var(--sombra)}.redondo.sonido:active{box-shadow:0 0 0 var(--accent-dark),var(--sombra)}.redondo[disabled]{opacity:.4;cursor:default}.lista{display:grid;gap:14px}@media (min-width: 720px){.lista{grid-template-columns:repeat(2,1fr)}}.tarjeta{display:flex;align-items:center;gap:14px;width:100%;min-height:76px;padding:14px 18px;border:0;border-radius:22px;background:var(--surface);box-shadow:0 var(--relieve) 0 #1b10361a,var(--sombra);font:inherit;font-weight:600;color:var(--primary-dark);text-align:left;cursor:pointer;transition:transform 90ms ease,box-shadow 90ms ease}.tarjeta:active{transform:translateY(3px);box-shadow:0 2px #1b10361a,var(--sombra)}.tarjeta .cuenta{font-weight:400;font-size:.92rem;color:var(--text-muted)}.insignia{flex:0 0 auto;width:46px;height:46px;border-radius:50%;display:grid;place-items:center;background:var(--accent);color:var(--text-dark);font-size:1.1rem;box-shadow:0 3px 0 var(--accent-dark)}.insignia.hecho{background:var(--success);color:#fff;box-shadow:0 3px #16703a}.insignia.cerrado{background:var(--locked);color:#fff;box-shadow:none}.tarjeta[disabled]{opacity:.55;cursor:default}.niveles{display:grid;grid-template-columns:repeat(auto-fill,minmax(88px,1fr));gap:16px;align-content:start}.nivel{aspect-ratio:1;min-height:88px;border:3px solid var(--surface);border-radius:50%;background:var(--surface);color:var(--primary-dark);font:inherit;font-size:1.6rem;font-weight:600;cursor:pointer;box-shadow:0 var(--relieve) 0 #1b10362e,var(--sombra);transition:transform 90ms ease,box-shadow 90ms ease}.nivel.hecho{background:var(--accent);border-color:var(--surface);color:var(--text-dark);box-shadow:0 var(--relieve) 0 var(--accent-dark),var(--sombra)}.nivel.toca{border-color:var(--accent);box-shadow:0 0 0 5px #ffc02e73,0 var(--relieve) 0 #1b10362e,var(--sombra)}.nivel:not([disabled]):active{transform:translateY(var(--relieve));box-shadow:0 0 #1b10362e,var(--sombra)}.nivel[disabled]{background:#ffffff47;border-color:#ffffff73;color:#ffffffd9;cursor:default;box-shadow:none}.enunciado{flex:0 0 auto;text-align:center;margin-bottom:12px}.enunciado h2{margin:0;font-size:clamp(1.3rem,2.6vw,2rem);font-weight:600;color:#fff;text-shadow:var(--sombra-texto);text-wrap:balance}.escena{display:block;margin:10px auto 0;min-height:0;max-height:42vh;max-width:min(100%,420px);object-fit:contain}.cuerpo{flex:1;min-height:0;display:flex;flex-direction:column;justify-content:center}.opciones{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:minmax(0,1fr);gap:clamp(10px,1.4vw,18px);min-height:0;flex:0 1 auto;max-height:100%}.opciones.n-1{grid-template-columns:minmax(0,1fr)}.opciones.n-3,.opciones.n-5,.opciones.n-6{grid-template-columns:repeat(3,minmax(0,1fr))}@media (max-aspect-ratio: 1/1){.pantalla-quiz:not(:has(.escena)) .opciones.n-3{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-height: 620px){.opciones.zigzag .opcion:nth-child(2n){transform:translateY(14px)}}.opcion{position:relative;min-width:0;min-height:0;width:100%;height:auto;max-height:100%;aspect-ratio:1 / 1.2;align-self:center;justify-self:center;border:4px solid transparent;border-radius:var(--radio);background:var(--surface);padding:10px;display:grid;grid-template-rows:1fr auto;place-items:center;gap:4px;cursor:pointer;box-shadow:0 var(--relieve) 0 #1b10361f,var(--sombra);font:inherit;font-weight:600;color:var(--primary-dark);transition:transform .12s ease,border-color .12s ease,opacity .2s ease}.opcion.ancha{grid-column:1 / -1}.opcion img{width:100%;height:100%;min-height:0;object-fit:contain}.opcion span:not(.orden){font-size:clamp(.85rem,1.1vw,1.05rem);line-height:1.2;text-align:center}.opcion:active{transform:translateY(3px);box-shadow:0 2px #1b10361f,var(--sombra)}.opcion.acierto{border-color:var(--success)}.opcion.fallo{border-color:var(--retry);animation:temblor .32s}.opciones.resuelto .opcion:not(.acierto){opacity:.45}.opcion[disabled]{cursor:default}.orden{position:absolute;top:8px;left:8px;width:36px;height:36px;border-radius:50%;background:var(--action);color:#fff;display:grid;place-items:center;font-size:1.1rem;box-shadow:0 3px 0 var(--action-dark)}@keyframes temblor{0%,to{transform:translate(0)}25%{transform:translate(-7px)}75%{transform:translate(7px)}}.celebracion{position:fixed;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;background:#2a23408c;padding:24px;z-index:10}.celebracion>div{background:var(--surface);border-radius:28px;padding:28px;text-align:center;max-width:420px;box-shadow:var(--sombra);animation:entrar .26s ease-out}@keyframes entrar{0%{transform:scale(.88);opacity:0}to{transform:scale(1);opacity:1}}.celebracion h2{margin:0 0 8px;color:var(--success);font-size:1.7rem;font-weight:600}.medalla{font-size:3.2rem;line-height:1;display:block;margin-bottom:6px}.seguir{margin-top:18px;width:100%;min-height:64px;border:3px solid var(--surface);border-radius:20px;background:var(--action);color:#fff;font:inherit;font-size:1.15rem;font-weight:600;cursor:pointer;box-shadow:0 var(--relieve) 0 var(--action-dark);transition:transform 90ms ease,box-shadow 90ms ease}.seguir:active{transform:translateY(var(--relieve));box-shadow:0 0 0 var(--action-dark)}.rachas{display:flex;gap:clamp(8px,2vw,16px);margin-bottom:18px}.racha{flex:1;min-width:0;display:grid;grid-template-columns:auto 1fr;grid-template-areas:"icono valor" "icono etiqueta";align-items:center;gap:0 10px;padding:10px 14px;border-radius:20px;background:#ffffff2e;color:#fff;text-shadow:var(--sombra-texto)}.racha.apagada{opacity:.55}.racha-icono{grid-area:icono;font-size:1.7rem;line-height:1}.racha-valor{grid-area:valor;font-size:1.4rem;font-weight:600;line-height:1.1}.racha-etiqueta{grid-area:etiqueta;font-size:.82rem;line-height:1.15}.hito{position:fixed;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;pointer-events:none;z-index:20}.hito>div{background:var(--surface);border:5px solid var(--accent);border-radius:32px;padding:26px 40px;text-align:center;box-shadow:0 var(--relieve) 0 var(--accent-dark),var(--sombra);animation:hito-entra .42s ease-out}.hito-llama{display:block;font-size:3rem;line-height:1}.hito-numero{display:block;font-size:3.4rem;font-weight:600;line-height:1.05;color:var(--accent-dark)}.hito-texto{margin:4px 0 0;font-size:1.1rem;font-weight:600;color:var(--primary-dark)}@keyframes hito-entra{0%{transform:scale(.6) rotate(-6deg);opacity:0}60%{transform:scale(1.06) rotate(2deg);opacity:1}to{transform:scale(1) rotate(0);opacity:1}}.aviso{background:#ffffffeb;border-radius:18px;padding:14px 16px;margin-bottom:16px;color:var(--text-muted);font-size:.95rem}.cargando{color:#fff;text-align:center;padding:48px 0;font-weight:600;text-shadow:var(--sombra-texto)}.acceso{background:var(--surface);border-radius:28px;padding:28px 24px 24px;box-shadow:var(--sombra);margin:auto;width:min(460px,100% - 32px)}.acceso h1{margin:0 0 6px;font-size:1.5rem;font-weight:600;color:var(--primary-dark)}.acceso .explica{margin:0 0 22px;color:var(--text-muted)}.acceso label{display:block;font-weight:600;font-size:.95rem;margin-bottom:8px;color:var(--text-dark)}.acceso input{width:100%;min-height:64px;padding:0 18px;margin-bottom:16px;border:2px solid var(--divider);border-radius:18px;background:#fff;font:inherit;font-size:1.15rem;color:var(--text-dark)}.acceso input:focus-visible{outline:3px solid var(--action);outline-offset:2px;border-color:var(--action)}.acceso .seguir[disabled]{opacity:.5;cursor:default}.google{display:flex;align-items:center;justify-content:center;gap:12px;width:100%;min-height:64px;margin-top:10px;padding:0 18px;border:1px solid #747775;border-radius:20px;background:#fff;color:#1f1f1f;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-size:1rem;font-weight:500;cursor:pointer}.google:hover:not([disabled]){background:#f7f8f8}.google:active:not([disabled]){background:#f1f3f4}.google[disabled]{opacity:.5;cursor:default}.google-logo{width:22px;height:22px;flex:0 0 auto}.enlace{display:block;width:100%;min-height:56px;margin-top:10px;border:0;background:transparent;color:var(--primary-dark);font:inherit;font-weight:600;text-decoration:underline;cursor:pointer}.acceso .aviso{margin-top:18px;background:#fff6e5;color:var(--text-dark)}.etapa{margin-bottom:28px}.etapa h2{color:#fff;font-size:1.1rem;font-weight:600;margin:0 0 12px;text-shadow:var(--sombra-texto)}.tarjeta .titulo{flex:1}.aviso.pie{margin-top:24px}.enlace[disabled]{opacity:.45;cursor:default;text-decoration:none}:is(.redondo,.tarjeta,.nivel,.opcion,.seguir,.enlace):focus-visible{outline:4px solid var(--accent);outline-offset:3px}@media (prefers-reduced-motion: reduce){body:before{animation:none}.opcion,.opcion.fallo,.celebracion>div,.hito>div,.redondo,.tarjeta,.nivel,.seguir{transition:none;animation:none}}