@font-face{font-family:Comic Neue;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/comic-neue-latin-700-normal-NE4Vcoll.woff2) format("woff2"),url(/assets/comic-neue-latin-700-normal-yR9qu__P.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{font-family:Arial,Helvetica,sans-serif;color:#27223a;background:#fff8e8;font-synthesis:none;text-rendering:optimizeLegibility;--ink: #27223a;--purple: #7357d6;--purple-dark: #5637bc;--yellow: #ffc83d;--green: #4dc48c;--red: #ef5d67;--paper: #fffdf8;--display-font: "Comic Neue", "Comic Sans MS", "Comic Sans", cursive}html{-webkit-text-size-adjust:100%;text-size-adjust:100%}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;overflow-x:hidden;background:#fff8e8}.floating-balls{position:fixed;inset:0;z-index:0;overflow:hidden;pointer-events:none}.floating-ball{--ball-size: 12vmin;--travel-duration: 10s;--travel-delay: 0s;position:absolute;top:10%;left:calc(0px - var(--ball-size));width:var(--ball-size);height:var(--ball-size);border-radius:50%;background:#ffc83d24;animation:wrap-right var(--travel-duration) linear var(--travel-delay) infinite;will-change:transform}.floating-ball:nth-child(2){--ball-size: 18vmin;--travel-duration: 12s;--travel-delay: -7s;top:28%;background:#7357d617;animation-name:wrap-left}.floating-ball:nth-child(3){--ball-size: 8vmin;--travel-duration: 8s;--travel-delay: -3s;top:48%;background:#4dc48c1a}.floating-ball:nth-child(4){--ball-size: 14vmin;--travel-duration: 11s;--travel-delay: -9s;top:70%;background:#ef5d6714;animation-name:wrap-left}.floating-ball:nth-child(5){--ball-size: 6vmin;--travel-duration: 7s;--travel-delay: -5s;top:18%;background:#4dc48c1f}.floating-ball:nth-child(6){--ball-size: 10vmin;--travel-duration: 9s;--travel-delay: -2s;top:58%;background:#ffc83d21;animation-name:wrap-left}.floating-ball:nth-child(7){--ball-size: 20vmin;--travel-duration: 14s;--travel-delay: -11s;top:82%;background:#7357d612}.floating-ball:nth-child(8){--ball-size: 7vmin;--travel-duration: 8.5s;--travel-delay: -6s;top:38%;background:#ef5d6717;animation-name:wrap-left}button{appearance:none;font:inherit;touch-action:manipulation;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none}button:focus-visible{outline:4px solid rgb(39 34 58 / 28%);outline-offset:3px}#app{position:relative;min-height:100vh}@keyframes wrap-right{0%{transform:translateZ(0)}to{transform:translate3d(calc(100vw + var(--ball-size) + var(--ball-size)),0,0)}}@keyframes wrap-left{0%{transform:translate3d(calc(100vw + var(--ball-size) + var(--ball-size)),0,0)}to{transform:translateZ(0)}}@media(prefers-reduced-motion:reduce){.floating-ball{left:10%;animation:none}.floating-ball:nth-child(2n){left:75%}}.app-shell{position:relative;z-index:1;display:flex;min-height:100vh;flex-direction:column}.app-header{display:flex;align-items:center;justify-content:space-between;min-height:68px;padding:14px 20px;border-bottom:2px solid rgb(39 34 58 / 8%);background:#fffdf8d9;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.header-copy,.language-toggle,.score-card-heading,.progress-row,.calculation,.answer-options,.final-score,.end-burst{display:flex;align-items:center}.header-copy{gap:9px;min-width:0;font-size:.92rem;font-weight:800}.app-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.spark-mark{color:var(--yellow);font-size:1.5rem;text-shadow:1px 2px 0 var(--ink)}.current-score strong{color:var(--purple-dark);font-size:1.15rem}.language-toggle{flex:0 0 auto;padding:6px 9px;border:0;border-radius:99px;background:#eee9fb;cursor:pointer}.language-flag{font-size:1.45rem;line-height:1}main{display:flex;width:100%;max-width:880px;margin:0 auto;flex:1;flex-direction:column}.home-screen,.exercise-screen,.end-screen{display:flex;width:100%;flex:1;flex-direction:column}.home-screen{align-items:center;padding:30px 20px 40px;text-align:center;justify-content:space-between}.hero-art{position:relative;display:flex;width:min(100%,340px);height:128px;align-items:center;justify-content:center;gap:8px;margin-bottom:10px;transform:rotate(-2deg)}.hero-number,.hero-sign,.hero-equals{font-family:var(--display-font);font-weight:900}.hero-number{display:flex;width:62px;height:72px;align-items:center;justify-content:center;border:3px solid var(--ink);border-radius:18px 23px 16px 24px;box-shadow:5px 6px 0 var(--ink);font-size:2.8rem}.hero-number.one{background:#aee8d0}.hero-number.two{background:#ffd66d;transform:rotate(5deg)}.hero-number.answer{background:#cfc2ff;transform:rotate(-4deg)}.hero-sign,.hero-equals{font-size:3rem}h1,.feedback-title{font-family:var(--display-font)}h1{max-width:600px;margin:0 0 24px;font-size:clamp(2rem,8vw,3.5rem);line-height:1.08}.primary-button{display:flex;min-height:58px;align-items:center;justify-content:center;gap:14px;padding:15px 24px;border:3px solid var(--ink);border-radius:18px;box-shadow:5px 6px 0 var(--ink);color:#fff;background:var(--purple);cursor:pointer;font-size:1.05rem;font-weight:900;transition:transform .14s ease,box-shadow .14s ease,background .14s ease}.primary-button:hover{background:var(--purple-dark);transform:translate(-1px,-1px);box-shadow:7px 8px 0 var(--ink)}.primary-button:active{transform:translate(4px,5px);box-shadow:1px 1px 0 var(--ink)}.score-card{width:min(100%,460px);margin-top:42px;margin-bottom:42px;padding:20px;xborder:2px solid rgb(39 34 58 / 14%);border-radius:24px;background:var(--paper);box-shadow:0 12px 32px #4d391f14;text-align:left}.score-card-heading{gap:10px}.score-card h2{margin:0;font-size:1rem}.trophy{color:#e7a900;font-size:1.4rem}.score-list{display:flex;margin:14px 0 0;padding:0;flex-direction:column;gap:8px;list-style:none}.score-list li{display:flex;align-items:center;justify-content:space-between;padding:9px 12px;border-radius:12px;background:#f4f0ff;font-size:.9rem;font-weight:700}.score-rank{display:flex;width:25px;height:25px;align-items:center;justify-content:center;border-radius:50%;color:#fff;background:var(--purple);font-size:.75rem}.empty-scores{margin:15px 0 2px;color:#746d80;font-size:.88rem}.exercise-screen{position:relative;overflow:hidden;padding:20px}.progress-row{justify-content:space-between;gap:16px;color:#6f687a;font-size:.78rem;font-weight:800;letter-spacing:.03em;text-transform:uppercase}.progress-track{height:9px;flex:1;overflow:hidden;border-radius:99px;background:#e3dded}.progress-track span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--yellow),#ff9854);transition:width .24s ease}.timer-track{height:14px;margin-top:15px;overflow:hidden;border-radius:99px;background:#e3dded}.timer-track span{display:block;height:100%;border-radius:inherit;transition:width 70ms linear}.question-area{display:flex;min-height:0;flex:1;flex-direction:column;padding:0 0 48px}.calculation{flex:1;justify-content:center;gap:clamp(8px,3vw,20px);font-family:var(--display-font);font-size:clamp(3.2rem,15vw,6.5rem);font-weight:900;line-height:1}.operator{color:#81798d;font-size:.58em}.question-mark{color:var(--purple)}.answer-options{flex-wrap:wrap;justify-content:center;gap:14px}.answer-button{width:calc(50% - 7px);min-height:76px;border:3px solid var(--ink);border-radius:18px;box-shadow:4px 5px 0 var(--ink);color:var(--ink);background:var(--paper);cursor:pointer;font-family:var(--display-font);font-size:1.9rem;font-weight:900;transition:transform .12s ease,box-shadow .12s ease,background .12s ease}.answer-button:not(:disabled):hover{background:#eee8ff;transform:translateY(-2px)}.answer-button:not(:disabled):active{transform:translate(3px,4px);box-shadow:1px 1px 0 var(--ink)}.answer-button.correct{background:#b8efd7}.answer-button.wrong{background:#ffc7cb}.feedback-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;background:#fff8e8;text-align:center}.feedback-icon{display:flex;width:140px;height:140px;align-items:center;justify-content:center;border:5px solid var(--ink);border-radius:50%;box-shadow:8px 9px 0 var(--ink);color:#fff;font-family:var(--display-font);font-size:6rem;font-weight:900}.success .feedback-icon{background:var(--yellow);animation:star-pop .7s cubic-bezier(.34,1.56,.64,1)}.failure .feedback-icon{background:var(--red);animation:cross-shake .52s ease}.feedback-title{margin:28px 0 0;font-size:clamp(2.3rem,11vw,4.2rem);font-weight:900}.feedback-answer{margin:10px 0 0;font-size:1rem;font-weight:800}.end-screen{align-items:center;justify-content:space-between;padding:44px 20px;text-align:center}.end-burst{gap:20px;margin-bottom:20px;color:var(--yellow);font-size:2rem}.end-burst span:nth-child(2){font-size:4.5rem;text-shadow:4px 5px 0 var(--ink);animation:star-pop .85s cubic-bezier(.34,1.56,.64,1)}.end-screen h1{margin-bottom:18px}.result-line{margin:4px 0;color:#686071;font-size:1rem;font-weight:700;text-align:center}.final-score{justify-content:center;gap:8px;margin:8px 0;color:var(--purple-dark)}.final-score strong{font-family:var(--display-font);font-size:5.5rem;line-height:1}.final-score span{color:#6d6576;font-size:1.7rem;font-weight:800}.end-screen .primary-button{margin-top:32px}footer{padding:15px 20px;color:#8b8494;font-size:.68rem;font-weight:700;letter-spacing:.06em;text-align:center;text-transform:uppercase}@keyframes star-pop{0%{opacity:0;transform:scale(.1) rotate(-35deg)}65%{transform:scale(1.16) rotate(8deg)}to{opacity:1;transform:scale(1) rotate(0)}}@keyframes cross-shake{0%{opacity:0;transform:scale(.45)}30%,70%{transform:translate(-12px) rotate(-5deg)}50%,85%{transform:translate(12px) rotate(5deg)}to{opacity:1;transform:translate(0) scale(1)}}@media(min-width:680px){.app-header{padding-inline:36px}.home-screen{padding-top:54px}.answer-button{width:calc(25% - 11px);min-height:96px}.exercise-screen{padding:28px 40px}}@media(max-height:700px){.home-screen{padding-top:18px}.hero-art{height:100px;transform:scale(.82) rotate(-2deg)}.score-card{margin-top:28px;margin-bottom:28px}.question-area{padding-bottom:22px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}