@import "https://fonts.googleapis.com/css2?family=Nunito:wght@600;700;800;900&display=swap";:root{color:#30275d;font-synthesis:none;background:#7670e9;font-family:Nunito,ui-rounded,system-ui,sans-serif}*{box-sizing:border-box}body{min-width:320px;margin:0}button{font:inherit}.app-shell{isolation:isolate;background:radial-gradient(circle at 100% 5%,#a5d1ff 0,#0000 28%),radial-gradient(circle at 1% 30%,#ffc2df 0,#0000 31%),linear-gradient(158deg,#9486ef 0%,#756de7 48%,#5e61d7 100%);min-height:100svh;padding:19px max(18px,50% - 340px);position:relative;overflow:hidden}.app-shell:after{content:"";z-index:-1;clip-path:ellipse(80% 35% at 50% 100%);background:linear-gradient(#7d77e4dd,#5c60ca);position:absolute;inset:53% 0 0}header,.hero,.game-card,.settings{z-index:1;max-width:620px;margin-left:auto;margin-right:auto;position:relative}header{color:#fff;justify-content:space-between;align-items:center;display:flex}.brand{letter-spacing:-.5px;align-items:center;gap:8px;font-size:21px;font-weight:900;display:flex}.brand-mark{color:#6855cb;background:#ffdc5e;border-radius:11px;place-items:center;width:33px;height:33px;display:grid;transform:rotate(10deg)}.score{background:#ffffff2b;border:1px solid #ffffff52;border-radius:99px;padding:7px 12px}.hero{color:#fff;justify-content:space-between;align-items:center;min-height:154px;padding:18px 12px 10px;display:flex}.eyebrow{opacity:.75;letter-spacing:1px;margin:0 0 6px;font-size:10px;font-weight:900}.hero h1{letter-spacing:-1.5px;margin:0;font-size:clamp(28px,7vw,39px);line-height:1}.subtitle{margin:9px 0 0;font-size:14px;font-weight:700}.robot{width:100px;height:112px;margin-right:8px;animation:3s ease-in-out infinite float;position:relative}.antenna{background:#e6e7f8;border-radius:5px;width:5px;height:20px;position:absolute;top:1px;left:47px}.antenna i{background:#ffdf64;border-radius:50%;width:13px;height:13px;position:absolute;top:-6px;left:-4px}.robot-head{background:#f1f1fb;border:4px solid #5e54aa;border-radius:25px 25px 30px 30px;justify-content:center;align-items:center;gap:18px;width:98px;height:57px;display:flex;position:absolute;top:19px;box-shadow:0 5px #574c98}.eye{background:#534594;border-radius:50%;width:10px;height:15px}.robot-head b{color:#f271a4;font-size:19px;position:absolute;bottom:6px}.robot-body{text-align:center;color:#fff;background:#ffd869;border:4px solid #5e54aa;border-radius:16px 16px 9px 9px;width:54px;height:37px;font-size:18px;position:absolute;top:77px;left:23px}.robot-arms i{background:#f1f1fb;border:3px solid #5e54aa;border-radius:8px;width:20px;height:8px;position:absolute;top:83px}.robot-arms i:first-child{left:5px;transform:rotate(-23deg)}.robot-arms i:last-child{right:4px;transform:rotate(23deg)}.robot--happy{animation:.35s ease-in-out infinite alternate happy}.robot--sad{transform:rotate(-7deg)}.game-card,.settings{background:#fffdfc;border-radius:29px;box-shadow:0 15px #534ca63d,0 12px 36px #42368e4d}.game-card{text-align:center;padding:18px 17px 15px}.streak{color:#8f8aab;justify-content:space-between;align-items:center;font-size:12px;font-weight:900;display:flex}.stars{color:#ffbd3e;letter-spacing:1px;font-size:17px}.question-label,.group-label{color:#938ca8;letter-spacing:1.4px;margin:17px 0 7px;font-size:10px;font-weight:900}.equation{color:#342b62;letter-spacing:-2px;white-space:nowrap;font-size:clamp(42px,13vw,62px);font-weight:900}.equation span{color:#f0749d}.equation em{color:#7569d9;font-style:normal}.answers{grid-template-columns:repeat(2,1fr);gap:10px;margin:20px 0 10px;display:grid}.answer{color:#443a76;cursor:pointer;background:#fff;border:2px solid #ece9f7;border-bottom-width:5px;border-radius:17px;padding:14px 5px 10px;font-size:23px;font-weight:900;line-height:1;transition:transform .15s,background .2s}.answer:active{border-bottom-width:2px;transform:translateY(3px)}.answer:hover{background:#f6f3ff}.answer.is-correct{color:#fff;background:#65c989;border-color:#47ae6c;animation:.4s pop}.answer.is-wrong{color:#fff;background:#ed7696;border-color:#d85b7b;animation:.3s shake}.feedback{color:#958ea6;height:18px;margin:0;font-size:13px;font-weight:800}.feedback.correct{color:#35a967}.feedback.wrong{color:#da5c7c}.settings{margin-top:19px;margin-bottom:20px;padding:19px 17px 21px}.setting-heading{align-items:center;gap:11px;display:flex}.setting-heading>span{background:#ece9ff;border-radius:13px;place-items:center;width:40px;height:40px;font-size:20px;display:grid}.setting-heading h2{letter-spacing:-.5px;margin:0;font-size:18px}.setting-heading p{color:#928ba5;margin:2px 0 0;font-size:11px;font-weight:700}.operation-grid{grid-template-columns:repeat(2,1fr);gap:8px;display:grid}.operation{text-align:left;color:#6d6681;cursor:pointer;background:#fff;border:2px solid #eeebf5;border-radius:15px;grid-template-columns:27px 1fr 17px;align-items:center;gap:6px;min-height:57px;padding:7px;transition:all .18s;display:grid}.operation strong{color:#fff;border-radius:9px;place-items:center;width:27px;height:27px;font-size:21px;display:grid}.operation span{font-size:12px;font-weight:900}.operation i{visibility:hidden;color:#fff;background:#7468d7;border-radius:50%;place-items:center;height:17px;font-size:11px;font-style:normal;display:grid}.operation.selected{background:#faf9ff;border-color:#a99ef6}.operation.selected i{visibility:visible}.operation.yellow strong{background:#f8bd4d}.operation.blue strong{background:#5bacef}.operation.purple strong{background:#8b69de}.operation.green strong{background:#58c58a}.levels{grid-template-columns:repeat(3,1fr);gap:7px;display:grid}.levels button{color:#726a85;cursor:pointer;background:#fff;border:2px solid #eeebf5;border-radius:14px;padding:10px 3px;font-size:11px;font-weight:900}.levels button.selected{color:#5d51bd;background:#f4f2ff;border-color:#7b70df;box-shadow:inset 0 -2px #b5adf0}.cloud{z-index:0;background:#fff4;border-radius:20px;width:86px;height:25px;position:absolute}.cloud:before,.cloud:after{content:"";background:#fff4;border-radius:50%;position:absolute}.cloud:before{width:35px;height:35px;bottom:3px;left:14px}.cloud:after{width:24px;height:24px;bottom:2px;right:13px}.cloud-one{top:80px;right:-15px}.cloud-two{top:310px;left:-25px;transform:scale(.65)}.sky-decoration{color:#ffffff30;z-index:0;font-size:64px;font-weight:900;position:absolute}.number-one{top:160px;left:4%;transform:rotate(-15deg)}.number-two{top:420px;right:4%}.confetti{z-index:5;pointer-events:none;color:#ffdc57;text-align:center;word-spacing:22px;font-size:32px;animation:.9s ease-out forwards confetti;position:fixed;inset:19% 0 auto}@keyframes float{50%{transform:translateY(-6px)rotate(2deg)}}@keyframes happy{to{transform:translateY(-9px)rotate(6deg)}}@keyframes pop{50%{transform:scale(1.09)}}@keyframes shake{25%{transform:translate(-5px)}75%{transform:translate(5px)}}@keyframes confetti{0%{opacity:0;transform:translateY(-20px)scale(.5)}30%{opacity:1}to{opacity:0;transform:translateY(180px)rotate(80deg)}}@media (width>=680px){.app-shell{padding-top:25px}.hero{min-height:174px}.game-card{padding:22px 50px 16px}.answers{gap:12px}.settings{padding:22px 33px}.operation-grid{grid-template-columns:repeat(4,1fr)}.operation{text-align:center;grid-template-columns:1fr;justify-items:center}.operation i{position:absolute}.operation{position:relative}.operation span{font-size:11px}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}