: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}}.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:#000}.portada{--p-fondo:#000;--p-tinta:#fff;--p-acento:#93f1f7;--p-acento-tinta:#000;--p-menta:#9ae187;--p-limon:#f3ea7a;--p-cian:#93f1f7;--p-margen:clamp(16px, 2.2vw, 32px);--p-pequeno:clamp(.8125rem, .79rem + .1vw, .875rem);--p-cuerpo:clamp(1.0625rem, 1rem + .25vw, 1.1875rem);--p-entrada:clamp(1.25rem, 1.1rem + .7vw, 1.625rem);--p-titulo:clamp(2.5rem, 1.2rem + 5vw, 5.5rem);--p-suave:cubic-bezier(.16, 1, .3, 1);background:var(--p-fondo);color:var(--p-tinta);font-family:Epilogue,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-size:var(--p-cuerpo);line-height:1.5;overflow-x:clip}.portada a{color:inherit}.portada :focus-visible{outline-offset:3px;outline:3px solid}.pt-barra{z-index:2;padding:max(var(--p-margen), env(safe-area-inset-top)) var(--p-margen) 0;justify-content:space-between;align-items:center;display:flex;position:absolute;inset:0 0 auto}.pt-marca{font-weight:900;font-size:var(--p-entrada);letter-spacing:-.04em;text-decoration:none}.pt-accion{background:var(--p-acento);min-height:44px;font-weight:500;font-size:var(--p-pequeno);transition:transform .18s var(--p-suave), background .18s;align-items:center;padding:0 18px;text-decoration:none;display:inline-flex;color:var(--p-acento-tinta)!important}.pt-accion:hover{background:#fff}.pt-accion:active{transform:scale(.96)}.pt-heroe{--costura:46%;height:100svh;min-height:560px;position:relative}.pt-campo{pointer-events:none;position:absolute;left:0;right:0}.pt-campo-alto{height:var(--costura);background:var(--p-fondo);top:0}.pt-campo-bajo{top:var(--costura);background:var(--p-menta);bottom:0}.pt-titular{z-index:1;top:var(--costura);left:var(--p-margen);right:var(--p-margen);color:var(--p-tinta);letter-spacing:-.04em;text-transform:uppercase;text-align:center;margin:0;font-size:min(15.5vw,140px);font-weight:900;line-height:.9;position:absolute;transform:translateY(-75%)}.pt-titular-bajo{color:#000;clip-path:inset(75% 0 0);pointer-events:none;position:absolute;inset:0}.pt-linea{margin-top:-.14em;padding:.14em 0 .04em;display:block;overflow:hidden}.pt-linea>span{display:block}.pt-lista .pt-linea>span{animation:pt-sube .9s var(--p-suave) both}.pt-lista .pt-linea+.pt-linea>span{animation-delay:.11s}@keyframes pt-sube{0%{transform:translateY(105%)}to{transform:none}}.pt-entrada{left:var(--p-margen);right:var(--p-margen);bottom:max(28px, env(safe-area-inset-bottom));color:#000;max-width:34ch;font-size:var(--p-entrada);margin:0;font-weight:500;line-height:1.3;position:absolute}.pt-lista .pt-entrada{animation:pt-aparece .7s .45s var(--p-suave) both}.pt-h2{font-weight:900;font-size:var(--p-titulo);letter-spacing:-.04em;margin:0;line-height:.95}.pt-juegos{padding:clamp(72px, 12vw, 160px) var(--p-margen) clamp(56px, 8vw, 120px);background:var(--p-fondo)}.pt-mazo{gap:20px;margin:clamp(32px,5vw,64px) 0 0;padding:0;list-style:none;display:grid}.pj{background:var(--pj-color);color:#000}.pj-enlace{height:100%;transition:transform .2s var(--p-suave);text-decoration:none;display:block}.pj-enlace:active{transform:scale(.985)}.pj-lomo{display:none}.pj-cuerpo{grid-template-columns:1fr 34%;align-items:stretch;gap:16px;padding:28px 20px;display:grid}.pj-texto{flex-direction:column;gap:10px;min-width:0;display:flex}.pj-nombre{font-weight:900;font-size:var(--p-entrada);letter-spacing:-.03em;line-height:1.02}.pj-descripcion{font-size:var(--p-cuerpo);line-height:1.4}.pj-pie{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px 16px;margin-top:auto;padding-top:8px;display:flex}.pj-record{font-weight:500;font-size:var(--p-pequeno)}.pj-jugar{min-height:44px;color:var(--pj-color);font-weight:500;font-size:var(--p-pequeno);transition:transform .18s var(--p-suave);background:#000;align-items:center;padding:0 18px;display:inline-flex}.pj-enlace:hover .pj-jugar{transform:translate(4px)}.pj-captura{aspect-ratio:9/14;object-fit:cover;object-position:center 55%;background:#000;width:100%;height:100%;min-height:180px;display:block}.pt-nota{font-size:var(--p-cuerpo);margin:24px 0 0}.pt-libre{padding:clamp(72px, 12vw, 180px) var(--p-margen);background:var(--p-limon);color:#000;gap:32px;display:grid}.pt-libre-cuerpo{gap:16px;max-width:62ch;display:grid}.pt-libre-cuerpo p{font-size:var(--p-entrada);margin:0;line-height:1.35}.pt-pie{padding:0 var(--p-margen) max(24px, env(safe-area-inset-bottom));background:var(--p-cian);color:#000;overflow:hidden}.pt-pie-marca{letter-spacing:-.06em;white-space:nowrap;margin:0 0 clamp(24px,4vw,56px);padding-top:clamp(40px,6vw,80px);font-size:16.5vw;font-weight:900;line-height:.78}.pt-pie-titulo{font-size:var(--p-entrada);letter-spacing:-.02em;margin:0 0 12px;font-weight:900}.pt-pie-lista{gap:4px;margin:0;padding:0;list-style:none;display:grid}.pt-pie-lista a{font-size:var(--p-entrada);letter-spacing:-.03em;transition:transform .18s var(--p-suave);padding:4px 0;font-weight:900;text-decoration:none;display:inline-block}.pt-pie-lista a:hover{transform:translate(8px)}.pt-pie-final{font-size:var(--p-pequeno);flex-wrap:wrap;justify-content:space-between;gap:8px 24px;margin-top:clamp(48px,7vw,96px);display:flex}.pt-pie-final p{margin:0}.pt-lista .pt-aparece,.pt-lista .pj{opacity:0;transition:opacity .6s var(--p-suave), transform .6s var(--p-suave);transform:translateY(24px)}.pt-lista .pt-aparece.pt-visto,.pt-lista .pj.pt-visto{opacity:1;transform:none}.pt-libre-cuerpo .pt-aparece:nth-child(2),.pj:nth-child(2n){transition-delay:80ms}@keyframes pt-aparece{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}@keyframes pt-deriva{0%{transform:scale(1)}to{transform:scale(1.06)}}@media (width>=600px) and (width<=899px){.pt-mazo{grid-template-columns:repeat(2,minmax(0,1fr))}.pj-cuerpo{grid-template-rows:auto 1fr;grid-template-columns:1fr;height:100%}.pj-captura{aspect-ratio:4/3;order:-1;min-height:0}}@media (width>=900px){.pt-heroe{--costura:50%}.pt-titular{font-size:clamp(72px,9vw,140px)}.pt-entrada{text-align:center;max-width:40ch;font-size:20px;bottom:40px;left:50%;transform:translate(-50%)}.pt-lista .pt-entrada{animation-name:pt-aparece-centro}@keyframes pt-aparece-centro{0%{opacity:0;transform:translate(-50%,16px)}to{opacity:1;transform:translate(-50%)}}.pt-mazo{gap:0;height:min(72vh,640px);display:flex}.pj{transition:flex-basis .55s var(--p-suave), opacity .6s var(--p-suave), transform .6s var(--p-suave);flex:0 0 104px;position:relative;overflow:hidden}.pj[data-activo]{flex:auto}.pj-lomo{flex-direction:column;transition:opacity .3s;display:flex;position:absolute;inset:0}.pj-lomo-nombre{writing-mode:vertical-rl;min-height:0;font-weight:900;font-size:var(--p-entrada);letter-spacing:-.02em;white-space:nowrap;flex:1;padding:24px 0;line-height:104px;overflow:hidden;transform:rotate(180deg)}.pj-lomo-captura{object-fit:cover;object-position:center 60%;width:100%;height:42%;transition:transform .5s var(--p-suave);display:block}.pj:hover .pj-lomo-captura{transform:scale(1.08)}.pj[data-activo] .pj-lomo{opacity:0;visibility:hidden;pointer-events:none}.pj-cuerpo{opacity:0;visibility:hidden;grid-template-columns:minmax(280px,1fr) minmax(220px,40%);gap:32px;height:100%;padding:32px;transition:opacity .35s}.pj[data-activo] .pj-cuerpo{opacity:1;visibility:visible;transition-delay:.15s}.pj-nombre{font-size:clamp(2.5rem,1.2rem + 2.4vw,3.75rem)}.pj-descripcion{max-width:32ch;font-size:var(--p-entrada);line-height:1.3}.pj-captura{aspect-ratio:auto;object-position:center 50%;min-height:0}.pj[data-activo] .pj-captura{animation:9s ease-in-out infinite alternate pt-deriva}.pt-libre{grid-template-columns:7fr 5fr;align-items:end;column-gap:48px}.pt-pie-lista{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:48px}.pt-pie-marca{font-size:15.6vw}}@media (prefers-reduced-motion:reduce){.pt-lista .pt-linea>span,.pt-lista .pt-entrada{animation-name:pt-funde;animation-duration:.4s}.pt-lista .pt-aparece,.pt-lista .pj{transition:opacity .4s ease-out;transform:none}.pj[data-activo] .pj-captura{animation:none}.pj:hover .pj-lomo-captura,.pj-enlace:hover .pj-jugar,.pt-pie-lista a:hover,.pj-enlace:active,.pt-accion:active{transform:none}}@keyframes pt-funde{0%{opacity:0}to{opacity:1}}