@import"https://fonts.googleapis.com/css2?family=Fredoka:wght@400;500;600;700&display=swap";:root{--bg: #f7f8fc;--card: #ffffff;--text: #222;--muted: #6b7280;--primary: #6c5ce7;--primary-600: #5a4cd0;--accent: #00d1b2;--yellow: #ffd166}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--bg);color:var(--text);padding:20px 0}.app{max-width:600px;margin:0 auto;min-height:calc(100vh - 40px);display:grid;grid-template-rows:auto 1fr auto;gap:20px;padding:0 20px}.app-header{padding:24px 16px 8px;text-align:center}.bot{font-size:48px}h1{margin:8px 0 4px;font-size:32px}.subtitle{margin:0;color:var(--muted)}.locked{opacity:.6;cursor:not-allowed;background:#f3f4f6;color:#6b7280;filter:grayscale(50%)}.locked:hover{transform:none;box-shadow:none}.app-main{display:grid;gap:16px}.card{background:var(--card);padding:20px;box-shadow:0 10px 24px #0000000f}.fade-in{animation:fadeIn .4s ease both}@keyframes fadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.grid{margin-top:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.big-btn{font-size:20px;background:linear-gradient(135deg,var(--primary),var(--accent));color:#fff;border:none;padding:18px 16px;border-radius:16px;cursor:pointer;transition:transform .1s ease,filter .2s ease}.big-btn:hover{transform:translateY(-2px);filter:brightness(1.05)}.big-btn:active{transform:translateY(0)}.bounce{animation:bounce .9s ease-in-out 1}@keyframes bounce{0%{transform:translateY(0)}30%{transform:translateY(-6px)}60%{transform:translateY(0)}80%{transform:translateY(-2px)}to{transform:translateY(0)}}.points{display:grid;grid-template-columns:1fr auto;align-items:center;gap:16px}.points h3{margin:0}.points-display{font-size:28px;font-weight:700;color:var(--primary-600)}.cta{background:var(--yellow);color:#1f2937;border:none;padding:12px 16px;border-radius:12px;font-weight:700;cursor:pointer}.input{padding:12px;border-radius:12px;border:1px solid #e5e7eb}.app-footer{padding:12px 16px 24px;display:flex;justify-content:center}.parent-btn{background:#e5e7eb;border:none;padding:12px 16px;border-radius:12px;font-weight:600;cursor:pointer}@media (max-width: 560px){h1{font-size:26px}.big-btn{font-size:18px;padding:16px 14px}.points-display{font-size:22px}}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000059;display:grid;place-items:center;z-index:1000}.overlay-card{background:#fff;border-radius:20px;padding:20px;min-width:260px;text-align:center;box-shadow:0 12px 30px #0003}