:root{--fondo:#f5f8f8;--superficie:#fff;--texto:#17323a;--texto-suave:#56676c;--primario:#087a7a;--primario-oscuro:#055454;--primario-suave:#dcf3f1;--borde:#dde5e5;--correcto:#1b6e4a;--correcto-fondo:#e2f5ea;--aviso:#b23f22;--aviso-fondo:#ffece6;--sol:#ffc83d;--sol-claro:#fff1c7;--niebla:#e6ecec;--niebla-oscura:#c5d0d0;--texto-tenue:#8a9b9f;--fuente:"Nunito Variable", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--fuente-titulos:"Fredoka Variable", "Nunito Variable", system-ui, sans-serif;--apuntado:#055454;--apuntado-fondo:#dcf3f1;--radio:18px;--toque:76px;color-scheme:light}*,:before,:after{box-sizing:border-box}html,body{height:100%;margin:0}body{font-family:var(--fuente);background:var(--fondo);color:var(--texto);-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;overscroll-behavior:none;overflow:hidden}button{font:inherit;touch-action:manipulation;cursor:pointer}.app{max-width:720px;height:100%;padding:8px 16px calc(12px + env(safe-area-inset-bottom));flex-direction:column;margin:0 auto;display:flex}.cabecera{align-items:center;gap:12px;min-height:84px;display:flex}.puntos{flex-wrap:wrap;flex:1;justify-content:center;gap:8px;display:flex}.punto{background:var(--borde);border-radius:50%;width:12px;height:12px}.punto.hecho{background:var(--primario)}.punto.actual{background:var(--primario);box-shadow:0 0 0 4px var(--primario-suave)}.boton-salir{width:48px;height:48px;color:var(--texto-suave);background:0 0;border:none;border-radius:50%;flex:none;place-items:center;display:grid}.boton-salir:active{background:var(--borde)}.boton-sub{border:2px solid var(--borde);background:var(--superficie);width:48px;height:48px;color:var(--texto-suave);border-radius:12px;font-size:1rem;font-weight:800}.boton-sub[aria-pressed=true]{border-color:var(--primario);color:var(--primario)}.boton-oir{width:var(--toque);height:var(--toque);background:var(--primario);color:#fff;box-shadow:0 5px 0 var(--primario-oscuro);border:none;border-radius:50%;flex:none;place-items:center;display:grid}.boton-oir:active{box-shadow:0 2px 0 var(--primario-oscuro);transform:translateY(3px)}.boton-oir[hidden]{display:none}.boton-oir.hablando svg{animation:.9s ease-in-out infinite latido}.rotulo{text-align:center;font-family:var(--fuente-titulos);min-height:1.2em;margin:0 0 4px;font-size:1.5rem;font-weight:600;line-height:1.2}.subtitulo{text-align:center;color:var(--texto-suave);margin:0 0 6px;font-size:1rem;line-height:1.35}.subtitulo[hidden]{display:none}.aviso-voz{background:var(--aviso-fondo);color:var(--aviso);text-align:center;border-radius:12px;margin:0 0 8px;padding:8px 12px;font-size:.95rem}.escenario{flex:1;justify-content:center;align-items:center;min-height:0;display:flex}.escenario>svg{touch-action:none;width:100%;height:100%;overflow:visible}.opciones{min-height:calc(var(--toque) + 20px);border-radius:24px;justify-content:center;gap:12px;margin:4px -8px 0;padding:10px 8px;display:flex}.opciones.llamando{animation:.7s ease-in-out 3 barra}.opcion{max-width:140px;min-width:var(--toque);min-height:var(--toque);border:3px solid var(--borde-opcion,var(--borde));border-radius:var(--radio);background:var(--superficie);color:var(--texto);box-shadow:0 5px 0 var(--borde);flex:1;place-items:center;font-size:2.4rem;font-weight:800;line-height:1;display:grid}.opcion:active{box-shadow:0 2px 0 var(--borde);transform:translateY(3px)}.opcion.llamar{animation:.7s ease-in-out 3 llamar}.opcion.elegida-mal{border-color:var(--aviso);animation:.4s temblor}.opcion.elegida-bien{border-color:var(--correcto);background:var(--correcto-fondo)}.opcion.elegida{border-color:var(--apuntado);background:var(--apuntado-fondo)}.opcion.ancha{justify-content:center;align-items:center;gap:10px;max-width:260px;font-size:1.4rem;display:flex}body.en-portada .puntos,body.en-portada .opciones,.portada-mundo{display:none}body.en-portada .portada-mundo{background:color-mix(in srgb, var(--mundo) 12%, #fff);color:var(--mundo);text-align:center;border-radius:999px;margin:auto auto 0;padding:6px 14px;font-size:.9rem;font-weight:800;line-height:1.2;display:block}body.en-portada .rotulo{margin-top:10px;font-size:2.2rem;font-weight:700}body.en-portada .escenario{flex:none;margin:12px 0 auto}.portada{text-align:center;flex-direction:column;align-items:center;gap:14px;width:100%;display:flex}.portada__subtitulo{max-width:30ch;color:var(--texto-suave);margin:0;font-size:1.05rem;line-height:1.35}.portada__escena{place-items:center;width:290px;height:220px;display:grid;position:relative}.empezar{isolation:isolate;background:var(--primario);color:#fff;width:140px;height:140px;box-shadow:0 8px 0 var(--primario-oscuro);border:none;border-radius:50%;place-items:center;padding-left:8px;display:grid;position:relative}.empezar:before{content: ;z-index:-1;background:var(--primario-suave);border-radius:50%;animation:1.8s ease-out infinite anillo;position:absolute;inset:-14px}.empezar:active{box-shadow:0 4px 0 var(--primario-oscuro);transform:translateY(4px)}.portada__cara{width:66px;height:66px;animation:3s ease-in-out infinite flotar;position:absolute}.cara-1{top:4px;left:0}.cara-2{animation-delay:-.8s;top:4px;right:0}.cara-3{animation-delay:-1.6s;bottom:0;left:14px}.cara-4{animation-delay:-2.4s;bottom:0;right:14px}.portada__progreso{color:var(--texto-suave);flex-direction:column;align-items:center;gap:6px;font-size:.95rem;font-weight:700;display:flex}.portada__barra{background:var(--borde);border-radius:4px;width:160px;height:8px;overflow:hidden}.portada__barra span{background:#ffc83d;border-radius:4px;height:100%;display:block}.portada__volumen{background:var(--superficie);border:2px solid var(--borde);color:var(--texto-suave);border-radius:999px;align-items:center;gap:8px;margin:0;padding:8px 14px;font-size:.95rem;font-weight:700;display:flex}@keyframes flotar{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes anillo{0%{opacity:1;transform:scale(.92)}to{opacity:0;transform:scale(1.3)}}@media (prefers-reduced-motion:reduce){.portada__cara,.empezar:before{animation:none}}.franja{padding:14px 16px calc(14px + env(safe-area-inset-bottom));z-index:10;transition:transform .25s ease-out;position:fixed;bottom:0;left:0;right:0;transform:translateY(110%)}.franja.visible{transform:none}body.con-franja .app{padding-bottom:116px}.franja-dentro{align-items:center;gap:12px;max-width:720px;margin:0 auto;display:flex}.franja .icono{background:#fff;border-radius:50%;flex:none;place-items:center;width:56px;height:56px;display:grid}.franja .texto{flex:1;font-size:1.3rem;font-weight:800;line-height:1.2}.franja.bien{background:var(--correcto-fondo);color:var(--correcto)}.franja.aviso{background:var(--aviso-fondo);color:var(--aviso)}.franja.apuntado{background:var(--apuntado-fondo);color:var(--apuntado)}.seguir{min-width:128px;min-height:var(--toque);border-radius:var(--radio);color:#fff;border:none;justify-content:center;align-items:center;gap:6px;font-size:1.25rem;font-weight:800;display:flex}.franja.bien .seguir{background:var(--correcto);box-shadow:0 5px #0f5a2b}.franja.aviso .seguir{background:var(--aviso);box-shadow:0 5px #7f2a15}.franja.apuntado .seguir{background:var(--apuntado);box-shadow:0 5px #023838}.seguir[hidden]{display:none}.franja.salir{background:var(--superficie);color:var(--texto);z-index:20;box-shadow:0 -6px 24px #00000026}.salir-dentro{text-align:center;flex-direction:column;align-items:stretch}.salir-dentro .texto{margin:0 0 4px}.salir-botones{gap:12px;display:flex}.salir-botones .seguir{flex:1;min-width:0;text-decoration:none}.seguir.quedarse{background:var(--primario);box-shadow:0 5px 0 var(--primario-oscuro)}.seguir.irse{background:var(--superficie);color:var(--texto-suave);border:2px solid var(--borde);box-shadow:0 5px 0 var(--borde)}.zona{fill:#0000}.tocable{cursor:pointer;outline:none}.tocable:focus-visible .zona{stroke:var(--primario);stroke-width:3px}.contada .zona{fill:#087a7a14}.tocable.elegida-mal{transform-box:fill-box;animation:.4s temblor}.tocable.elegida-mal .zona{fill:var(--aviso-fondo);stroke:var(--aviso);stroke-width:3px}.tocable.elegida-bien .zona{fill:var(--correcto-fondo);stroke:var(--correcto);stroke-width:4px}.numero-objeto{fill:#fff;paint-order:stroke;stroke:var(--texto);stroke-width:5px;stroke-linejoin:round;pointer-events:none;text-anchor:middle;dominant-baseline:central;font-size:26px;font-weight:800}.numero-objeto.pequeno{stroke-width:4px;font-size:17px}.insignia circle{fill:#fff;stroke:var(--texto);stroke-width:2.5px}.insignia text{fill:var(--texto);text-anchor:middle;dominant-baseline:central;font-size:16px;font-weight:800}.insignia.nueva{transform-box:fill-box;transform-origin:50%;animation:.25s ease-out aparecer}.bocadillo>rect,.bocadillo>path{fill:#fff;stroke:var(--borde);stroke-width:2.5px}.bocadillo>text{fill:var(--texto);text-anchor:middle;dominant-baseline:central;font-size:40px;font-weight:800}.bandeja{fill:var(--primario-suave);stroke:#b9e2dd;stroke-width:2px}.frutero{fill:var(--sol-claro);stroke:#f0d58a;stroke-width:2px}.franja-huecos{fill:#0000}.hueco{fill:none;stroke:var(--niebla-oscura);stroke-width:2.5px;stroke-dasharray:5 5}.hueco.ocupado{stroke:#0000}.hueco.solo{stroke:var(--aviso);stroke-width:4px;stroke-dasharray:none}.arrastrable{transition:transform .25s ease-out}.arrastrable.arrastrando{transition:none}.seleccionada .zona{fill:#087a7a29;stroke:var(--primario);stroke-width:3px}.estrella{fill:var(--sol);stroke:#b7791f;stroke-width:2px;stroke-linejoin:round}.pulso{transform-box:fill-box;transform-origin:50%;animation:.9s ease-in-out infinite pulso}.meneo{transform-box:fill-box;transform-origin:50%;animation:.35s temblor}.confeti{z-index:20;pointer-events:none;border-radius:3px;width:10px;height:16px;animation:2.4s ease-in forwards caer;position:fixed;top:-20px}@keyframes latido{50%{transform:scale(1.15)}}@keyframes pulso{50%{transform:scale(1.2)}}@keyframes aparecer{0%{opacity:0;transform:scale(.2)}}@keyframes temblor{20%,60%{transform:translate(-6px)}40%,80%{transform:translate(6px)}}@keyframes barra{50%{background:var(--primario-suave);box-shadow:0 0 0 4px var(--primario)}}@keyframes llamar{50%{transform:translateY(-5px)}}@keyframes caer{to{transform:translateY(110vh)rotate(540deg)}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}.opciones.llamando{background:var(--primario-suave);box-shadow:0 0 0 4px var(--primario)}}a.opcion{color:var(--texto);text-decoration:none}.casilla{fill:#fff;stroke:var(--niebla-oscura);stroke-width:2.5px}.tocable.elegida-bien .casilla{fill:var(--correcto-fondo);stroke:var(--correcto)}.tocable.elegida-mal .casilla{fill:var(--aviso-fondo);stroke:var(--aviso)}.numero-casilla{fill:var(--texto-tenue);text-anchor:middle;dominant-baseline:central;font-size:16px;font-weight:700}.numero-raya{fill:var(--texto);text-anchor:middle;dominant-baseline:central;font-size:19px;font-weight:800}.ficha,.palillo-movil{transition:transform .35s ease-out}.celda-tabla rect{fill:#fff;stroke:var(--borde);stroke-width:1.5px}.celda-tabla text{fill:var(--texto);text-anchor:middle;dominant-baseline:central;pointer-events:none;font-size:14px;font-weight:700}.celda-tabla.marcada rect{fill:var(--sol-claro);stroke:var(--sol)}.celda-tabla.tapada rect{fill:var(--niebla);stroke:var(--borde)}.celda-tabla.tocada rect{fill:var(--primario-suave);stroke:var(--primario);stroke-width:2.5px}.celda-tabla.bien rect{fill:var(--correcto-fondo);stroke:var(--correcto);stroke-width:3px}.celda-tabla.mal rect{fill:var(--aviso-fondo);stroke:var(--aviso);stroke-width:2.5px}.insignia rect{fill:#fff;stroke:var(--texto);stroke-width:2.5px}.dorsal{fill:var(--texto);text-anchor:middle;dominant-baseline:central;font-size:15px;font-weight:800}.menu{max-width:560px;margin:0 auto;padding:16px 16px 32px}.menu h1{margin:8px 0 4px;font-size:1.6rem}.menu>p{color:var(--texto-suave);margin:0 0 16px}.menu ol{gap:12px;margin:0;padding:0;list-style:none;display:grid}.menu a{min-height:var(--toque);border-radius:var(--radio);background:var(--superficie);border:3px solid var(--borde);box-shadow:0 5px 0 var(--borde);color:var(--texto);align-items:center;gap:14px;padding:10px 16px;font-size:1.25rem;font-weight:800;text-decoration:none;display:flex}.menu a:active{box-shadow:0 2px 0 var(--borde);transform:translateY(3px)}.menu .numero{background:var(--primario);color:#fff;border-radius:50%;flex:none;place-items:center;width:44px;height:44px;display:grid}.menu .saber{color:var(--texto-suave);font-size:.85rem;font-weight:600;display:block}body.pagina-menu{overflow:auto}.etiqueta-dibujo{fill:var(--texto);text-anchor:middle;dominant-baseline:central;font-size:22px;font-weight:800}.tocable:has(.cuerpo-tarjeta) .zona{fill:#0000;stroke:none}.tocable.elegida-bien .cuerpo-tarjeta{fill:var(--correcto-fondo);stroke:var(--correcto);stroke-width:3px}.tocable.elegida-mal .cuerpo-tarjeta{fill:var(--aviso-fondo);stroke:var(--aviso);stroke-width:3px}.tocable.elegida .casilla{fill:var(--apuntado-fondo);stroke:var(--apuntado);stroke-width:4px}.opcion.principal{background:var(--primario);border-color:var(--primario-oscuro);max-width:300px;box-shadow:0 5px 0 var(--primario-oscuro);color:#fff;flex:auto}a.opcion.principal{color:#fff}.opcion.principal:active{box-shadow:0 2px 0 var(--primario-oscuro)}.opcion.secundaria{width:var(--toque);min-width:var(--toque);flex:none}