:root{--font-heading:"Fredoka", cursive, sans-serif;--font-body:"Outfit", sans-serif;--bg-crema:#fff0d9;--bg-crema-light:#fff8ee;--bg-card:#fff;--bg-card-soft:#faf8f5;--blue-night:#333d6d;--blue-bright:#118ab2;--purple-vibrant:#723ec3;--blue-sky:#3a86ff;--text-muted:#5b658a;--accent-coral:coral;--accent-mint:#06d6a0;--accent-yellow:#ffd166;--accent-warm-orange:#ffcf95;--accent-lavender:#bdb2ff;--accent-pink:#ffd6e0;--border-subtle:#e8decd;--border-card:#e3d9c8;--radius-sm:10px;--radius-md:16px;--radius-lg:24px;--radius-full:9999px;--shadow-sm:0 3px 6px #333d6d0f;--shadow-md:0 8px 24px #333d6d14;--shadow-lg:0 16px 36px #333d6d1f;--shadow-btn:0 5px 0 #00000026}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-body);background-color:var(--bg-crema);background-image:radial-gradient(#ffcf95 1.2px, transparent 1.2px), radial-gradient(#bdb2ff 1.2px, var(--bg-crema) 1.2px);color:var(--blue-night);background-position:0 0,24px 24px;background-size:48px 48px;min-height:100vh;overflow-x:hidden}h1,h2,h3,h4,.brand-title{font-family:var(--font-heading);color:var(--blue-night);letter-spacing:.3px}::-webkit-scrollbar{width:9px;height:9px}::-webkit-scrollbar-track{background:var(--bg-crema-light)}::-webkit-scrollbar-thumb{background:var(--blue-bright);border-radius:999px}::-webkit-scrollbar-thumb:hover{background:var(--purple-vibrant)}.btn{font-family:var(--font-heading);border-radius:var(--radius-md);cursor:pointer;-webkit-user-select:none;user-select:none;border:none;justify-content:center;align-items:center;gap:8px;padding:12px 24px;font-size:1.05rem;font-weight:700;text-decoration:none;transition:all .2s cubic-bezier(.34,1.56,.64,1);display:inline-flex;position:relative}.btn:active{transform:translateY(3px);box-shadow:none!important}.btn-primary{color:#fff;background:linear-gradient(135deg,coral 0%,#ff6530 100%);box-shadow:0 4px 14px #ff7f5066,0 4px #d94818}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 20px #ff7f5080,0 5px #d94818}.btn-secondary{color:var(--blue-night);border:2px solid var(--border-subtle);box-shadow:var(--shadow-sm);background:#fff}.btn-secondary:hover{border-color:var(--blue-bright);color:var(--blue-bright);background:#f8fafc;transform:translateY(-2px)}.btn-purple{color:#fff;background:linear-gradient(135deg,#723ec3 0%,#5b2da8 100%);box-shadow:0 4px 14px #723ec359,0 4px #461c8c}.btn-purple:hover{transform:translateY(-2px);box-shadow:0 6px 20px #723ec373,0 5px #461c8c}.btn-success{color:#034835;background:linear-gradient(135deg,#06d6a0 0%,#05b386 100%);font-weight:800;box-shadow:0 4px 14px #06d6a066,0 4px #048c69}.btn-success:hover{transform:translateY(-2px)}.btn-warning{color:#5c4100;background:linear-gradient(135deg,#ffd166 0%,#f5be3e 100%);font-weight:800;box-shadow:0 4px 14px #ffd16666,0 4px #c9961a}.card-clean{background:var(--bg-card);border:2px solid var(--border-subtle);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);transition:transform .25s,box-shadow .25s,border-color .25s}.card-clean-interactive:hover{box-shadow:var(--shadow-lg);border-color:var(--blue-bright);transform:translateY(-5px)}.game-card{border-radius:var(--radius-lg);cursor:pointer;background:#fff;flex-direction:column;justify-content:space-between;min-height:250px;padding:24px;display:flex;position:relative;overflow:hidden}.game-card:before{content:"";opacity:.12;pointer-events:none;border-radius:50%;width:140px;height:140px;position:absolute;top:0;right:0}.game-card.cat-patrones:before{background:var(--blue-bright)}.game-card.cat-acertijos:before{background:var(--purple-vibrant)}.game-card.cat-secuencias:before{background:var(--accent-mint)}.game-card.cat-diferencias:before{background:#ec4899}.game-card.cat-matematicas:before{background:var(--accent-yellow)}.game-card.cat-memoria:before{background:var(--blue-sky)}.badge-chip{border-radius:var(--radius-full);align-items:center;gap:6px;padding:6px 14px;font-size:.88rem;font-weight:700;display:inline-flex}.modal-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:100;background:#333d6da6;justify-content:center;align-items:center;padding:16px;animation:.25s ease-out fadeIn;display:flex;position:fixed;inset:0}@keyframes fadeIn{0%{opacity:0;transform:scale(.97)}to{opacity:1;transform:scale(1)}}@keyframes shake{0%,to{transform:translate(0)}20%,60%{transform:translate(-8px)}40%,80%{transform:translate(8px)}}.shake-animation{animation:.4s ease-in-out shake}@keyframes floatGentle{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.float-animation{animation:3.5s ease-in-out infinite floatGentle}.input-field{border-radius:var(--radius-md);border:2px solid var(--border-subtle);width:100%;color:var(--blue-night);font-size:1.05rem;font-family:var(--font-body);background:#fff;outline:none;padding:14px 16px;transition:border-color .2s,box-shadow .2s}.input-field:focus{border-color:var(--blue-bright);box-shadow:0 0 0 3px #118ab233}