html{background:radial-gradient(circle at 0 0,#ffffffe6,#0000 26%),linear-gradient(#8fe9ff,#c2ffec 46%,#fff6b8)}:root{color:#24314d;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--card:#ffffffd1;--card-border:#ffffffa6;--shadow:0 20px 60px #4a7d9133;--text-main:#23425f;--text-soft:#5f7896;--accent:#ff7a59;--accent-2:#5ec6ff;--accent-3:#ffd54f;--success:#42c48c;background:radial-gradient(circle at 0 0,#ffffffe6,#0000 26%),linear-gradient(#8fe9ff,#c2ffec 46%,#fff6b8);font-family:Trebuchet MS,Avenir Next,Segoe UI,sans-serif;font-weight:400;line-height:1.4}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{min-height:100dvh;color:var(--text-main)}button,input{font:inherit}button{border:0}.app-shell{min-height:100dvh;padding:18px;position:relative;overflow-x:hidden}.background-decor{filter:blur(2px);opacity:.35;pointer-events:none;border-radius:999px;position:fixed}.background-decor--one{background:#fff2a4;width:160px;height:160px;top:10%;right:-40px}.background-decor--two{background:#ffb0d1;width:120px;height:120px;bottom:10%;left:-30px}.screen{z-index:1;gap:18px;width:min(100%,1080px);margin:0 auto;display:grid;position:relative}.welcome-screen{align-content:center;min-height:calc(100dvh - 36px)}.welcome-hero,.card,.pet-card,.progress-shell{background:var(--card);border:1px solid var(--card-border);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.welcome-hero,.card{border-radius:28px;padding:24px}.welcome-hero{text-align:center}.hero-badge,.level-pill,.small-helper,.friendly-note,.helper-copy,.pet-caption,.progress-copy,.feedback-line{color:var(--text-soft)}.hero-badge,.level-pill{background:#ffffffb3;border-radius:999px;justify-content:center;align-items:center;padding:8px 14px;font-size:.82rem;font-weight:700;display:inline-flex}h1,h2,p{margin:0}h1{margin-top:10px;font-size:clamp(2.3rem,7vw,4.8rem);line-height:.95}h2{font-size:clamp(1.7rem,5vw,2.4rem);line-height:1.05}.welcome-hero p{max-width:32rem;margin:14px auto 0;font-size:1.05rem}.hero-pets{flex-wrap:wrap;justify-content:center;gap:14px;margin-top:18px;font-size:clamp(2rem,5vw,3rem);display:flex}.welcome-card{gap:16px;display:grid}.field{gap:10px;display:grid}.field span{font-weight:700}input{background:#ffffffd9;border:2px solid #5ec6ff47;border-radius:20px;width:100%;min-height:58px;padding:14px 16px}.age-buttons,.welcome-actions,.hud-row,.hud-actions,.progress-copy,.compare-row,.celebration-pets,.overlay-actions,.confirm-actions{flex-wrap:wrap;gap:12px;display:flex}.age-chip,.primary-button,.ghost-button,.sound-button{cursor:pointer;border-radius:20px;min-height:58px;padding:14px 20px;font-weight:800;transition:transform .12s,box-shadow .12s}.age-chip,.sound-button,.ghost-button{color:var(--text-main);background:#ffffffb3;box-shadow:inset 0 0 0 2px #5ec6ff3d}.age-chip--active,.primary-button{color:#fff;background:linear-gradient(135deg,#ff9e5d,#ff6584);box-shadow:0 16px 30px #ff658447}.primary-button:disabled{opacity:.45;cursor:default;box-shadow:none}.level-intro-card,.celebration-card{text-align:center}.level-intro-card{background:radial-gradient(circle at top right, color-mix(in srgb, var(--level-color) 20%, white), transparent 28%), var(--card)}.intro-pet{margin:18px 0 6px;font-size:4rem}.level-intro-copy{max-width:28rem;margin:12px auto 18px}.progress-shell{border-radius:24px;padding:14px 16px}.progress-copy{justify-content:space-between;font-size:.92rem;font-weight:700}.progress-track{background:#ffffffd9;border-radius:999px;width:100%;height:14px;margin-top:10px;overflow:hidden}.progress-fill{background:linear-gradient(135deg,#5ec6ff,#42c48c);border-radius:999px;height:100%}.hud-row{justify-content:space-between}.hud-actions{flex-wrap:wrap;justify-content:flex-end;gap:12px;display:flex}.ghost-button--small,.sound-button{min-height:50px;padding-inline:16px}.game-layout{grid-template-columns:1.45fr minmax(220px,.7fr);align-items:stretch;gap:16px;display:grid}.question-card,.pet-card{border-radius:28px;padding:22px}.visual-card{background:linear-gradient(#ffffffe0,#fff5e2eb);border:2px dashed #ffb45a75;border-radius:24px;margin-top:18px;padding:18px}.visual-card--number{text-align:center}.big-badge,.compare-bubble,.sequence-chip{background:linear-gradient(135deg,#fff6a8,#ffd1a8);border-radius:24px;justify-content:center;align-items:center;min-width:72px;min-height:72px;padding:10px;font-size:2rem;font-weight:800;display:inline-flex}.number-bubbles,.sequence-row,.item-grid,.addition-row,.addition-group,.answer-items{flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;display:flex}.visual-title{margin-bottom:14px;font-weight:700}.count-item{background:#ffffffe6;border-radius:18px;justify-content:center;align-items:center;width:52px;height:52px;font-size:1.9rem;display:inline-flex}.math-chip{font-size:2rem;font-weight:900}.pet-card{text-align:center;align-content:center;justify-items:center;display:grid}.pet-avatar{aspect-ratio:1;background:linear-gradient(135deg,#ffe6a8,#fff);border-radius:34px;place-items:center;width:min(100%,160px);font-size:clamp(3rem,7vw,5rem);display:grid}.pet-caption{margin-top:14px}.feedback-line{min-height:28px;margin-top:14px;font-weight:700}.answers-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.answers-grid--groups{grid-template-columns:repeat(3,minmax(0,1fr))}.answer-button{min-height:88px;box-shadow:var(--shadow);cursor:pointer;text-align:center;background:linear-gradient(135deg,#fff,#fff7de);border-radius:26px;place-items:center;gap:10px;padding:16px;display:grid}.answer-button--number .answer-label{font-size:clamp(1.8rem,5vw,2.4rem);font-weight:900}.answer-label{font-weight:800}.mini-item{background:#ffffffe6;border-radius:10px;justify-content:center;align-items:center;width:28px;height:28px;font-size:1.15rem;display:inline-flex}.reward-pop{z-index:20;text-align:center;background:linear-gradient(135deg,#fff,#fff5b2);border-radius:24px;width:min(100%,360px);margin:auto;padding:16px 18px;animation:.25s ease-out popIn;position:fixed;inset:auto 12px 12px;box-shadow:0 24px 50px #33616f38}.reward-pet{font-size:2.6rem}.sparkles{justify-content:center;gap:10px;font-size:1.4rem;display:flex}.celebration-pets{justify-content:center;margin-bottom:10px;font-size:clamp(1.8rem,4vw,2.7rem)}.friendly-note{min-height:24px}.confirm-overlay{z-index:30;background:#30546a52;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.confirm-card{text-align:center;background:linear-gradient(#fffffff5,#fff7def5);border:1px solid #ffffffb3;border-radius:28px;width:min(100%,460px);padding:22px;box-shadow:0 24px 50px #33616f38}.confirm-card h3{margin:10px 0 0;font-size:clamp(1.5rem,5vw,2rem)}.confirm-card p{color:var(--text-soft);margin-top:10px}.confirm-emoji{font-size:2.5rem}@keyframes popIn{0%{opacity:0;transform:translateY(18px)scale(.95)}to{opacity:1;transform:translateY(0)scale(1)}}@media (width<=900px){.game-layout{grid-template-columns:1fr}.pet-card{order:-1}.answers-grid--groups{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=640px){.app-shell{padding:10px}.welcome-hero,.card,.question-card,.pet-card{border-radius:24px;padding:18px}.answers-grid,.answers-grid--groups{grid-template-columns:1fr}.progress-copy,.hud-row,.hud-actions,.confirm-actions{flex-direction:column;align-items:stretch}.count-item{width:46px;height:46px;font-size:1.7rem}.big-badge,.compare-bubble,.sequence-chip{min-width:60px;min-height:60px;font-size:1.7rem}}