@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;--menta:#bcdccc;--amarillo:#f2d682;--linea:rgb(81 68 62 / .16);--acento:#c75e4a}*{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{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:url(/escenas/jardin.webp) center / cover}.paisaje:after{position:absolute;inset:0;content:"";background:linear-gradient(90deg,#edf6e7f7,#f1f5e4db 48%,#d8ebdda8)}.barra{display:grid;width:min(100%,1240px);min-height:82px;margin:0 auto;grid-template-columns:1fr auto 1fr;align-items:center;gap:18px}.marca img{display:block;width:142px;height:auto}.selector{display:flex;gap:3px;padding:4px;border:1px solid var(--linea);border-radius:15px;background:#fffdf9c2;backdrop-filter:blur(12px)}.selector a{padding:8px 11px;border-radius:11px;color:var(--suave);font-family:"Baloo 2",sans-serif;font-size:.79rem;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:#fffdf9d1;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:#fffdf9d1;align-items:center;gap:7px;font-family:"Baloo 2",sans-serif;font-weight:750;text-decoration:none}.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(--acento);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:8ch;margin:0;font-size:clamp(3.1rem,5.6vw,5.5rem);font-weight:760;letter-spacing:-.05em;line-height:.92}.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 b,.marcador small{display:inline}.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,.accion{min-height:44px;padding:0 18px;border:1px solid var(--linea);border-radius:14px;cursor:pointer;font-family:"Baloo 2",sans-serif;font-weight:800}.reiniciar{color:var(--tinta);background:#fffdf9d1}.accion{color:#fff;border-color:var(--acento);background:var(--acento);white-space:nowrap}.accion[hidden]{display:none}.tablero-marco{width:min(100%,660px);justify-self:end;padding:clamp(16px,2.5vw,28px);border:1px solid rgb(255 255 255 / .6);border-radius:26px;background:#fffdf9e6;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(--acento);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;min-height:48px;padding:11px 0 12px;border-top:1px solid var(--linea);grid-template-columns:repeat(4,minmax(0,1fr));gap:7px}.progreso>span{display:flex;min-width:0;min-height:38px;padding:5px 7px;border:1px solid var(--linea);border-radius:14px;color:var(--suave);background:#fffdf9b8;align-items:center;justify-content:center;gap:6px}.progreso b{display:grid;width:22px;height:22px;flex:0 0 22px;border:1px solid currentColor;border-radius:50%;place-items:center;font-size:.69rem}.progreso small{overflow:hidden;font-size:clamp(.61rem,1vw,.72rem);font-weight:780;text-overflow:ellipsis;white-space:nowrap}.progreso .hecho{border-color:var(--menta);color:var(--tinta);background:var(--menta)}.progreso .actual{border-color:var(--acento);color:#fff;background:var(--acento);transform:translateY(-1px)}.escena-matematica{display:grid;min-height:342px;overflow:hidden;border:2px solid rgb(81 68 62 / .12);border-radius:19px;background:var(--menta);grid-template-columns:minmax(126px,.36fr) minmax(0,1fr);transition:.18s}.escena-matematica.suma{background:var(--amarillo)}.escena-matematica.resta{background:var(--coral)}.escena-matematica.acierto{border-color:var(--tinta);box-shadow:inset 0 0 0 5px #fffdf9d1;transform:scale(1.005)}.pregunta{display:flex;padding:22px 12px;border-right:2px solid rgb(81 68 62 / .12);color:#35473e;align-items:center;flex-direction:column;justify-content:center;text-align:center}.pregunta span{font-size:clamp(.78rem,1.25vw,.94rem);font-weight:800}.pregunta strong{margin:9px 0 7px;font-size:clamp(2.5rem,5.2vw,4rem);font-weight:880;letter-spacing:-.06em;line-height:1}.pregunta em{max-width:14ch;font-size:clamp(.68rem,1vw,.78rem);font-style:normal;font-weight:720;line-height:1.2}.estanque{display:flex;min-width:0;min-height:100%;padding:clamp(14px,2.4vw,26px);align-items:center;justify-content:center;gap:clamp(7px,1vw,13px)}.grupo{display:grid;max-width:100%;grid-template-columns:repeat(4,minmax(42px,72px));align-items:center;justify-content:center;gap:clamp(2px,.5vw,6px)}.grupos-iguales{display:flex;width:100%;align-items:stretch;justify-content:center;gap:clamp(8px,1.2vw,14px)}.grupo.compacto{flex:1;padding:clamp(8px,1.3vw,14px);border:2px dashed rgb(81 68 62 / .28);border-radius:15px;background:#fffdf957;grid-template-columns:repeat(2,minmax(38px,62px))}.objeto{position:relative;display:grid;min-width:0;height:clamp(68px,8.5vw,90px);place-items:center}.arte{display:block;width:auto;height:100%;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))}.arte.nenufar{background-position:0 0}.arte.flor{background-position:50% 0}.arte.piedra{background-position:100% 0}.arte.juncos{background-position:0 100%}.arte.libelula{background-position:50% 100%}.arte.caracol{background-position:100% 100%}.objeto.tachado{filter:grayscale(1);opacity:.38}.objeto.tachado:after{position:absolute;width:76%;height:4px;border-radius:99px;background:#35473e;content:"";transform:rotate(-42deg)}.operador{color:#35473e;font-size:clamp(2rem,4vw,3.1rem);font-weight:850}.respuestas{display:grid;margin-top:14px;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(9px,1.2vw,13px)}.respuestas button{min-height:72px;border:2px solid rgb(81 68 62 / .14);border-radius:19px;color:#35473e;background:var(--coral);cursor:pointer;font-size:clamp(1.75rem,3.5vw,2.5rem);font-weight:850;transition:.16s}.respuestas button:nth-child(2){background:var(--amarillo)}.respuestas button:nth-child(3){background:var(--menta)}.respuestas button:not(:disabled):hover{border-color:var(--tinta);transform:translateY(-2px)}.respuestas button.error{background:var(--papel);filter:grayscale(1);opacity:.46}.respuestas button.correcta{border-color:var(--tinta);background:var(--papel);box-shadow:inset 0 0 0 4px #51443e1a;transform:scale(1.04)}@media(max-width:960px){.barra{grid-template-columns:1fr auto}.selector{grid-column:1/-1;grid-row:2;justify-self:center}.juego-layout{grid-template-columns:1fr;min-height:0;padding-top:56px}.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:560px){.juego{padding:0 12px 20px}.barra{min-height:70px;gap:8px}.marca img{width:110px}.barra-acciones{gap:5px}.volver{min-height:39px;padding:0 10px;font-size:.78rem}.idioma select{min-height:39px;padding-inline:8px}.selector{max-width:100%;overflow-x:auto;justify-self:stretch;justify-content:flex-start;scrollbar-width:none}.selector::-webkit-scrollbar{display:none}.selector a{padding:7px 9px;font-size:.7rem}.juego-layout{padding-top:52px;gap:24px}h1{font-size:clamp(2.7rem,13.5vw,4.1rem)}.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}.accion{grid-column:1/-1;width:100%}.progreso small{display:none}.escena-matematica{min-height:300px;grid-template-columns:104px minmax(0,1fr)}.estanque{padding:10px}.grupo{grid-template-columns:repeat(3,minmax(34px,54px))}.objeto{height:clamp(54px,16vw,72px)}.grupo.compacto{padding:5px;grid-template-columns:repeat(2,minmax(28px,45px))}.respuestas button{min-height:64px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition-duration:.01ms!important}}