@font-face{font-family:"Baloo 2";src:url(/fonts/baloo2-var.woff2) format("woff2");font-weight:400 800;font-display:swap}@font-face{font-family:Nunito;src:url(/fonts/nunito-var.woff2) format("woff2");font-weight:300 900;font-display:swap}:root{--papel:#fffdf9;--tinta:#51443e;--suave:#725f56;--coral:#f2a08e;--coral-hondo:#c75e4a;--menta:#bcdccc;--amarillo:#f2d682;--lavanda:#b9abd8;--linea:rgb(81 68 62 / .16)}*{box-sizing:border-box}html{min-width:320px;background:#dce8d5}body{margin:0;color:var(--tinta);font-family:Nunito,sans-serif}button,a,select{font:inherit}button:focus-visible,a:focus-visible,select:focus-visible,[tabindex]:focus-visible{outline:3px solid #276d62;outline-offset:4px}.juego{position:relative;isolation:isolate;min-height:100dvh;overflow:hidden;padding:0 28px 30px}.paisaje{position:absolute;inset:0;z-index:-2;background-position:center;background-size:cover}.juego-intruso .paisaje{background-image:url(/escenas/jardin.webp)}.juego-camino .paisaje{background-image:url(/escenas/panaderia.webp)}.juego-estrellas .paisaje{background-image:url(/escenas/observatorio.webp)}.paisaje:after{position:absolute;inset:0;content:"";background:linear-gradient(90deg,#edf6e7f7,#f6f0e1e0 48%,#d8ebddb8)}.juego-estrellas .paisaje:after{background:linear-gradient(90deg,#efebf8f7,#f6ebf1e0 48%,#dae2f4b8)}.barra{display:grid;width:min(100%,1320px);min-height:82px;margin:0 auto;grid-template-columns:1fr auto 1fr;align-items:center;gap:14px}.marca img{display:block;width:132px;height:auto}.selector{display:flex;max-width:min(720px,62vw);gap:3px;padding:4px;overflow-x:auto;border:1px solid var(--linea);border-radius:15px;background:#fffdf9c7;backdrop-filter:blur(12px);scrollbar-width:none}.selector::-webkit-scrollbar{display:none}.selector a{flex:0 0 auto;padding:8px 10px;border-radius:11px;color:var(--suave);font-family:"Baloo 2",sans-serif;font-size:.72rem;font-weight:750;text-decoration:none;white-space:nowrap}.selector a:hover,.selector .activo{color:var(--tinta);background:#fff;box-shadow:0 4px 14px #51443e1a}.barra-acciones{justify-self:end;display:flex;align-items:center;gap:8px}.idioma select{min-height:42px;padding:0 25px 0 11px;border:1px solid var(--linea);border-radius:13px;color:var(--tinta);background:#fffdf9db;font-family:"Baloo 2",sans-serif;font-size:.76rem;font-weight:800;cursor:pointer}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.volver{display:inline-flex;min-height:42px;padding:0 14px;border:1px solid var(--linea);border-radius:13px;color:var(--tinta);background:#fffdf9db;align-items:center;gap:7px;font-family:"Baloo 2",sans-serif;font-weight:750;text-decoration:none;white-space:nowrap}.juego-layout{display:grid;width:min(100%,1200px);min-height:calc(100dvh - 112px);margin:0 auto;grid-template-columns:minmax(270px,.7fr) minmax(540px,1.3fr);gap:clamp(30px,6vw,84px);align-items:center;padding:18px 0 42px}.ceja{margin:0 0 10px;color:var(--coral-hondo);font-size:.75rem;font-weight:900;letter-spacing:.14em;text-transform:uppercase}h1,h2{font-family:"Baloo 2",sans-serif;text-wrap:balance}h1{max-width:9ch;margin:0;font-size:clamp(3rem,5.4vw,5.35rem);font-weight:760;letter-spacing:-.05em;line-height:.94}.entradilla{max-width:35ch;margin:20px 0 0;color:var(--suave);font-size:1.05rem;line-height:1.55}.marcador{display:flex;width:min(100%,340px);margin-top:27px;border-block:1px solid var(--linea)}.marcador div{flex:1;padding:14px 6px}.marcador div+div{padding-left:24px;border-left:1px solid var(--linea)}.marcador span,.marcador strong{display:block}.marcador span{color:var(--suave);font-size:.75rem;font-weight:750}.marcador strong{margin-top:3px;font-family:"Baloo 2",sans-serif;font-size:1.65rem;line-height:1}.marcador small{color:var(--suave);font-size:.82rem}.mensaje{min-height:3em;max-width:40ch;margin:16px 0 0;color:var(--suave);font-size:.9rem;font-weight:700;line-height:1.5}.reiniciar{min-height:44px;padding:0 18px;border:1px solid var(--linea);border-radius:14px;color:var(--tinta);background:#fffdf9d6;cursor:pointer;font-family:"Baloo 2",sans-serif;font-weight:800}.tablero-marco{width:min(100%,690px);justify-self:end;padding:clamp(16px,2.5vw,28px);border:1px solid rgb(255 255 255 / .66);border-radius:26px;background:#fffdf9e8;box-shadow:0 26px 80px #4d604a38;backdrop-filter:blur(24px)}.cabecera-reto{display:grid;min-height:108px;grid-template-columns:98px minmax(0,1fr) auto;align-items:center;gap:16px;padding-bottom:16px}.cabecera-reto>img{width:98px;height:98px;object-fit:contain;filter:drop-shadow(0 8px 6px rgb(81 68 62 / .12))}.cabecera-reto p{margin:0 0 4px;color:var(--coral-hondo);font-size:.72rem;font-weight:850}.cabecera-reto h2{margin:0;font-size:clamp(1.35rem,2.4vw,2rem);line-height:1.05}.cabecera-reto strong{display:block;margin-top:4px;color:var(--suave);font-size:.82rem}.progreso{display:grid;padding:11px 0 12px;border-top:1px solid var(--linea);grid-template-columns:repeat(10,minmax(0,1fr));gap:6px}.progreso span{display:grid;min-width:0;aspect-ratio:1;border:1px solid var(--linea);border-radius:10px;color:var(--suave);background:#fffdf9b3;place-items:center;font-size:.7rem;font-weight:850}.progreso .hecho{border-color:var(--menta);color:var(--tinta);background:var(--menta)}.progreso .actual{border-color:var(--coral-hondo);color:#fff;background:var(--coral-hondo);transform:translateY(-1px)}.tablero{position:relative;display:grid;min-height:430px;overflow:hidden;border:2px solid rgb(81 68 62 / .12);border-radius:20px;background:linear-gradient(145deg,#e2efdf,#bcdccc)}.final-juego{display:grid;min-height:430px;padding:30px;place-items:center;text-align:center}.final-juego img{width:190px;max-height:190px;object-fit:contain;filter:drop-shadow(0 12px 10px rgb(81 68 62 / .16))}.final-juego h3{margin:12px 0 5px;font-family:"Baloo 2",sans-serif;font-size:2rem}.final-juego p{max-width:32ch;margin:0;color:var(--suave)}.tablero-intruso{padding:18px;grid-template-columns:repeat(var(--columns),minmax(0,1fr));align-content:center;gap:10px}.ficha-intruso{display:grid;min-width:0;aspect-ratio:1;padding:8px;border:2px solid rgb(81 68 62 / .12);border-radius:18px;background:var(--ficha,var(--coral));cursor:pointer;place-items:center;transition:transform .18s,filter .18s,opacity .18s}.ficha-intruso:hover{transform:translateY(-2px)}.ficha-intruso.error{filter:grayscale(1);opacity:.32}.ficha-intruso.correcta{border-color:var(--tinta);background:var(--papel);transform:scale(1.04)}.pond-art{display:block;width:min(70px,80%);aspect-ratio:2/3;background:url(/estanque/pond-sprite.png) no-repeat;background-size:300% 200%;filter:drop-shadow(0 5px 4px rgb(53 71 62 / .16))}.pond-nenufar{background-position:0 0}.pond-flor{background-position:50% 0}.pond-piedra{background-position:100% 0}.pond-juncos{background-position:0 100%}.pond-libelula{background-position:50% 100%}.pond-caracol{background-position:100% 100%}.tablero-camino{--maze-size:4;padding:16px;grid-template-columns:repeat(var(--maze-size),minmax(0,1fr));gap:6px;background:linear-gradient(145deg,#f8e6c7,#d9e8c9)}.casilla-camino{position:relative;display:grid;min-width:0;aspect-ratio:1;padding:2px;border:1px solid rgb(81 68 62 / .1);border-radius:12px;background:#fffdf9b3;cursor:pointer;place-items:center}.casilla-camino.muro{border-color:transparent;background:#9dbb91;box-shadow:inset 0 -4px #51443e14;cursor:default}.casilla-camino.vecina:not(.muro){border-color:var(--coral-hondo);background:#fff}.casilla-camino img{width:88%;height:88%;object-fit:contain;filter:drop-shadow(0 5px 4px rgb(81 68 62 / .13))}.pan-arte{position:relative;width:66%;aspect-ratio:1.6;border-radius:48% 52% 42% 42%;background:#c98943;box-shadow:inset 0 -7px #754a2729,0 6px 8px #51443e1f}.pan-arte:before,.pan-arte:after{position:absolute;top:20%;width:6px;height:45%;border-radius:99px;background:#f3cf8b;content:"";transform:rotate(-26deg)}.pan-arte:before{left:34%}.pan-arte:after{right:30%}.controles-camino{display:grid;width:190px;margin:14px auto 0;grid-template-columns:repeat(3,1fr);gap:6px}.controles-camino button{min-height:48px;border:1px solid var(--linea);border-radius:13px;color:var(--tinta);background:var(--papel);cursor:pointer;font-size:1.2rem;font-weight:900}.controles-camino button[data-direction=up]{grid-column:2}.controles-camino button[data-direction=left]{grid-column:1;grid-row:2}.controles-camino button[data-direction=down]{grid-column:2;grid-row:2}.controles-camino button[data-direction=right]{grid-column:3;grid-row:2}.objetivo-estrellas{display:grid;min-width:116px;justify-items:center;gap:5px}.objetivo-estrellas b{max-width:14ch;color:var(--suave);font-size:.68rem;line-height:1.15;text-align:center}.estrella-forma,.estrella-cielo{display:block;aspect-ratio:1;background:var(--star-color,var(--amarillo));clip-path:polygon(50% 0,61% 35%,98% 35%,68% 57%,79% 94%,50% 72%,21% 94%,32% 57%,2% 35%,39% 35%);filter:drop-shadow(0 5px 4px rgb(81 68 62 / .16))}.estrella-forma{width:42px}.tablero-estrellas{padding:20px;grid-template-columns:repeat(4,minmax(0,1fr));align-content:center;gap:11px;background:linear-gradient(160deg,#d9dff3,#e9dced 50%,#b8c9e7)}.atrapa-estrella{display:grid;min-width:0;aspect-ratio:1;padding:9px;border:1px solid rgb(255 255 255 / .4);border-radius:18px;background:#fffdf947;cursor:pointer;place-items:center;transition:transform .18s,opacity .18s,filter .18s}.atrapa-estrella:hover{transform:translateY(-3px) rotate(1deg)}.atrapa-estrella.error{filter:grayscale(1);opacity:.34}.atrapa-estrella.atrapada{opacity:.16;transform:scale(.72)}.estrella-cielo{width:min(70px,82%)}.objeto-observatorio{display:block;width:min(72px,80%);aspect-ratio:1;border-radius:50% 50% 44% 44%;background:#f3eadc;box-shadow:inset 0 -12px #a18fcb29,0 5px 7px #51443e1f}.objeto-observatorio.nube{width:82%;aspect-ratio:1.65;border-radius:50px;background:#f6eee5;box-shadow:18px -12px 0 -3px #f6eee5,-17px -8px 0 -5px #f6eee5}.objeto-observatorio.telescopio{width:72%;aspect-ratio:2.2;border-radius:50px;background:linear-gradient(90deg,#a18fcb 0 68%,#f2d682 68%);transform:rotate(-18deg)}.objeto-observatorio.bandera{width:58%;aspect-ratio:1.5;border-radius:5px 18px 18px 5px;background:var(--menta)}@media(max-width:1000px){.barra{grid-template-columns:1fr auto}.selector{grid-column:1/-1;grid-row:2;max-width:100%;justify-self:stretch}.juego-layout{grid-template-columns:1fr;min-height:0;padding-top:58px}.introduccion{text-align:center}h1,.entradilla,.marcador,.mensaje{margin-left:auto;margin-right:auto}h1{max-width:none}.tablero-marco{justify-self:center}}@media(max-width:600px){.juego{padding:0 12px 20px}.barra{min-height:70px;gap:8px}.marca img{width:108px}.barra-acciones{gap:5px}.volver{min-height:39px;padding:0 9px;font-size:.76rem}.idioma select{min-height:39px;padding-inline:8px}.selector a{padding:7px 9px;font-size:.69rem}.juego-layout{padding-top:46px;gap:24px}h1{font-size:clamp(2.65rem,13vw,4rem)}.tablero-marco{padding:12px;border-radius:20px}.cabecera-reto{grid-template-columns:76px minmax(0,1fr);gap:9px}.cabecera-reto>img{width:76px;height:76px}.objetivo-estrellas{grid-column:1/-1;grid-template-columns:auto 1fr;justify-self:center;align-items:center}.progreso{gap:4px}.progreso span{border-radius:7px;font-size:.62rem}.tablero{min-height:355px}.tablero-intruso{padding:10px;gap:6px}.ficha-intruso{border-radius:12px;padding:4px}.tablero-camino{padding:9px;gap:4px}.casilla-camino{border-radius:8px}.tablero-estrellas{padding:12px;gap:7px}.atrapa-estrella{padding:5px;border-radius:12px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}