@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:#dfead8}body{margin:0;color:var(--tinta);font-family:Nunito,sans-serif}button,input,a{font:inherit}button:focus-visible,input:focus-visible,a: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,#f2f7e8f7,#f4f2e2d1 48%,#dbebd6a3)}.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 12px;border-radius:11px;color:var(--suave);font-family:"Baloo 2",sans-serif;font-size:.82rem;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{justify-self:end;display:inline-flex;align-items:center;gap:7px;min-height:42px;padding:0 14px;border:1px solid var(--linea);border-radius:13px;color:var(--tinta);background:#fffdf9cc;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(280px,.72fr) minmax(520px,1.28fr);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{max-width:8ch;margin:0;font-family:"Baloo 2",sans-serif;font-size:clamp(3.2rem,5.8vw,5.7rem);font-weight:760;letter-spacing:-.05em;line-height:.92;text-wrap:balance}.entradilla{max-width:36ch;margin:20px 0 0;color:var(--suave);font-size:1.05rem;line-height:1.55}.jugadores{display:grid;grid-template-columns:1fr 1fr;gap:9px;width:min(100%,410px);margin:24px 0 0;padding:0;border:0}.jugadores legend{grid-column:1/-1;margin-bottom:8px;color:var(--suave);font-size:.75rem;font-weight:750}.jugadores label{display:grid;min-width:0;grid-template-columns:46px minmax(0,1fr);align-items:center;gap:7px;padding:7px 8px;border:1px solid var(--linea);border-radius:15px;background:#fffdf9c7}.jugadores img{width:46px;height:46px;object-fit:contain}.jugadores small{display:block;color:var(--suave);font-size:.61rem;font-weight:700}.jugadores input{width:100%;min-width:0;padding:3px 0;border:0;border-bottom:1px solid var(--linea);color:var(--tinta);background:transparent;font-size:.82rem;font-weight:800;outline:0}.marcador{display:grid;grid-template-columns:repeat(3,1fr);width:min(100%,410px);margin-top:18px;border-block:1px solid var(--linea)}.marcador div{min-width:0;padding:12px 7px;text-align:center}.marcador div+div{border-left:1px solid var(--linea)}.marcador span,.marcador small,.marcador strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.marcador span{font-size:.72rem;font-weight:800}.marcador small{color:var(--suave);font-size:.62rem}.marcador strong{margin-top:3px;font-family:"Baloo 2",sans-serif;font-size:1.45rem;line-height:1}.mensaje{min-height:2.8em;max-width:40ch;margin:15px 0 0;color:var(--suave);font-size:.9rem;font-weight:700}.reiniciar,.resultado button{min-height:44px;padding:0 17px;border:1px solid var(--linea);border-radius:14px;color:var(--tinta);background:#fffdf9d6;cursor:pointer;font-family:"Baloo 2",sans-serif;font-weight:800}.reiniciar:hover{background:#fff}.tablero-marco{width:min(100%,620px);justify-self:end;padding:clamp(15px,2.5vw,28px);border:1px solid rgb(255 255 255 / .62);border-radius:26px;background:#fffdf9db;box-shadow:0 26px 80px #4d604a38;backdrop-filter:blur(24px)}.tablero-escena{position:relative;width:min(100%,510px);margin:0 auto}.tablero{display:grid;width:100%;grid-template-columns:repeat(3,1fr);gap:clamp(9px,1.4vw,15px)}.casilla{display:grid;min-width:0;aspect-ratio:1;padding:0;place-items:center;border:2px solid rgb(81 68 62 / .1);border-radius:20px;background:var(--coral);cursor:pointer;transition:transform .16s,border-color .16s}.casilla:nth-child(2),.casilla:nth-child(6),.casilla:nth-child(7){background:var(--amarillo)}.casilla:nth-child(3),.casilla:nth-child(4),.casilla:nth-child(8){background:var(--menta)}.casilla:not(:disabled):hover{transform:translateY(-2px);border-color:var(--tinta)}.casilla:disabled{cursor:default}.casilla.ganadora{border-color:var(--tinta);background:var(--amarillo);box-shadow:inset 0 0 0 5px #fffdf9d1;animation:ganadora .46s both}.tablero.hay-ganador .casilla:not(.ganadora){border-color:#51443e24;background:var(--papel);filter:grayscale(1);opacity:.58}.casilla img{display:none;width:86%;height:86%;object-fit:contain;filter:drop-shadow(0 6px 5px rgb(53 71 62 / .14))}.casilla.marcada img{display:block;animation:aparecer .28s cubic-bezier(.16,1,.3,1) both}.estrellas{position:absolute;inset:-22px;z-index:3;overflow:visible;pointer-events:none}.estrellas[hidden]{display:none}.estrellas span{position:absolute;color:var(--amarillo);font-size:clamp(1.35rem,3vw,2.25rem);line-height:1;opacity:0;text-shadow:0 2px 0 rgb(53 71 62 / .12);animation:estrella .92s cubic-bezier(.16,1,.3,1) both}.estrellas span:nth-child(1){top:2%;left:2%;color:var(--coral);animation-delay:30ms}.estrellas span:nth-child(2){top:-1%;left:48%;animation-delay:90ms}.estrellas span:nth-child(3){top:8%;right:0;color:var(--menta);animation-delay:.14s}.estrellas span:nth-child(4){top:48%;right:-2%;color:var(--coral);animation-delay:.19s}.estrellas span:nth-child(5){right:8%;bottom:0;animation-delay:.24s}.estrellas span:nth-child(6){bottom:-1%;left:38%;color:var(--menta);animation-delay:.29s}.estrellas span:nth-child(7){bottom:8%;left:0;color:var(--coral);animation-delay:.34s}.turnos{display:flex;width:min(100%,310px);margin:20px auto 0;align-items:center;justify-content:center;gap:12px}.turnos>i{width:40px;height:1px;background:var(--linea)}.turnos span{display:flex;min-width:0;align-items:center;gap:6px;padding-bottom:4px;border-bottom:2px solid transparent;color:var(--suave);font-size:.82rem}.turnos span.actual{border-color:var(--acento);color:var(--tinta)}.turnos img{width:36px;height:36px;object-fit:contain}.turnos b{max-width:9ch;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.resultado{display:flex;width:min(100%,510px);margin:16px auto 0;padding-top:16px;border-top:1px solid var(--linea);align-items:center;justify-content:space-between;gap:16px}.resultado[hidden]{display:none}.resultado p{margin:0;color:var(--suave);font-weight:700}.resultado button{color:#fff;border-color:var(--acento);background:var(--acento)}@keyframes aparecer{0%{opacity:0;transform:scale(.72) rotate(-5deg)}to{opacity:1;transform:none}}@keyframes ganadora{50%{transform:translateY(-3px) scale(1.025)}}@keyframes estrella{0%{opacity:0;transform:translateY(12px) scale(.35) rotate(-18deg)}38%{opacity:1;transform:translateY(-11px) scale(1.08) rotate(8deg)}72%{opacity:1;transform:translateY(-7px) scale(.96) rotate(-4deg)}to{opacity:0;transform:translateY(-18px) scale(.7) rotate(12deg)}}@media(max-width:960px){.barra{grid-template-columns:1fr auto}.selector{grid-column:1/-1;grid-row:2;justify-self:center;order:3}.juego-layout{grid-template-columns:1fr;min-height:0;padding-top:56px}.introduccion{text-align:center}h1,.entradilla,.jugadores,.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}.volver{min-height:39px;padding:0 10px;font-size:.78rem}.barra-acciones{gap:5px}.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:.72rem}.juego-layout{padding-top:52px;gap:24px}h1{font-size:clamp(2.8rem,14vw,4.3rem)}.jugadores{grid-template-columns:1fr}.jugadores label{text-align:left}.tablero-marco{padding:11px;border-radius:20px}.casilla{border-radius:14px}.resultado{flex-direction:column;align-items:stretch}.resultado button{width:100%}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}