@import "https://fonts.googleapis.com/css2?family=Baloo+2:wght@500;600;700;800&family=Nunito:wght@600;700;800&display=swap";:root{color:#17324d;font-synthesis:none;text-rendering:optimizelegibility;background:#f1fbff;font-family:Nunito,system-ui,sans-serif}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0}button,a{font:inherit}button{-webkit-tap-highlight-color:transparent}.app-shell{background:radial-gradient(circle at 12% 35%,#ffd35f33 0 2px,#0000 3px),linear-gradient(155deg,#f9fdff 0%,#e7f8ff 50%,#f7f5ff 100%);min-height:100vh;position:relative;overflow:hidden}.sky-shape{filter:blur(1px);opacity:.55;border-radius:999px;position:absolute}.sky-shape-one{background:#ccefff;width:350px;height:350px;top:-190px;left:-100px}.sky-shape-two{background:#e8dcff;width:420px;height:420px;bottom:-230px;right:-230px}.topbar{z-index:2;justify-content:space-between;align-items:center;width:min(100% - 40px,980px);margin:0 auto;padding:24px 0;display:flex;position:relative}.brand{color:#17324d;align-items:center;gap:10px;font-family:"Baloo 2",sans-serif;font-size:1.45rem;font-weight:800;text-decoration:none;display:flex}.brand-mark{background:#ffcc4d;border-radius:14px;place-items:center;width:42px;height:42px;display:grid;transform:rotate(-5deg);box-shadow:0 5px #e8a925}.brand-mark svg{fill:#fff;width:25px}.player-pill{background:#ffffffd1;border:2px solid #d8ebf3;border-radius:999px;align-items:center;gap:9px;padding:7px 10px 7px 7px;display:flex;box-shadow:0 5px 15px #1f537014}.avatar{color:#fff;background:#7c5ce7;border-radius:50%;place-items:center;width:34px;height:34px;font-weight:800;display:grid}.player-name{font-weight:800}.star-count{color:#b77700;border-left:1px solid #d8ebf3;align-items:center;gap:3px;padding-left:8px;font-weight:800;display:flex}.star-count svg{fill:#ffbd2e;width:18px}main{z-index:1;width:min(100% - 40px,820px);margin:35px auto 0;position:relative}.mission-heading{justify-content:space-between;align-items:end;margin-bottom:18px;display:flex}.eyebrow{color:#6f56d9;letter-spacing:.13em;text-transform:uppercase;font-size:.76rem;font-weight:800}h1,h2{margin:3px 0 0;font-family:"Baloo 2",sans-serif;line-height:1.08}h1{font-size:clamp(1.8rem,5vw,2.5rem)}.progress-copy{color:#5f7587;font-size:.9rem;font-weight:700}.progress-copy strong{color:#17324d}.progress-track{background:#d9ebf1;border:3px solid #fff;border-radius:999px;height:14px;margin-bottom:28px;box-shadow:0 3px 9px #1e4c651a}.progress-fill{border-radius:inherit;background:linear-gradient(90deg,#42caa5,#76db7c);min-width:1%;height:100%;position:relative}.progress-runner{filter:drop-shadow(0 3px 2px #244e4e33);font-size:1.8rem;position:absolute;top:-21px;right:-15px}.game-card{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffffe8;border:2px solid #ffffffe6;border-radius:34px;min-height:445px;padding:34px clamp(22px,6vw,58px) 25px;box-shadow:0 24px 55px #29587524,0 5px #d8edf4}.card-topline{color:#78909f;justify-content:space-between;align-items:center;min-height:30px;font-size:.9rem;font-weight:800;display:flex}.streak{color:#bd641b;background:#fff0d9;border-radius:999px;padding:5px 10px;font-size:.78rem}.equation{letter-spacing:-.04em;justify-content:center;align-items:center;gap:clamp(13px,3.5vw,28px);margin:43px 0 48px;font-family:"Baloo 2",sans-serif;font-size:clamp(3.2rem,10vw,5.6rem);font-weight:800;line-height:1;display:flex}.operator{color:#83a0b2;font-size:.64em;font-weight:600}.mystery{color:#7554df;background:#eee9ff;border-radius:22px;place-items:center;min-width:1.02em;height:1.02em;padding-inline:.1em;display:grid;box-shadow:inset 0 -6px #674bc314}.answers{grid-template-columns:repeat(4,1fr);gap:13px;display:grid}.answer-button{color:#24415a;cursor:pointer;background:#fff;border:2px solid #d9e9ef;border-bottom-width:5px;border-radius:18px;min-height:78px;font-family:"Baloo 2",sans-serif;font-size:1.85rem;font-weight:800;transition:border-color .15s,background .15s,color .15s;position:relative}.answer-button:hover{background:#f9f7ff;border-color:#9c8bec}.answer-button:focus-visible{outline-offset:3px;outline:4px solid #63caaa59}.answer-button:disabled{cursor:default}.answer-button.correct{color:#16815e;background:#e9fbf4;border-color:#41bf91}.answer-button.wrong{color:#c54f47;background:#fff0ee;border-color:#f08076}.answer-icon{font:800 1rem Nunito,sans-serif;position:absolute;top:8px;right:11px}.feedback-space{place-items:center;height:44px;display:grid}.feedback{margin:15px 0 0;font-weight:800}.feedback.correct{color:#16815e}.feedback.wrong{color:#c54f47}.finish-card{text-align:center;flex-direction:column;justify-content:center;align-items:center;display:flex}.completion-icon{margin-bottom:18px;font-size:5.3rem}.finish-card h2{max-width:480px;font-size:clamp(2rem,6vw,3.2rem)}.finish-card p{color:#647d8e;font-weight:700}.primary-button{color:#fff;cursor:pointer;background:#7254dd;border:0;border-bottom:5px solid #5139ae;border-radius:16px;margin-top:16px;padding:14px 23px 12px;font-family:"Baloo 2",sans-serif;font-size:1.05rem;font-weight:800}.primary-button:active{border-bottom-width:2px;transform:translateY(3px)}footer{z-index:1;color:#8094a3;text-align:center;padding:32px 20px 25px;font-size:.8rem;font-weight:700;position:relative}@media (width<=620px){.topbar{width:min(100% - 24px,980px);padding-top:15px}.player-name{display:none}main{width:min(100% - 24px,820px);margin-top:20px}.mission-heading{align-items:center}.game-card{border-radius:26px;min-height:470px;padding:28px 16px 20px}.equation{gap:10px;margin:50px 0;font-size:clamp(2.9rem,16vw,4.5rem)}.answers{grid-template-columns:repeat(2,1fr)}.answer-button{min-height:70px}.card-topline{padding:0 3px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.portal{padding-bottom:40px}.portal h1{margin-bottom:24px}.portal label{gap:6px;margin-top:18px;font-weight:700;display:grid}.portal input,.portal select{font:inherit;border:2px solid #d9e9ef;border-radius:12px;max-width:100%;padding:12px}.profile-back{color:#5139ae;font:inherit;cursor:pointer;background:#fff;border:2px solid #d9e9ef;border-radius:12px;margin:14px 12px 14px 0;padding:8px 12px}button:focus-visible,input:focus-visible,select:focus-visible{outline-offset:3px;outline:3px solid #7554df}button:disabled{opacity:.65}.profiles{flex-wrap:wrap;gap:12px;display:flex}.brand-button{cursor:pointer;background:0 0;border:0;padding:0}.exercise-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;display:grid}.exercise-choice{flex-direction:column;justify-content:center;align-items:center;gap:10px;min-height:100px;display:flex}.overview-stars{color:#925e00;font-weight:800}.exercise-stars{font-size:.9rem;font-weight:600}.overview-stars>span,.exercise-stars>span{color:#ffbd2e}.mission-actions{justify-content:center;align-items:center;height:80px;padding-top:16px;display:flex}.mission-actions .primary-button{margin-top:0}.wheel-card{padding:24px}.wheel-layout{align-items:center;gap:24px;margin-top:18px;display:flex}.number-wheel{aspect-ratio:1;flex:340px;width:min(100%,440px);position:relative}.number-wheel svg{width:100%;display:block}.number-wheel circle,.number-wheel path,.number-wheel line{stroke:#8ca7bb;stroke-width:1.5px}.wheel-outer,.wheel-sector{fill:#f3f8fc}.wheel-sector.correct{fill:#daf6e8}.wheel-sector.wrong{fill:#ffe3df}.wheel-middle{fill:#eae4ff}.wheel-center{fill:#ffdc75}.wheel-multiplier,.wheel-number,.wheel-field{position:absolute;transform:translate(-50%,-50%)}.wheel-multiplier{font-family:"Baloo 2",sans-serif;font-size:clamp(1.4rem,5vw,2.2rem);font-weight:800;top:50%;left:50%}.wheel-number{font-size:clamp(.9rem,3vw,1.2rem);font-weight:800}.wheel-field{aspect-ratio:1;color:#24415a;cursor:pointer;background:#fff;border:2px dashed #8ca7bb;border-radius:12px;justify-content:center;align-items:center;gap:2px;width:max(12%,44px);padding:0;font-size:clamp(.85rem,3vw,1.25rem);font-weight:800;display:flex}.wheel-field.correct{color:#126749;opacity:1;background:#daf6e8;border:2px solid #16815e}.wheel-field.wrong{cursor:grab;touch-action:none;color:#a73831;background:#ffe3df;border:2px solid #c54f47}.wheel-mark{font-size:.6em}.wheel-answer-bank{flex:0 0 150px;grid-template-columns:repeat(2,minmax(55px,1fr));gap:12px;display:grid}.wheel-answer{color:#5139ae;cursor:grab;touch-action:none;background:#f4f0ff;border:2px solid #c8bced;border-bottom-width:4px;border-radius:12px;min-height:52px;font-size:1.35rem;font-weight:800}.wheel-answer.selected{background:#ffedb3;border-color:#b77700}.wheel-feedback{min-height:48px;font-weight:700}@media (width<=620px){.wheel-card{padding:18px 8px}.wheel-layout{flex-direction:column;gap:16px}.number-wheel{flex:auto;width:100%}.wheel-answer-bank{flex:auto;grid-template-columns:repeat(5,1fr);gap:6px;width:100%}.wheel-answer{font-size:1.1rem}}.wheel-drag-preview{z-index:10;pointer-events:none;color:#5139ae;background:#ffedb3;border:2px solid #b77700;border-radius:12px;padding:12px 18px;font-size:1.35rem;font-weight:800;position:fixed;transform:translate(-50%,-50%)}