:root{--bg: #fff8ec;--ink: #3b3b58;--teal: #7ed4d2;--teal-dark: #4fb3b0;--orange: #ffb26b;--orange-dark: #f59a3c;--pink: #ff9ecf;--purple: #c9a7ff;--yellow: #ffe083;--green: #a8e6a1;--blue: #9ecbff;--red: #ff9e9e;--white: #ffffff;--shadow: 0 8px 0 rgba(59, 59, 88, .14);--shadow-sm: 0 4px 0 rgba(59, 59, 88, .12);--radius-lg: 28px;--radius: 20px;--radius-sm: 14px}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body,#root{height:100%;margin:0}body{font-family:"Baloo 2",Comic Sans MS,system-ui,sans-serif;color:var(--ink);background:var(--bg);overscroll-behavior:none;user-select:none;-webkit-user-select:none;touch-action:manipulation}button{font-family:inherit;border:none;background:none;cursor:pointer;color:inherit}img{-webkit-user-drag:none}.screen{min-height:100%;display:flex;flex-direction:column;align-items:center;padding:16px;animation:fadeIn .35s ease both}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}@keyframes pop{0%{transform:scale(.6)}60%{transform:scale(1.12)}to{transform:scale(1)}}@keyframes wiggle{0%,to{transform:rotate(-4deg)}50%{transform:rotate(4deg)}}@keyframes floaty{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.08)}}.pulse{animation:pulse 1s ease-in-out infinite}.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:64px;padding:10px 26px;border-radius:var(--radius-lg);background:var(--teal);box-shadow:var(--shadow);color:var(--ink);font-size:1.6rem;font-weight:700;min-width:64px;transition:transform .08s ease,box-shadow .08s ease;touch-action:manipulation}.btn:active{transform:translateY(5px);box-shadow:var(--shadow-sm)}.btn--orange{background:var(--orange)}.btn--pink{background:var(--pink)}.btn--purple{background:var(--purple)}.btn--green{background:var(--green)}.btn--yellow{background:var(--yellow)}.btn--big{min-width:160px;min-height:84px;font-size:1.9rem}.btn--icon-only{width:72px;height:72px;padding:0;border-radius:50%;font-size:2rem}.btn:disabled{opacity:.5;pointer-events:none}.hud{position:sticky;top:0;z-index:20;display:flex;justify-content:space-between;align-items:center;gap:8px;width:100%;max-width:900px;padding:8px 4px}.hud__back{font-size:1.8rem;background:var(--white);border-radius:50%;width:64px;height:64px;box-shadow:var(--shadow-sm);display:flex;align-items:center;justify-content:center}.hud__stars{display:flex;gap:4px;background:var(--white);padding:8px 16px;border-radius:999px;box-shadow:var(--shadow-sm);font-size:1.8rem}.section-title{font-size:2rem;font-weight:800;margin:8px 0 14px}.game-area{position:relative;width:100%;min-height:100dvh;display:flex;flex-direction:column;align-items:center;max-width:900px}.game-card{background:var(--white);border-radius:var(--radius-lg);box-shadow:var(--shadow);padding:20px;margin:8px 0 20px;width:100%;display:flex;flex-direction:column;align-items:center}.piece{display:inline-flex;align-items:center;justify-content:center;border-radius:var(--radius-sm);box-shadow:var(--shadow-sm);background:#fff;touch-action:none}.option-grid{display:flex;flex-wrap:wrap;justify-content:center;gap:14px;margin-top:14px;min-height:130px;width:100%}.option-button{min-width:88px;min-height:88px;border-radius:var(--radius);background:var(--yellow);box-shadow:var(--shadow-sm);font-size:2.4rem;display:flex;align-items:center;justify-content:center;transition:transform .08s ease}.option-button:active{transform:scale(.92)}.option-button--correct{background:var(--green);animation:pop .4s ease}.option-button--wrong{background:var(--red);animation:wiggle .4s ease}.speak-chip{font-size:2.2rem;background:var(--blue);width:76px;height:76px;border-radius:50%;box-shadow:var(--shadow-sm);display:flex;align-items:center;justify-content:center}.instructions{display:flex;align-items:center;gap:12px;margin-bottom:10px}.floaty{animation:floaty 2.4s ease-in-out infinite}.pop{animation:pop .45s ease}.wiggle{animation:wiggle .5s ease}@media (min-width: 720px){.screen{padding:28px}.option-button{min-width:104px;min-height:104px}}.reward-overlay{position:fixed;inset:0;z-index:50;display:flex;align-items:center;justify-content:center;background:#3b3b5873;animation:fadeIn .3s ease both}.reward-card{background:var(--white);border-radius:var(--radius-lg);box-shadow:var(--shadow);padding:30px 34px;text-align:center;min-width:260px;animation:pop .5s ease both}.reward-card__emojis{font-size:4rem;margin-bottom:6px}.reward-card__title{font-size:2.2rem;font-weight:800;margin-bottom:14px}.confetti-piece{position:fixed;top:-20px;width:14px;height:14px;border-radius:4px;z-index:60;pointer-events:none}