:root{--color-background: #f9f7ff;--color-primary: #6a5acd;--color-primary-light: #8b7ddd;--color-secondary: #ff6b6b;--color-secondary-light: #ff8f8f;--color-accent: #4ecdc4;--color-highlight: #ffd93d;--color-success: #2ecc71;--color-error: #e74c3c;--color-text: #2c3e50;--color-add: #2ecc71;--color-subtract: #e74c3c;--color-multiply: #3498db;--color-divide: #f39c12;--color-refresh: #9b59b6;--box-shadow-sm: 0 4px 6px rgba(0, 0, 0, .08);--box-shadow-md: 0 6px 15px rgba(0, 0, 0, .1);--box-shadow-lg: 0 10px 25px rgba(0, 0, 0, .12);--border-radius-sm: 12px;--border-radius-md: 20px;--border-radius-lg: 30px;--border-radius-xl: 50px}.math-practice{font-family:Comic Sans MS,Arial,sans-serif;min-height:100vh;display:flex;flex-direction:column;align-items:center;padding:1rem;text-align:center;color:var(--color-text)}.score-next-container{display:flex;flex-direction:row;align-items:center;gap:1rem;margin:1.5rem 0 2.5rem}.score{font-size:2.5rem;font-weight:700;background:linear-gradient(45deg,var(--color-highlight),#ffe970);padding:.5rem 1.5rem;border-radius:var(--border-radius-xl);box-shadow:var(--box-shadow-md);transition:all .3s ease;display:inline-flex;align-items:center}.score:before{content:"⭐";margin-right:.75rem;font-size:1.8rem;line-height:1}.operator-container{display:flex;justify-content:center;gap:1.5rem;margin-bottom:5rem;flex-wrap:wrap}.operator-btn{width:100px;height:100px;font-size:3rem;color:#fff;border:none;border-radius:var(--border-radius-md);cursor:pointer;transition:all .3s ease;box-shadow:var(--box-shadow-md)}.operator-btn span{font-size:clamp(3rem,4vw,5.8rem);line-height:1}.operator-btn:hover{transform:scale(1.1) translateY(-5px);box-shadow:var(--box-shadow-lg)}.operator-btn.add{background:linear-gradient(135deg,var(--color-add),#5adc9c)}.operator-btn.subtract{background:linear-gradient(135deg,var(--color-subtract),#f16056)}.operator-btn.multiply{background:linear-gradient(135deg,var(--color-multiply),#5ab0ea)}.operator-btn.divide{background:linear-gradient(135deg,var(--color-divide),#ffb142)}.operator-btn.refresh{background:linear-gradient(135deg,var(--color-refresh),#b278c9)}.operator-btn.next{font-size:2.5rem;background:linear-gradient(135deg,var(--color-success));color:#fff;width:auto;height:auto;padding:.5rem 1.5rem;border-radius:var(--border-radius-xl)}.operator-btn.next:hover:not(:disabled){transform:scale(1.05) translateY(-2px);box-shadow:var(--box-shadow-lg)}.operator-btn.next:disabled{background:linear-gradient(135deg,#adb5bd,#ced4da);color:#6c757d;cursor:not-allowed;box-shadow:var(--box-shadow-sm);transform:none}.math-form{width:100%;max-width:1200px}.math-problem-container{display:flex;justify-content:center;margin-bottom:3rem}.number-group{display:flex;align-items:center;justify-content:center;gap:1.5rem;flex-wrap:wrap}.number{width:280px;height:240px;font-size:8rem;font-weight:700;text-align:center;background-color:#fff;color:var(--color-text);border:none;border-radius:var(--border-radius-md);outline:none;transition:all .3s ease;box-shadow:var(--box-shadow-md);display:flex;align-items:center;justify-content:center}.number:focus{box-shadow:0 0 0 3px var(--color-primary-light),var(--box-shadow-md)}.operator{font-size:5rem;color:var(--color-secondary);text-shadow:2px 2px 4px rgba(0,0,0,.1)}.answer-wrapper{display:flex;align-items:center;justify-content:center;gap:1.5rem}.output{background:linear-gradient(135deg,#fff,#f5f5f5);border:none;box-shadow:inset 0 2px 10px #0000001a,var(--box-shadow-sm)}.result-indicator{font-size:4rem;font-weight:700;width:80px;height:80px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .3s ease}.result-indicator.success{color:var(--color-success);animation:popIn .5s ease;text-shadow:0 0 10px rgba(46,204,113,.3)}.result-indicator.error{color:var(--color-error);animation:shake .5s ease;text-shadow:0 0 10px rgba(231,76,60,.3)}@keyframes popIn{0%{transform:scale(0);opacity:0}70%{transform:scale(1.2);opacity:1}to{transform:scale(1);opacity:1}}@keyframes shake{0%,to{transform:translate(0)}20%{transform:translate(-8px)}40%{transform:translate(8px)}60%{transform:translate(-5px)}80%{transform:translate(5px)}}@media (max-width: 1200px){.number{width:240px;height:200px;font-size:7rem}}@media (max-width: 992px){.number{width:200px;height:180px;font-size:6rem}.operator{font-size:4rem}.result-indicator{width:70px;height:70px;font-size:3.5rem}}@media (max-width: 768px){.math-practice{padding-top:10px}.score-next-container{flex-direction:column;gap:1.5rem;margin:1.5rem 0 2rem}.score,.operator-btn.next{font-size:1.8rem;padding:.4rem 1rem}.number-group{gap:1rem}.number{width:160px;height:140px;font-size:4.5rem}.operator{font-size:3.5rem}.operator-btn{width:70px;height:70px;font-size:2rem}.result-indicator{width:60px;height:60px;font-size:2.5rem}}@media (max-width: 480px){.number{width:100px;height:90px;font-size:3rem}.operator{font-size:2.5rem;display:inline-flex;align-items:center;justify-content:center;line-height:1;padding:0;margin:0}.answer-wrapper{flex-direction:column;align-items:center;gap:.25rem;width:100%}.output{width:100px;height:90px;font-size:2.8rem}.result-indicator{margin-top:.5rem;width:50px;height:50px;font-size:2rem}.operator-container{gap:.5rem}.operator-btn{width:55px;height:55px;font-size:1.5rem}.operator-btn span{font-size:2.2rem}.header{padding:.5rem 1rem}.number-group{gap:.5rem}.score,.operator-btn.next{font-size:1.5rem;padding:.3rem .8rem}}#confetti rect{opacity:0}#confetti rect:nth-child(1){transform-origin:45px 5px;transform:rotate(-145deg);animation:blast 631ms 88ms infinite ease-out}#confetti rect:nth-child(2){transform-origin:87px 5px;transform:rotate(164deg);animation:blast 442ms 131ms infinite ease-out}#confetti rect:nth-child(3){transform-origin:128px 6px;transform:rotate(4deg);animation:blast 662ms 92ms infinite ease-out}#confetti rect:nth-child(4){transform-origin:170px 6px;transform:rotate(-175deg);animation:blast 593ms 17ms infinite ease-out}#confetti rect:nth-child(5){transform-origin:213px 5px;transform:rotate(-97deg);animation:blast 476ms 122ms infinite ease-out}#confetti rect:nth-child(6){transform-origin:255px 6px;transform:rotate(57deg);animation:blast 381ms 271ms infinite ease-out}#confetti rect:nth-child(7){transform-origin:297px 5px;transform:rotate(-46deg);animation:blast 619ms 131ms infinite ease-out}#confetti rect:nth-child(8){transform-origin:338px 6px;transform:rotate(-65deg);animation:blast 668ms 85ms infinite ease-out}#confetti rect:nth-child(9){transform-origin:380px 6px;transform:rotate(13deg);animation:blast 377ms 128ms infinite ease-out}#confetti rect:nth-child(10){transform-origin:423px 5px;transform:rotate(176deg);animation:blast 508ms 311ms infinite ease-out}#confetti rect:nth-child(11){transform-origin:465px 5px;transform:rotate(108deg);animation:blast 595ms 108ms infinite ease-out}#confetti rect:nth-child(12){transform-origin:506px 6px;transform:rotate(62deg);animation:blast 375ms 105ms infinite ease-out}#confetti rect:nth-child(13){transform-origin:549px 5px;transform:rotate(16deg);animation:blast 491ms 149ms infinite ease-out}#confetti rect:nth-child(odd){fill:#65bb5c}#confetti rect:nth-child(2n){fill:#3af}#confetti rect:nth-child(4n){fill:#f23b14;animation-duration:1.4s!important}#confetti rect:nth-child(3n){animation-duration:1.75s!important;animation-delay:.7s!important}#confetti rect:nth-child(4n-7){fill:#2a2f6a}#confetti rect:nth-child(6n){fill:#fbba23}@keyframes blast{0%{opacity:0}20%{opacity:1}to{transform:translateY(90px)}}.fullscreen-celebration[data-astro-cid-i2ks4xjp]{width:100%;height:100%;pointer-events:none;overflow:hidden;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .5s ease}.celebration-active[data-astro-cid-i2ks4xjp]{opacity:1}