@import "https://fonts.googleapis.com/css2?family=Fredoka:wght@400;500;600;700&display=swap";:root{color:#24304a;font-synthesis:none;text-rendering:optimizelegibility;--purple:#6750c9;--purple-dark:#4d3ba5;--yellow:#ffd45c;--surface:#fff;--shadow:0 14px 35px #46418224;background:#f4f7ff;font-family:Fredoka,Trebuchet MS,sans-serif}*{box-sizing:border-box}body{background:radial-gradient(circle at 12% 15%,#ffd65c4d 0 7%,#0000 8%),radial-gradient(circle at 88% 10%,#82d6ff4d 0 9%,#0000 10%),linear-gradient(145deg,#f8f4ff 0%,#eef8ff 55%,#fff9e9 100%);min-width:320px;min-height:100vh;margin:0}button{font:inherit}button:focus-visible{outline-offset:3px;outline:4px solid #4dabf773}.page-shell{width:min(100% - 32px,960px);min-height:100vh;margin:0 auto;padding:38px 0}.home-screen{flex-direction:column;align-items:center;display:flex;position:relative}.home-sound,.result-sound{z-index:2;position:absolute;top:24px;right:0}.hero{text-align:center;max-width:650px}.hero__badge,.eyebrow{color:var(--purple);letter-spacing:.12em;text-transform:uppercase;font-size:.78rem;font-weight:700}.hero__badge{background:#6750c91a;border-radius:999px;padding:8px 14px;display:inline-block}.hero__mascot{width:86px;height:86px;box-shadow:var(--shadow);background:linear-gradient(145deg,#ffdc73,#ffad67);border:5px solid #fff;border-radius:27px;place-items:center;margin:18px auto 8px;font-size:3rem;display:grid;transform:rotate(-4deg)}.hero h1{color:var(--purple-dark);letter-spacing:-.04em;margin:8px 0 0;font-size:clamp(2.4rem,7vw,4.6rem);line-height:.95}.hero__subtitle{color:#ff7f66;margin:8px 0;font-size:clamp(1.35rem,3vw,2rem);font-weight:700}.hero__intro{color:#66708a;margin:12px auto 28px;font-size:1rem}.category-section{width:100%}.category-section h2,.difficulty-section h2{text-align:center;margin:0 0 14px;font-size:1.2rem}.category-grid{grid-template-columns:repeat(4,1fr);gap:14px;display:grid}.category-card{color:#303a55;background:var(--surface);cursor:pointer;border:3px solid #0000;border-radius:24px;min-height:154px;padding:18px 12px;transition:transform .18s,border-color .18s,box-shadow .18s;position:relative;box-shadow:0 8px 22px #4641821a}.category-card:hover{box-shadow:var(--shadow);transform:translateY(-5px)}.category-card--selected{border-color:var(--category-color);background:color-mix(in srgb, var(--category-color) 9%, white)}.category-card__icon{margin-bottom:9px;font-size:2.6rem;display:block}.category-card__text strong,.category-card__text small{display:block}.category-card__text strong{font-size:1rem}.category-card__text small{color:#747d92;margin-top:5px;font-size:.78rem;line-height:1.25}.category-card__check{color:#fff;background:var(--category-color);border-radius:50%;place-items:center;width:24px;height:24px;font-weight:700;display:none;position:absolute;top:10px;right:10px}.category-card--selected .category-card__check{display:grid}.difficulty-section{width:min(100%,700px);margin-top:26px}.difficulty-grid{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.difficulty-card{color:#3b4560;cursor:pointer;background:#fff;border:3px solid #0000;border-radius:18px;padding:14px 10px;transition:transform .18s,border-color .18s;box-shadow:0 7px 18px #4641821a}.difficulty-card:hover{transform:translateY(-3px)}.difficulty-card--selected{border-color:var(--purple);background:#f4f0ff}.difficulty-card span,.difficulty-card strong,.difficulty-card small{display:block}.difficulty-card span{font-size:1.45rem}.difficulty-card strong{margin:3px 0}.difficulty-card small{color:#7d8599;font-size:.75rem}.home-stats{background:#ffffffb3;border-radius:18px;grid-template-columns:repeat(3,1fr);width:min(100%,700px);margin-top:18px;padding:13px;display:grid}.home-stats div{text-align:center}.home-stats div+div{border-left:2px solid #e8eaf2}.home-stats strong,.home-stats span{display:block}.home-stats strong{color:var(--purple-dark);font-size:1.15rem}.home-stats span{color:#7f879b;margin-top:2px;font-size:.72rem}.primary-button{color:#fff;background:linear-gradient(135deg, var(--purple), #8c65de);cursor:pointer;border:0;border-radius:16px;min-width:210px;padding:15px 24px;font-weight:700;transition:transform .14s,box-shadow .14s;box-shadow:0 9px #4b3a9c,0 16px 28px #4e3ba53d}.primary-button:hover{transform:translateY(-2px);box-shadow:0 11px #4b3a9c,0 18px 30px #4e3ba547}.primary-button:active{transform:translateY(6px);box-shadow:0 3px #4b3a9c}.start-button{justify-content:space-between;gap:30px;margin-top:28px;display:flex}.game-header{grid-template-columns:96px 1fr 96px;align-items:center;margin-bottom:18px;display:grid}.game-header>.icon-button{justify-self:start}.game-header__actions{justify-content:flex-end;gap:8px;display:flex}.game-title{justify-content:center;align-items:center;gap:12px;display:flex}.game-title__icon{font-size:2.4rem}.game-title h1{margin:1px 0 0;font-size:clamp(1.35rem,4vw,2rem)}.icon-button{width:46px;height:46px;color:var(--purple-dark);cursor:pointer;background:#fff;border:0;border-radius:15px;font-size:1.5rem;font-weight:700;box-shadow:0 5px 15px #4641821f}.sound-button{font-size:1.15rem}.score-board{max-width:580px;box-shadow:var(--shadow);background:#fff;border-radius:20px;grid-template-columns:repeat(3,1fr);margin:0 auto 12px;padding:11px 18px;display:grid}.score-item{justify-content:center;align-items:center;gap:9px;display:flex}.score-item+.score-item{border-left:2px solid #edf0f7}.score-item__icon{font-size:1.35rem}.score-item small,.score-item strong{display:block}.score-item small{color:#8a92a7;font-size:.7rem}.score-item strong{margin-top:1px;font-size:1rem}.progress-track{background:#e3e7f0;border-radius:999px;max-width:580px;height:8px;margin:0 auto 24px;overflow:hidden}.progress-track__fill{border-radius:inherit;background:linear-gradient(90deg,#62d394,#9be15d);height:100%;transition:width .3s}.card-grid{perspective:1000px;grid-template-columns:repeat(4,1fr);gap:14px;width:min(100%,740px);margin:0 auto;display:grid}.game-screen[data-pairs="4"] .card-grid{width:min(100%,560px)}.memory-card{aspect-ratio:.78;cursor:pointer;perspective:800px;background:0 0;border:0;border-radius:20px;padding:0}.memory-card__inner{width:100%;height:100%;transform-style:preserve-3d;transition:transform .5s cubic-bezier(.2,.75,.25,1.25);display:block;position:relative}.memory-card--flipped .memory-card__inner,.memory-card--matched .memory-card__inner{transform:rotateY(180deg)}.memory-card__face{backface-visibility:hidden;border-radius:20px;justify-content:center;align-items:center;display:flex;position:absolute;inset:0;box-shadow:0 9px 20px #3a366d2e}.memory-card__back{color:#fff;background:radial-gradient(circle at 20% 25%,#ffffff26 0 6%,#0000 7%),linear-gradient(145deg,#806ae0,#5742bc);border:5px solid #fff;flex-direction:column}.card-logo{letter-spacing:.06em;border:2px solid #ffffffa6;border-radius:12px;padding:8px 10px;font-size:clamp(.9rem,2vw,1.25rem);font-weight:700}.card-sparkle{color:var(--yellow)}.memory-card__front{color:#343d58;background:linear-gradient(160deg,#fff,#f8f6ff);border:5px solid #fff;flex-direction:column;padding:10px;transform:rotateY(180deg)}.card-picture{aspect-ratio:1;place-items:center;width:72%;display:grid;position:relative}.card-picture img{object-fit:contain;width:100%;height:100%;position:absolute}.card-emoji{font-size:clamp(2.2rem,7vw,4.5rem)}.card-emoji--hidden{visibility:hidden}.memory-card__front strong{margin-top:4px;font-size:clamp(.75rem,2.4vw,1.05rem)}.memory-card--matched .memory-card__face{box-shadow:0 0 0 4px #6bd69b,0 10px 22px #4abe7f40}.match-mark{color:#fff;background:#55c98a;border-radius:50%;place-items:center;width:24px;height:24px;font-size:.8rem;display:grid;position:absolute;top:7px;right:7px}.game-tip{color:#7d869c;text-align:center;margin:20px 0 0;font-size:.9rem}.result-screen{place-items:center;display:grid;position:relative;overflow:hidden}.result-card{z-index:1;text-align:center;background:#ffffffeb;border:5px solid #fff;border-radius:34px;width:min(100%,560px);padding:38px;animation:.5s cubic-bezier(.2,.8,.3,1.2) result-in;position:relative;box-shadow:0 25px 60px #46418238}.result-card__trophy{font-size:5rem;animation:1.2s ease-in-out infinite alternate trophy-bounce}.result-card h1{color:var(--purple-dark);margin:3px 0 8px;font-size:clamp(2.5rem,8vw,4rem)}.result-card>p:not(.eyebrow){color:#6f7890}.result-stats{grid-template-columns:repeat(3,1fr);gap:10px;margin:28px 0;display:grid}.result-stat{background:#f5f2ff;border-radius:18px;padding:15px 8px}.result-stat span,.result-stat strong,.result-stat small{display:block}.result-stat span{font-size:1.4rem}.result-stat strong{color:var(--purple-dark);margin:4px 0;font-size:1.25rem}.result-stat small{color:#858da1}.best-record{color:#626b82;background:#fff8de;border-radius:14px;margin:-10px 0 26px;padding:12px}.best-record span,.best-record strong{display:block}.best-record span{text-transform:uppercase;letter-spacing:.08em;font-size:.75rem}.best-record strong{color:#765c16;margin-top:3px}.text-button{color:var(--purple);cursor:pointer;background:0 0;border:0;margin-top:20px;font-weight:600;text-decoration:underline}.confetti span{color:#ff8a65;font-size:1.4rem;animation:3s ease-in-out infinite alternate float;position:absolute}.confetti span:first-child{color:#4dabf7;top:15%;left:12%}.confetti span:nth-child(2){color:#f9b54a;animation-delay:-1s;top:72%;left:8%}.confetti span:nth-child(3){color:#9b7ede;animation-delay:-2s;top:12%;right:10%}.confetti span:nth-child(4){color:#62d394;animation-delay:-.5s;top:75%;right:11%}.confetti span:nth-child(5){color:#ff6b8a;animation-delay:-1.5s;top:48%;right:4%}@keyframes result-in{0%{opacity:0;transform:scale(.75)translateY(25px)}to{opacity:1;transform:scale(1)translateY(0)}}@keyframes trophy-bounce{to{transform:translateY(-8px)rotate(4deg)}}@keyframes float{to{transform:translateY(-18px)rotate(25deg)}}@media (width<=720px){.page-shell{width:min(100% - 24px,600px);padding:24px 0}.category-grid{grid-template-columns:repeat(2,1fr)}.category-card{min-height:132px}.game-header{grid-template-columns:88px 1fr 88px}.card-grid{grid-template-columns:repeat(3,1fr);gap:10px}.game-screen[data-pairs="4"] .card-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=430px){.hero__mascot{width:70px;height:70px;font-size:2.4rem}.hero__intro{font-size:.9rem}.category-card{min-height:120px;padding:13px 8px}.category-card__icon{font-size:2rem}.category-card__text small{display:none}.difficulty-section{margin-top:20px}.difficulty-grid{gap:6px}.difficulty-card{padding:10px 4px}.difficulty-card small{font-size:.64rem}.home-stats{padding-inline:4px}.game-header{grid-template-columns:82px 1fr 82px}.icon-button{width:40px;height:40px}.score-board{padding:9px 4px}.score-item{gap:4px}.score-item__icon{font-size:1rem}.card-grid{gap:8px}.game-title__icon{display:none}.game-title{gap:0}.game-title .eyebrow{font-size:.62rem}.game-header__actions{gap:3px}.memory-card__face{border-radius:14px}.memory-card__back,.memory-card__front{border-width:3px}.result-card{padding:28px 16px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}