:root{--fondo:#f1f3f6;--superficie:#fff;--superficie-2:#eef1f5;--borde:#dce1e8;--texto:#121821;--texto-suave:#5a6473;--acento:#2f5bff;--acento-texto:#fff;--exito:#0e9467;--vacio:#0b1a24;--pista:#e6ecef;--bola:#2f5bff;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}@media (prefers-color-scheme:dark){:root{--fondo:#0d1218;--superficie:#171e27;--superficie-2:#212a35;--borde:#2a3441;--texto:#eef2f6;--texto-suave:#9aa5b4;--acento:#5c7dff;--exito:#34d39b;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}*,:before,:after{box-sizing:border-box}[hidden]{display:none!important}html,body{min-height:100%;margin:0}body{background:var(--fondo);color:var(--texto);-webkit-font-smoothing:antialiased;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;line-height:1.4}body.en-juego{background:var(--vacio);overscroll-behavior:none;overflow:hidden}:focus-visible{outline:3px solid var(--acento);outline-offset:2px}.legal{text-align:center;color:var(--texto-suave);margin:20px 0 0;font-size:12px}.j1{background:var(--vacio);touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;width:100%;max-width:min(100vw,56dvh);height:100dvh;margin:0 auto;position:relative;overflow:hidden}.j1-lienzo{width:100%;height:100%;display:block;position:absolute;inset:0}.j1-hud{padding:max(12px, env(safe-area-inset-top)) 12px 0;pointer-events:none;color:#fff;justify-content:center;display:flex;position:absolute;inset:0 0 auto}.j1-salir{left:12px;top:max(12px, env(safe-area-inset-top));pointer-events:auto;color:#fff;min-height:40px;font:inherit;cursor:pointer;touch-action:manipulation;background:#ffffff24;border:0;border-radius:999px;padding:0 14px;font-weight:600;position:absolute}.j1-marcador{text-align:center;text-shadow:0 2px 8px #00000073}.j1-vuelta{letter-spacing:.06em;text-transform:uppercase;text-shadow:none;background:#0b1a24b3;border-radius:999px;padding:3px 10px;font-size:13px;font-weight:700;display:inline-block}.j1-crono{font-variant-numeric:tabular-nums;font-size:46px;font-weight:800;line-height:1.05}.j1-mejor{font-variant-numeric:tabular-nums;min-height:1.2em;font-size:14px;font-weight:600}.j1-mensaje{color:#fff;text-align:center;font-variant-numeric:tabular-nums;pointer-events:none;background:#0b1a24e0;border-radius:14px;max-width:86%;padding:12px 18px;font-size:20px;font-weight:700;position:absolute;top:27%;left:50%;transform:translate(-50%,-50%)}.j1-ayuda{color:#ffffffd9;text-align:center;pointer-events:none;background:#0b1a2473;flex-direction:column;justify-content:center;align-items:center;gap:6px;font-size:15px;display:flex;position:absolute;inset:0}.j1-ayuda[hidden]{display:none}.j1-ayuda p{margin:0}.j1-ayuda-titulo{color:#fff;font-size:24px;font-weight:700}.arc{--arc-fondo:#0b1220;--arc-acento:#fff;background:var(--arc-fondo);touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;width:100%;max-width:min(100vw,62dvh);height:100dvh;margin:0 auto;position:relative;overflow:hidden}.arc-j2{--arc-fondo:#0a0f1c;--arc-acento:#7fe8c9}.arc-j3{--arc-fondo:#11182c;--arc-acento:#9fe3ff}.arc-lienzo{width:100%;height:100%;display:block;position:absolute;inset:0}.arc-capa{pointer-events:none;position:absolute;inset:0}.arc-capa>*{pointer-events:auto}.arc-hud{padding:max(12px, env(safe-area-inset-top)) 12px 0;pointer-events:none;color:#fff;justify-content:center;display:flex;position:absolute;inset:0 0 auto}.arc-salir{left:12px;top:max(12px, env(safe-area-inset-top));pointer-events:auto;color:#fff;min-height:40px;font:inherit;cursor:pointer;touch-action:manipulation;background:#ffffff24;border:0;border-radius:999px;padding:0 14px;font-weight:600;position:absolute}.arc-puntos{font-variant-numeric:tabular-nums;color:var(--arc-acento);text-shadow:0 3px 12px #00000073;margin-top:18px;font-size:min(11vh,64px);font-weight:800;line-height:1}.arc-inicio{pointer-events:none;justify-content:center;display:flex;position:absolute;bottom:22%;left:0;right:0}.arc-inicio p{color:#fff;background:#080c16b8;border-radius:999px;margin:0;padding:10px 18px;font-size:17px;font-weight:700;animation:1.6s ease-in-out infinite arc-latido}@keyframes arc-latido{0%,to{opacity:.75}50%{opacity:1}}.arc-j4{--arc-fondo:#141c33;--arc-acento:#ffd166;background:radial-gradient(120% 80% at 50% 30%,#1f2b4d 0%,#141c33 70%)}.j4-rejilla{aspect-ratio:1;touch-action:none;grid-template-columns:repeat(2,1fr);gap:14px;width:min(86%,400px);display:grid;position:absolute;top:52%;left:50%;transform:translate(-50%,-50%)}.j4-casilla{touch-action:none;background:#22304f;border-radius:28% 8px;place-items:center;display:grid;position:relative;box-shadow:inset 0 -4px #00000040}.j4-casilla:nth-child(2),.j4-casilla:nth-child(3){border-radius:8px 28%}.j4-casilla svg{pointer-events:none;width:82%;height:82%;overflow:visible}.j4-pista{fill:none;stroke:#ffffff14;stroke-width:7px}.j4-anillo{fill:none;stroke:#5be3b5;stroke-width:7px;stroke-linecap:round;transform-origin:50%;transition:stroke .2s;transform:rotate(-90deg)}.j4-casilla[data-nivel=aviso] .j4-anillo{stroke:#ffd166}.j4-casilla[data-nivel=peligro] .j4-anillo{stroke:#ff6b6b}.j4-flecha{fill:#f4f1ea;transform-origin:50%;transition:opacity .1s}.j4-bloqueada .j4-flecha{opacity:.3}.j4-bien{animation:.22s ease-out j4-bien}.j4-mal{animation:.15s ease-out j4-mal}@keyframes j4-bien{0%{transform:scale(.94)}to{transform:scale(1)}}@keyframes j4-mal{0%,to{transform:translate(0)}33%{transform:translate(-6px)}66%{transform:translate(6px)}}.arc-j5{--arc-fondo:#1b1426;--arc-acento:#ffe0cc;background:radial-gradient(110% 70% at 50% 40%,#2b2140 0%,#1b1426 75%)}.arc-j5 .arc-puntos{opacity:.85;font-size:22px}.j5{color:#fff;text-align:center;pointer-events:none;flex-direction:column;justify-content:center;align-items:center;gap:28px;padding:90px 32px 32px;display:flex;position:absolute;inset:0}.j5 button{pointer-events:auto}.j5 p{margin:0}.j5-titulo{opacity:.75;font-size:15px;font-weight:700;position:absolute;top:96px;left:0;right:0}.j5-tubo{background:#ffffff12;border-radius:999px;width:96px;height:min(50vh,400px);position:relative;overflow:hidden}.j5-relleno{transform-origin:bottom;background:#ff9f6e;border-radius:999px;position:absolute;inset:0}.j5-nivel,.j5-final{flex-direction:column;align-items:center;gap:8px;width:min(100%,300px);display:flex}.j5-texto{opacity:.65;font-size:15px}.j5-error,.j5-media{font-variant-numeric:tabular-nums;font-size:min(16vw,80px);font-weight:800;line-height:1.05}.j5-media{color:#ffe0cc}.j5-cuando{margin-top:-4px;font-size:18px;font-weight:700}.j5 .j5-siguiente.boton{color:#1b1426;background:#ff9f6e;flex:none;width:100%;margin-top:18px}.j5-lista{width:100%;color:var(--texto)}.j5-bien{color:#5be3b5}.j5-regular{color:#ffd166}.j5-mal{color:#ff6b6b}.arc-j6{--arc-fondo:#cfe0d8;--arc-acento:#1d4a4c}.arc-j6 .arc-puntos{text-shadow:none;font-size:26px}.arc-j6 .arc-salir{color:#1d4a4c;background:#1d4a4c24}.j6{pointer-events:none;place-items:center;padding:16px;display:grid;position:absolute;inset:0}.j6 button{pointer-events:auto}.j6-solucion{color:#1d4a4c38;margin:0;font-size:min(40vw,220px);font-weight:900;line-height:1}.j6-respuesta{color:#10302f;pointer-events:auto;background:#fff;border-radius:22px;flex-direction:column;gap:16px;width:min(88%,360px);padding:20px;display:flex;box-shadow:0 18px 40px #10302f2e}.j6-pregunta{text-align:center;margin:0;font-size:18px;font-weight:700}.j6-tiempo{background:#e3ece8;border-radius:999px;height:10px;overflow:hidden}.j6-tiempo-relleno{transform-origin:0;background:#2f9e8f;height:100%}.j6-tiempo-relleno[data-nivel=aviso]{background:#e0a33b}.j6-tiempo-relleno[data-nivel=peligro]{background:#d9534f}.j6-contador{align-items:center;gap:12px;display:flex}.j6-contador button{color:#10302f;height:64px;font:inherit;cursor:pointer;touch-action:manipulation;background:#e3ece8;border:0;border-radius:16px;flex:0 0 72px;font-size:32px;font-weight:800}.j6-valor{text-align:center;font-variant-numeric:tabular-nums;flex:1;font-size:52px;font-weight:800}.j6 .j6-enviar.boton{background:#1d4a4c;flex:none;min-height:56px}.arc-j7{--arc-fondo:#122b2f;--arc-acento:#f2e8d5;container-type:size}.j7-area{aspect-ratio:.625;pointer-events:auto;width:min(100cqw,62.5cqh);position:absolute;bottom:0;left:50%;transform:translate(-50%);container-type:inline-size}.j7-estado,.j7-fila{text-align:center;color:#f2e8d5;pointer-events:none;margin:0;position:absolute;left:0;right:0}.j7-estado{opacity:.75;font-size:18px;font-weight:700;top:22%}.j7-estado[data-fase=acierto]{color:#7fe0b1;opacity:1}.j7-estado[data-fase=fallo]{color:#ff8f7a;opacity:1}.j7-fila{letter-spacing:.12em;min-height:1.2em;font-size:26px;font-weight:800;top:27%}.j7-muestra{aspect-ratio:1;opacity:0;pointer-events:none;width:15cqw;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.j7-muestra svg{fill:#f2e8d5;width:100%;height:100%}.j7-boton{aspect-ratio:1;cursor:pointer;touch-action:manipulation;background:#f2e8d5;border:0;border-radius:50%;width:17.5cqw;margin:0;padding:0;position:absolute;top:58%;left:50%;translate:-50% -50%;box-shadow:inset 0 -.8cqw #122b2f40}.j7-boton[aria-disabled=true]{cursor:default}.j7-boton svg{fill:#d9573f;vertical-align:middle;width:52%;height:52%}.j7-arriba{margin-top:-20.8cqw}.j7-abajo{margin-top:20.8cqw}.j7-izquierda{margin-left:-20.8cqw}.j7-derecha{margin-left:20.8cqw}.j7-abajo svg{rotate:180deg}.j7-izquierda svg{rotate:270deg}.j7-derecha svg{rotate:90deg}.j7-pulsado{animation:.12s ease-out j7-pulsado}@keyframes j7-pulsado{50%{scale:1.2}}.arc-j8{--arc-fondo:#0f2740;--arc-acento:#ffcf5c}.arc-j9{--arc-fondo:#13261f;--arc-acento:#f4f1e6;container-type:size}.arc-j9 .arc-puntos{font-size:30px}.j9-area{aspect-ratio:.625;width:min(100cqw,62.5cqh);position:absolute;bottom:0;left:50%;transform:translate(-50%);container-type:inline-size}.j9-tiempo{background:#f4f1e624;border-radius:99px;height:2.6cqw;position:absolute;top:9%;left:14%;right:14%;overflow:hidden}.j9-tiempo-barra{border-radius:inherit;transform-origin:0;background:#7be0a5;width:100%;height:100%;transition:background-color .3s ease-out}.j9-tiempo-barra[data-nivel=medio]{background:#ffc94d}.j9-tiempo-barra[data-nivel=bajo]{background:#ff6b5c}.j9-tablero{position:absolute;inset:0}.j9-casilla{aspect-ratio:1;place-items:center;width:19.1667cqw;animation:.4s cubic-bezier(.34,1.4,.64,1) both j9-entra;display:grid;position:absolute;translate:-50% -50%}.j9-casilla:before{content:"";background:#f4f1e6;border-radius:22%;transition:background-color .15s;position:absolute;inset:6.5%;box-shadow:inset 0 -1cqw #13261f2e}.j9-casilla span{color:#13261f;font-variant-numeric:tabular-nums;font-size:7.5cqw;font-weight:800;position:relative}.j9-casilla[data-estado=tapada]:before{background:#2f4a3f}.j9-casilla[data-estado=tapada] span{visibility:hidden}.j9-casilla[data-estado=vista]:before{background:#7be0a5}.j9-casilla[data-estado=error]:before{background:#ff6b5c}.j9-casilla[data-estado=error]{animation:.2s ease-in-out 2 j9-temblor}.j9-golpe{animation:.27s ease-out j9-golpe}@keyframes j9-entra{0%{scale:0}}@keyframes j9-golpe{33%{scale:1.12}}@keyframes j9-temblor{25%{translate:calc(1cqw - 50%) -50%}75%{translate:calc(-50% - 1cqw) -50%}}.panel{touch-action:pan-y;background:#060e148c;place-items:center;padding:16px;display:grid;position:absolute;inset:0;overflow-y:auto}.tarjeta{background:var(--superficie);width:min(100%,420px);color:var(--texto);border-radius:20px;padding:22px 20px 18px;box-shadow:0 18px 50px #00000059}.tarjeta h2{margin:0 0 10px;font-size:24px}.reglas{color:var(--texto-suave);margin:0 0 14px;padding-left:18px;font-size:15px}.reglas li+li{margin-top:6px}.dato{text-align:center;color:var(--texto-suave);font-variant-numeric:tabular-nums;margin:0 0 16px}.dato.nuevo{color:var(--exito);font-weight:700}.acciones{gap:10px;display:flex}.boton{min-height:48px;font:inherit;cursor:pointer;touch-action:manipulation;border:0;border-radius:12px;flex:1;font-size:16px;font-weight:700}.boton.primario{background:var(--acento);color:var(--acento-texto)}.boton.secundario{background:var(--superficie-2);color:var(--texto)}.etiqueta{text-align:center;color:var(--texto-suave);margin:0;font-size:14px;font-weight:600}.tiempo-grande{text-align:center;font-variant-numeric:tabular-nums;margin:2px 0 14px;font-size:52px;font-weight:800;line-height:1.1}.vueltas{margin:0 0 14px;padding:0;list-style:none}.vueltas li{background:var(--superficie-2);font-variant-numeric:tabular-nums;border-radius:10px;justify-content:space-between;padding:9px 12px;display:flex}.vueltas li+li{margin-top:6px}.vueltas li.mejor{box-shadow:inset 0 0 0 2px var(--acento);font-weight:700}body.en-portada{background:#060b1c}.portada{--fondo:#060b1c;--tarjeta:#0b1535;--tinta:#eaf2ff;--suave:#9fb2d6;--led:#2f8cff;--led-claro:#8cc4ff;--brillo:0 0 0 1px #2f8cffe6, 0 0 14px #2f8cff8c, inset 0 0 14px #2f8cff2e;--brillo-fuerte:0 0 0 1px #5aa6ff, 0 0 22px #2f8cffd9, inset 0 0 18px #2f8cff4d;--margen:clamp(16px, 4vw, 40px);min-height:100svh;padding:0 var(--margen) env(safe-area-inset-bottom);color:var(--tinta);background:radial-gradient(ellipse 70% 45% at 15% 0%, #2048aa73, transparent 70%), radial-gradient(ellipse 60% 40% at 95% 35%, #18388c59, transparent 70%), radial-gradient(ellipse 80% 50% at 40% 100%, #122c7859, transparent 70%), var(--fondo);flex-direction:column;font-family:Outfit,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;line-height:1.45;display:flex;position:relative;overflow-x:clip}.portada:before{content:"";z-index:0;pointer-events:none;opacity:.55;background-image:radial-gradient(1px 1px at 20px 30px,#cfe2ff,#0000),radial-gradient(1px 1px at 140px 90px,#fff,#0000),radial-gradient(1.5px 1.5px at 210px 160px,#a9cbff,#0000),radial-gradient(1px 1px at 80px 210px,#fff,#0000),radial-gradient(1px 1px at 260px 40px,#cfe2ff,#0000);background-size:300px 260px;position:absolute;inset:0}.portada>*{z-index:1;position:relative}.portada a{color:inherit;text-decoration:none}.portada :focus-visible{outline:2px solid var(--led-claro);outline-offset:4px}.pt-cabecera{text-align:center;padding:clamp(40px,9vw,96px) 0 clamp(28px,5vw,56px)}.pt-titulo{letter-spacing:.02em;text-transform:uppercase;color:#f2f8ff;text-shadow:0 0 6px #8cc4ffe6,0 0 18px #2f8cffcc,0 0 42px #2f8cff8c;margin:0;font-size:clamp(2.6rem,9vw,5.5rem);font-weight:800;line-height:1}.pt-subtitulo{max-width:36ch;color:var(--suave);margin:18px auto 0;font-size:clamp(1rem,.95rem + .3vw,1.15rem)}.portada main{flex:1;width:100%;max-width:1200px;margin:0 auto}.pt-rejilla{--columnas:4;--hueco:clamp(14px, 2.2vw, 28px);justify-content:center;gap:var(--hueco);flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex}.pt-rejilla>li{flex:0 0 calc((100% - (var(--columnas) - 1) * var(--hueco)) / var(--columnas));min-width:0}@media (width<=1023px){.pt-rejilla{--columnas:3}}@media (width<=759px){.pt-rejilla{--columnas:2}}.pt-tarjeta{background:var(--tarjeta);height:100%;box-shadow:var(--brillo);-webkit-tap-highlight-color:transparent;border-radius:18px;flex-direction:column;transition:box-shadow .2s,transform .2s cubic-bezier(.22,1,.36,1);display:flex;overflow:hidden}.pt-tarjeta:active{transform:scale(.98)}@media (hover:hover) and (pointer:fine){.pt-tarjeta:hover{box-shadow:var(--brillo-fuerte);transform:translateY(-3px)}}.pt-tarjeta:focus-visible{box-shadow:var(--brillo-fuerte)}.pt-pantalla{aspect-ratio:4/5;background:#0a1430;display:block;position:relative;overflow:hidden;box-shadow:0 1px #2f8cffb3}.pt-pantalla img,.pt-pantalla video{object-fit:cover;object-position:50% var(--encuadre,40%);width:100%;height:100%;position:absolute;inset:0}.pt-pantalla video{opacity:0;transition:opacity .2s}.pt-en-marcha .pt-pantalla video{opacity:1}.pt-texto{flex-direction:column;flex:1;gap:6px;padding:16px 18px 18px;display:flex}.pt-nombre{font-size:1.2rem;font-weight:700;line-height:1.2}.pt-descripcion{color:var(--suave);font-size:1rem}.pt-pie-tarjeta{justify-content:space-between;align-items:center;gap:10px;margin-top:auto;padding-top:12px;display:flex}.pt-record{color:var(--led-claro);font-variant-numeric:tabular-nums;font-size:.9rem;font-weight:600}.pt-jugar{color:#f2f8ff;box-shadow:0 0 0 1px var(--led), 0 0 10px #2f8cff99;border-radius:999px;padding:7px 16px;font-size:.9rem;font-weight:700;transition:background-color .2s}@media (hover:hover) and (pointer:fine){.pt-tarjeta:hover .pt-jugar{background:var(--led)}}.pt-pie{text-align:center;color:var(--suave);margin-top:clamp(48px,8vw,96px);padding:22px 0 28px;font-size:.9rem}.pt-pie:before{content:"";background:var(--led);max-width:1200px;height:1px;margin:0 auto 22px;display:block;box-shadow:0 0 10px #2f8cffcc}.pt-pie p{margin:0}@media (width<=559px){.pt-rejilla{--hueco:14px}.pt-rejilla>li:last-child:nth-child(odd){flex-basis:100%}.pt-rejilla>li:last-child:nth-child(odd) .pt-tarjeta{flex-direction:row}.pt-rejilla>li:last-child:nth-child(odd) .pt-pantalla{flex:0 0 calc((100% - var(--hueco)) / 2);box-shadow:1px 0 #2f8cffb3}.pt-tarjeta{border-radius:14px}.pt-texto{gap:4px;padding:12px 12px 14px}.pt-nombre{font-size:1.02rem}.pt-descripcion{-webkit-line-clamp:3;-webkit-box-orient:vertical;font-size:.9rem;display:-webkit-box;overflow:hidden}.pt-pie-tarjeta{padding-top:8px}.pt-record{font-size:.88rem}.pt-jugar{display:none}}@media (prefers-reduced-motion:no-preference){.pt-cabecera,.pt-rejilla>li{animation:.6s cubic-bezier(.22,1,.36,1) both pt-aparece}.pt-rejilla>li:nth-child(2){animation-delay:60ms}.pt-rejilla>li:nth-child(3){animation-delay:.12s}.pt-rejilla>li:nth-child(4){animation-delay:.18s}.pt-rejilla>li:nth-child(5){animation-delay:.24s}.pt-rejilla>li:nth-child(6){animation-delay:.3s}.pt-rejilla>li:nth-child(n+7){animation-delay:.36s}}@keyframes pt-aparece{0%{opacity:0;transform:translateY(14px)}}