/* Juegos para la mente · Deco Bazar — pensados para jugar tranquilo: letra grande y botones grandes */
:root{
  --rosa:#EC5FA0; --rosa-2:#D04586; --rosa-suave:#FDE7F1;
  --menta:#6CCBB3; --menta-osc:#2F9A84; --menta-osc-2:#237A68; --menta-suave:#E3F6F1;
  --coral:#F37E6C; --crema:#FFFBF8; --tinta:#36353B; --tinta-2:#5E5C66; --linea:#F0DDE5;
  --display:"Fraunces", Georgia, serif; --base:"Nunito", system-ui, sans-serif; --mano:"Caveat", cursive;
}
html{font-size:18px}
html.grande{font-size:22px}
*{box-sizing:border-box}
body{margin:0;background:var(--crema);color:var(--tinta);font-family:var(--base);line-height:1.5;-webkit-font-smoothing:antialiased;
  background-image:radial-gradient(circle at 10% 0%,rgba(236,95,160,.10),transparent 40%),radial-gradient(circle at 90% 10%,rgba(108,203,179,.16),transparent 45%)}
[hidden]{display:none !important}
button{font-family:inherit}
.jt{position:sticky;top:0;z-index:20;display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:10px 16px;background:rgba(255,251,248,.94);backdrop-filter:blur(8px);border-bottom:2px solid var(--linea)}
.jt-volver{display:inline-flex;align-items:center;gap:6px;font-weight:800;color:var(--menta-osc-2);text-decoration:none;font-size:1rem;padding:8px 12px;border-radius:999px;background:var(--menta-suave)}
.jt-titulo{flex:1;margin:0;font-family:var(--display);font-size:1.25rem;font-weight:800;text-align:center;min-width:140px}
.jt-btns{display:flex;gap:6px}
.jt-btns button{border:2px solid var(--linea);background:#fff;border-radius:999px;padding:7px 12px;font-size:.9rem;font-weight:800;cursor:pointer;color:var(--tinta)}
.jt-btns button[aria-pressed="true"]{background:var(--rosa);color:#fff;border-color:var(--rosa)}
.wrap{width:min(1000px,100% - 24px);margin:0 auto;padding:16px 0 40px}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:0;border-radius:999px;padding:.8em 1.4em;font-weight:800;font-size:1rem;cursor:pointer;text-decoration:none;transition:transform .15s,filter .15s}
.btn:active{transform:scale(.97)}
.btn-rosa{background:var(--rosa);color:#fff;box-shadow:0 5px 0 var(--rosa-2)}
.btn-menta{background:var(--menta-osc);color:#fff;box-shadow:0 5px 0 var(--menta-osc-2)}
.btn-blanco{background:#fff;color:var(--tinta);box-shadow:0 0 0 2px var(--linea),0 4px 0 var(--linea)}
.btn:disabled{opacity:.45;cursor:default}
.barra{display:flex;flex-wrap:wrap;gap:10px;align-items:center;justify-content:center;margin:10px 0 14px}
.dato{background:#fff;border-radius:16px;padding:8px 14px;box-shadow:0 0 0 2px var(--linea);font-weight:800;font-size:.95rem}
.dato b{color:var(--rosa)}
.ayuda{text-align:center;color:var(--tinta-2);font-size:1rem;margin:8px auto 0;max-width:640px}
.niveles{display:flex;flex-wrap:wrap;justify-content:center;gap:8px}
.niveles button{border:2px solid var(--linea);background:#fff;border-radius:999px;padding:9px 16px;font-weight:800;font-size:.95rem;cursor:pointer;color:var(--tinta)}
.niveles button.on{background:var(--menta-osc);border-color:var(--menta-osc);color:#fff}
/* Ventana de felicitación */
.fin{position:fixed;inset:0;z-index:50;display:grid;place-items:center;padding:20px;background:rgba(54,53,59,.45);backdrop-filter:blur(3px)}
.fin-caja{background:var(--crema);border-radius:28px;padding:26px 22px;text-align:center;max-width:420px;width:100%;box-shadow:0 30px 80px -20px rgba(0,0,0,.5);animation:entra .35s cubic-bezier(.2,.9,.3,1.25)}
@keyframes entra{from{transform:scale(.85);opacity:0}}
.fin-emoji{font-size:3.4rem;margin:0}
.fin-caja h2{font-family:var(--display);font-size:1.8rem;margin:6px 0}
.fin-caja p{color:var(--tinta-2);margin:6px 0 18px;font-size:1.05rem}
.fin-btns{display:flex;flex-wrap:wrap;gap:10px;justify-content:center}
.sacudir{animation:sacudir .35s ease}
@keyframes sacudir{25%{transform:translateX(-5px)}75%{transform:translateX(5px)}}
@media (prefers-reduced-motion: reduce){.fin-caja,.sacudir{animation:none}}