@import"https://fonts.googleapis.com/css2?family=Fredoka:wght@500;600;700&display=swap";*{box-sizing:border-box;margin:0;-webkit-tap-highlight-color:transparent}.mb-app{font-family:Fredoka,system-ui,sans-serif;min-height:100vh;background:linear-gradient(160deg,#f0fbf5,#d4f2e4 40%,#b0e4cc);color:#0d0d1a;display:flex;justify-content:center;padding:12px 16px 24px;overflow-y:auto;user-select:none}.mb-screen{width:100%;max-width:440px;margin:auto 0;display:flex;flex-direction:column;align-items:center;animation:mb-fade .25s ease}@keyframes mb-fade{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.mb-home-header{width:100%;display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.mb-logo-row{display:flex;align-items:center;gap:10px}.mb-title{font-size:52px;font-weight:700;letter-spacing:-.5px}.mb-gear{width:40px;height:40px;border-radius:12px;border:none;background:#fff;font-size:20px;cursor:pointer;box-shadow:0 2px #0000000f;display:flex;align-items:center;justify-content:center;color:#62627e;transition:color .15s}.mb-gear:hover{color:#5b8def}.mb-group{width:100%;margin-bottom:14px}.mb-group-label{display:block;font-size:16px;color:#5a5a72;margin:0 0 7px 4px;font-weight:600}.mb-chips{display:flex;gap:8px;flex-wrap:wrap}.mb-chip{flex:1;min-width:58px;padding:13px 6px;border-radius:15px;border:2px solid #e2e2ee;background:#fff;color:#484860;font-family:inherit;font-size:13px;font-weight:700;cursor:pointer;text-transform:uppercase;letter-spacing:.08em;display:flex;align-items:center;justify-content:center;gap:5px;transition:transform .12s,background .15s}.mb-chip:active{transform:scale(.94)}.mb-chip-on{color:#fff!important}.mb-chip-purple{background:#af52de!important;border-color:#af52de!important}.mb-chip-glyph{font-size:18px}.mb-level-nums{display:flex;gap:10px;flex-wrap:wrap}.mb-level-btn{width:52px;height:52px;border-radius:14px;border:2px solid #e2e2ee;background:#fff;color:#484860;font-family:inherit;font-size:20px;font-weight:700;cursor:pointer;transition:transform .1s}.mb-level-btn:active{transform:scale(.92)}.mb-big-btn{width:100%;margin-top:48px;padding:17px;border:none;border-radius:20px;color:#fff;font-family:inherit;font-size:19px;font-weight:700;cursor:pointer;text-transform:uppercase;letter-spacing:.1em;box-shadow:0 6px #0000001f;transition:transform .1s,box-shadow .1s}.mb-big-btn:active{transform:translateY(4px);box-shadow:0 2px #0000001f}.mb-text-btn{background:none;border:none;color:#5a5a72;font-family:inherit;font-size:14px;font-weight:600;padding:10px;cursor:pointer;text-transform:uppercase;letter-spacing:.08em}.mb-fab-group{position:fixed;bottom:20px;right:20px;display:flex;gap:8px;z-index:10}.mb-clear-btn{margin-left:auto;background:none;border:none;color:#ff3b30;font-family:inherit;font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;cursor:pointer;padding:6px 2px}.mb-report-empty{color:#62627e;font-size:16px;margin-top:12px}.mb-report-wrap{width:100%;overflow-x:auto}.mb-report-table{width:100%;border-collapse:collapse;font-size:15px}.mb-report-table th{text-align:left;font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:#62627e;font-weight:700;padding:0 8px 10px 0;border-bottom:2px solid #e2e2ee}.mb-report-table td{padding:10px 8px 10px 0;border-bottom:1px solid #eeeef6;color:#0d0d1a;font-weight:600}.mb-report-table tr:last-child td{border-bottom:none}.mb-settings{align-items:flex-start}.mb-settings-header{width:100%;display:flex;align-items:center;gap:12px;margin-bottom:20px}.mb-back{width:40px;height:40px;border-radius:12px;border:none;background:#fff;color:#62627e;font-size:20px;cursor:pointer;box-shadow:0 2px #0000000f;display:flex;align-items:center;justify-content:center}.mb-settings-title{font-size:22px;font-weight:700}.mb-play{justify-content:flex-start;padding-top:4px}.mb-topbar{width:100%;display:flex;align-items:center;gap:10px;margin-bottom:6px}.mb-quit{width:38px;height:38px;border-radius:12px;border:none;background:#fff;color:#62627e;font-size:16px;cursor:pointer;box-shadow:0 2px #0000000f}.mb-progress{flex:1;height:12px;background:#e6e6f2;border-radius:99px;overflow:hidden}.mb-progress-fill{height:100%;border-radius:99px;transition:width .3s ease}.mb-streak{font-size:16px;font-weight:700;white-space:nowrap}.mb-snd{width:38px;height:38px;border-radius:12px;border:none;background:#fff;font-size:16px;cursor:pointer;box-shadow:0 2px #0000000f}.mb-count{font-size:14px;color:#62627e;font-weight:600;margin-bottom:8px}.mb-mascot-row{display:flex;align-items:center;justify-content:center;gap:12px;width:100%}.mb-feedback-slot{min-width:90px}.mb-play-mascot .mb-mascot{width:50px;height:50px}.mb-play-mascot.mb-cele .mb-mascot{animation:mb-jump .55s ease}@keyframes mb-jump{0%{transform:translateY(0) scale(1)}30%{transform:translateY(-16px) scale(1.12)}60%{transform:translateY(0) scale(.95)}to{transform:translateY(0) scale(1)}}.mb-card{width:100%;background:#fff;border-radius:24px;padding:24px 20px;box-shadow:0 8px 24px #5050a01f;display:flex;flex-direction:column;align-items:center;gap:10px;position:relative;animation:mb-slidein .3s ease}@keyframes mb-slidein{0%{opacity:0;transform:translate(24px)}to{opacity:1;transform:none}}.mb-card-good{animation:mb-pop .3s ease}.mb-card-bad{animation:mb-shake .4s ease}@keyframes mb-pop{0%{transform:scale(1)}40%{transform:scale(1.05)}to{transform:scale(1)}}@keyframes mb-shake{0%,to{transform:translate(0)}20%{transform:translate(-10px)}40%{transform:translate(10px)}60%{transform:translate(-7px)}80%{transform:translate(7px)}}.mb-problem{display:flex;align-items:center;gap:10px;font-size:42px;font-weight:700;flex-wrap:wrap;justify-content:center}.mb-op{color:#62627e}.mb-answer-slot{min-width:56px;text-align:center;border-bottom:5px solid #e2e2ee;padding:0 8px;color:#5b8def}.mb-cheer{font-size:22px;font-weight:700;color:#34c759;animation:mb-pop .3s ease}.mb-cheer.mb-mega{font-size:28px;color:#ff9500;animation:mb-mega .5s ease}@keyframes mb-mega{0%{transform:scale(.4) rotate(-8deg);opacity:0}60%{transform:scale(1.25) rotate(4deg)}to{transform:scale(1) rotate(0);opacity:1}}.mb-tryagain{font-size:17px;font-weight:600;color:#ff3b30}.mb-parts{position:absolute;inset:0;pointer-events:none;overflow:visible}.mb-part{position:absolute;left:50%;top:42%;font-size:24px;animation-name:mb-fly;animation-timing-function:ease-out;animation-fill-mode:forwards}@keyframes mb-fly{0%{opacity:1;transform:translate(-50%) rotate(0)}to{opacity:0;transform:translate(calc(-50% + var(--dx)),-140px) rotate(var(--rot))}}.mb-pad{width:100%;display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:14px}.mb-key{padding:18px 0;border-radius:16px;border:none;background:#fefcf3;font-family:inherit;font-size:24px;font-weight:700;color:#0d0d1a;cursor:pointer;box-shadow:0 4px #00000014;transition:transform .08s,box-shadow .08s}.mb-key:active{transform:translateY(3px);box-shadow:0 1px #00000014}.mb-key:disabled{opacity:.5}.mb-key-clear{background:#fff0ee;color:#ff3b30}.mb-key-check{background:#34c759;color:#fff;box-shadow:0 4px #28a64a}.mb-choices{width:100%;display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:16px}.mb-choice{padding:24px 0;border-radius:18px;border:none;background:#fefcf3;font-family:inherit;font-size:30px;font-weight:700;color:#0d0d1a;cursor:pointer;box-shadow:0 5px #00000014;transition:transform .08s,box-shadow .08s}.mb-choice:active{transform:translateY(3px);box-shadow:0 2px #00000014}.mb-choice:disabled{opacity:.6}.mb-choice-wrong{background:#fff0ee;color:#ff3b30;animation:mb-shake .4s ease}.mb-results{gap:6px}.mb-stars{display:flex;gap:8px;font-size:44px;margin-top:4px}.mb-star{color:#e2e2ee}.mb-star-on{color:#fc0;animation:mb-starpop .4s ease both}@keyframes mb-starpop{0%{transform:scale(0) rotate(-30deg)}70%{transform:scale(1.3)}to{transform:scale(1)}}.mb-res-msg{font-size:22px;font-weight:700;margin-top:6px;text-align:center}.mb-score-big{font-size:56px;font-weight:700;line-height:1}.mb-score-sub{font-size:24px;color:#7070a0}.mb-speed{display:flex;gap:10px;width:100%;margin:12px 0 16px}.mb-speed-cell{flex:1;background:#fff;border-radius:16px;padding:10px 6px;text-align:center;box-shadow:0 4px 14px #5050a014}.mb-speed-val{font-size:20px;font-weight:700}.mb-speed-lbl{font-size:12px;color:#62627e;font-weight:600;margin-top:2px}.mb-res-actions{width:100%;display:flex;flex-direction:column;gap:10px}.mb-rainbow-reward{align-items:center;justify-content:center;gap:16px;text-align:center}.mb-rainbow-sparkles{font-size:28px;letter-spacing:8px;animation:mb-bob 1.5s ease-in-out infinite}.mb-rainbow-title{font-size:32px;font-weight:800;background:linear-gradient(90deg,#f44,#f90,#fe0,#4c4,#48f,#a4f);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:0}.mb-rainbow-msg{font-size:17px;color:#444;margin:0;line-height:1.5}.mb-rainbow-btn{background:linear-gradient(135deg,#ff6b6b,#ffd93d,#6bcb77,#4d96ff,#c77dff)!important}.mb-rainbow-reward .mb-mascot{width:140px;height:140px}.mb-mascot{animation:mb-bob 2.5s ease-in-out infinite}@keyframes mb-bob{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.mb-mascot--excited{animation:mb-bob 2.5s ease-in-out infinite;filter:drop-shadow(0 0 8px rgba(255,200,0,.6))}.mb-mascot--sad{animation:mb-bob 2.5s ease-in-out infinite;filter:grayscale(.4);opacity:.85}.mb-mascot--think{animation:mb-bob 2.5s ease-in-out infinite;transform-origin:center;filter:hue-rotate(10deg)}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}