.card{text-align:center;background:#fff;border-radius:24px;padding:40px;box-shadow:0 20px 60px #0003}.title{color:#4c1d95;margin-bottom:8px;font-size:2.5rem}.subtitle{color:#6b7280;margin-bottom:32px;font-size:1.1rem}.age-select p{color:#374151;margin-bottom:12px;font-size:1.1rem}.age-buttons{justify-content:center;gap:16px;margin-bottom:24px;display:flex}.btn{cursor:pointer;border:none;border-radius:12px;font-size:1.1rem;font-weight:600;transition:transform .1s,box-shadow .1s}.btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.btn:active{transform:translateY(0)}.btn-age{color:#fff;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);padding:16px 32px;font-size:1.3rem}.btn-primary{color:#fff;background:linear-gradient(135deg,#10b981 0%,#059669 100%);padding:14px 32px}.btn-secondary{color:#374151;background:#f3f4f6;padding:14px 32px}.btn-link{color:#9ca3af;background:0 0;margin-top:16px;padding:8px;font-size:.9rem}.timer-toggle{margin-bottom:16px}.timer-toggle label{color:#6b7280;cursor:pointer;justify-content:center;align-items:center;gap:8px;font-size:1rem;display:flex}.timer-toggle input[type=checkbox]{cursor:pointer;width:18px;height:18px}.best-streak{color:#7c3aed;font-size:1.1rem;font-weight:600}.timer-bar{text-align:center;margin-bottom:8px}.timer{color:#1e40af;background:#dbeafe;border-radius:16px;padding:6px 14px;font-size:.95rem;font-weight:600;display:inline-block}.timer-warning{color:#dc2626;background:#fee2e2;animation:.5s infinite alternate pulse}.progress-strip{justify-content:center;align-items:center;gap:10px;margin-bottom:20px;display:flex}.milestone-dot{background:#e5e7eb;border-radius:50%;width:14px;height:14px;transition:background .3s,transform .3s}.milestone-dot.filled{background:linear-gradient(135deg,#f59e0b,#eab308);transform:scale(1.2);box-shadow:0 0 8px #f59e0b66}.streak-count{color:#92400e;margin-left:4px;font-size:.95rem;font-weight:600}@keyframes pulse{0%{transform:scale(1)}to{transform:scale(1.1)}}.question-area{margin-bottom:16px}.question{color:#1f2937;margin-bottom:24px;font-size:2.2rem}.answer-input{text-align:center;border:3px solid #e5e7eb;border-radius:12px;outline:none;width:100%;margin-bottom:16px;padding:16px;font-size:1.5rem;transition:border-color .2s}.answer-input:focus{border-color:#7c3aed}.feedback{border-radius:12px;margin-top:12px;padding:12px;font-size:1.2rem;font-weight:600;animation:.3s pop}@keyframes pop{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.feedback.correct{color:#065f46;background:#d1fae5}.feedback.milestone{color:#92400e;background:linear-gradient(135deg,#fef3c7,#fde68a);font-size:1.4rem}.result-screen{padding:20px 0}.result-title{margin-bottom:16px;font-size:2rem}.result-title.time-up{color:#dc2626}.result-title.wrong-answer{color:#ea580c}.result-question{color:#6b7280;margin-bottom:16px;font-size:1.3rem}.result-streak{color:#1f2937;margin-bottom:8px;font-size:1.4rem}.new-record{color:#7c3aed;margin-bottom:16px;font-size:1.2rem;font-weight:700;animation:.3s pop}.result-buttons{justify-content:center;gap:12px;margin-top:24px;display:flex}.mascot-container{flex-direction:column;align-items:center;margin-bottom:8px;display:flex;position:relative}.mascot-speech{color:#6b21a8;background:#f3e8ff;border-radius:12px;margin-bottom:4px;padding:6px 14px;font-size:.95rem;font-weight:600;animation:.25s pop;position:relative}.mascot-speech:after{content:"";border-top:6px solid #f3e8ff;border-left:6px solid #0000;border-right:6px solid #0000;width:0;height:0;position:absolute;bottom:-6px;left:50%;transform:translate(-50%)}.mascot-emoji{font-size:3rem;line-height:1;display:block}.mascot-float{animation:2s ease-in-out infinite mascot-float}.mascot-celebrate{animation:.4s mascot-jump}.mascot-shake{animation:.4s mascot-shake}.mascot-spin{animation:.6s mascot-spin}@keyframes mascot-float{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@keyframes mascot-jump{0%{transform:translateY(0)scale(1)}30%{transform:translateY(-16px)scale(1.15)}50%{transform:translateY(-16px)scale(1.15)rotate(10deg)}to{transform:translateY(0)scale(1)rotate(0)}}@keyframes mascot-shake{0%,to{transform:translate(0)}20%{transform:translate(-8px)}40%{transform:translate(8px)}60%{transform:translate(-5px)}80%{transform:translate(5px)}}@keyframes mascot-spin{0%{transform:rotate(0)scale(1)}50%{transform:rotate(360deg)scale(1.3)}to{transform:rotate(720deg)scale(1)}}.quit-overlay{z-index:100;background:#0006;justify-content:center;align-items:center;animation:.2s fade-in;display:flex;position:fixed;inset:0}.quit-dialog{text-align:center;background:#fff;border-radius:20px;padding:32px;animation:.25s pop;box-shadow:0 16px 48px #00000040}.quit-dialog p{color:#1f2937;margin-bottom:20px;font-size:1.2rem;font-weight:600}.quit-buttons{justify-content:center;gap:12px;display:flex}@keyframes fade-in{0%{opacity:0}to{opacity:1}}*{box-sizing:border-box;margin:0;padding:0}body{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);justify-content:center;align-items:center;min-height:100vh;font-family:Segoe UI,system-ui,-apple-system,sans-serif;display:flex}#root{width:100%;max-width:500px;padding:20px}