@import url(https://fonts.googleapis.com/css2?family=Nunito:wght@400;600;700;800;900&family=Fredoka+One&display=swap);#basicMathRoot{--bg1:#0f0c29;--bg2:#302b63;--bg3:#24243e;--primary:#f7971e;--secondary:#ffd200;--accent:#21d4fd;--accent2:#b721ff;--green:#56ab2f;--green2:#a8e063;--red:#f7263f;--pink:#ff6fd8;--card:rgba(255,255,255,0.08);--glass:rgba(255,255,255,0.12);--border:rgba(255,255,255,0.18);--text:#ffffff;--text2:rgba(255,255,255,0.7);--shadow:0 8px 32px rgba(0,0,0,0.4);--glow:0 0 20px rgba(247,151,30,0.5);--radius:18px;--radius-sm:12px}#basicMathRoot{width:100%!important;height:620px!important;min-height:620px!important;max-height:620px!important;position:relative!important;overflow:hidden!important;font-family:'Nunito',sans-serif!important;background:linear-gradient(135deg,#0f0c29,#302b63,#24243e)!important;color:#ffffff!important;display:flex!important;flex-direction:column!important;user-select:none;-webkit-tap-highlight-color:#fff0;box-sizing:border-box!important;padding:0!important;margin:0!important}#basicMathRoot *,#basicMathRoot *::before,#basicMathRoot *::after{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:#fff0}#basicMathRoot .bm-screen{position:absolute!important;top:0!important;left:0!important;right:0!important;bottom:0!important;display:none;flex-direction:column;align-items:center;overflow-y:auto!important;overflow-x:hidden!important;padding-bottom:80px;width:100%!important;height:100%!important}#basicMathRoot .bm-screen.active{display:flex!important}#basicMathRoot .bm-screen::-webkit-scrollbar{width:6px}#basicMathRoot .bm-screen::-webkit-scrollbar-track{background:#fff0}#basicMathRoot .bm-screen::-webkit-scrollbar-thumb{background:rgb(255 255 255 / .2);border-radius:3px}#basicMathRoot #bm-startScreen{justify-content:center;align-items:center;background:linear-gradient(135deg,#0f0c29,#302b63,#24243e)}#basicMathRoot .bm-start-content{text-align:center;padding:40px 30px;z-index:2;position:relative}#basicMathRoot .bm-start-logo{font-size:5rem;margin-bottom:20px;animation:bm-logoBounce 2s ease-in-out infinite}@keyframes bm-logoBounce{0%,100%{transform:translateY(0) rotate(-5deg)}50%{transform:translateY(-15px) rotate(5deg)}}#basicMathRoot .bm-start-title{font-family:'Fredoka One',cursive;font-size:3rem;line-height:1.3;padding:4px 8px;display:inline-block;background:linear-gradient(90deg,#f7971e,#ffd200,#21d4fd);-webkit-background-clip:text;-webkit-text-fill-color:#fff0;background-clip:text;margin-bottom:12px}#basicMathRoot .bm-start-sub{color:var(--text2);font-size:1.1rem;margin-bottom:40px}#basicMathRoot .bm-start-btn{background:linear-gradient(135deg,var(--primary),var(--secondary));border:none;border-radius:20px;padding:18px 50px;font-family:'Fredoka One',cursive;font-size:1.6rem;color:#1a1a1a;cursor:pointer;box-shadow:0 8px 30px rgb(247 151 30 / .5);transition:all 0.3s;display:block;margin:0 auto}#basicMathRoot .bm-start-btn:hover{transform:scale(1.05) translateY(-3px);box-shadow:0 12px 40px rgb(247 151 30 / .7)}#basicMathRoot .bm-start-btn:active{transform:scale(.97)}#basicMathRoot .bm-floating-emoji{position:absolute;font-size:2rem;animation:bm-floatAround linear infinite;pointer-events:none;opacity:.4}@keyframes bm-floatAround{0%{transform:translateY(0) rotate(0deg)}100%{transform:translateY(-700px) rotate(360deg)}}#basicMathRoot #bm-homeScreen{justify-content:flex-start;background:linear-gradient(135deg,#0f0c29,#302b63,#24243e)}#basicMathRoot .bm-home-header{text-align:center;padding:40px 20px 20px;width:100%}#basicMathRoot .bm-home-title{font-family:'Fredoka One',cursive;font-size:clamp(2.5rem, 8vw, 4.5rem);line-height:1.3;padding:4px 8px;display:inline-block;background:linear-gradient(90deg,#f7971e,#ffd200,#21d4fd,#b721ff);-webkit-background-clip:text;-webkit-text-fill-color:#fff0;background-clip:text;animation:bm-titlePulse 3s ease-in-out infinite}@keyframes bm-titlePulse{0%,100%{opacity:1}50%{opacity:.85}}#basicMathRoot .bm-home-subtitle{font-size:1.1rem;color:var(--text2);margin-top:8px;font-weight:600}#basicMathRoot .bm-stars-display{display:flex;gap:8px;justify-content:center;margin-top:12px}#basicMathRoot .bm-star-icon{font-size:1.8rem;animation:bm-starSpin 4s linear infinite}@keyframes bm-starSpin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}#basicMathRoot .bm-stats-bar{display:flex;gap:16px;justify-content:center;flex-wrap:wrap;padding:12px 20px;width:100%}#basicMathRoot .bm-stat-chip{background:var(--glass);border:1px solid var(--border);backdrop-filter:blur(10px);border-radius:50px;padding:8px 18px;font-size:.9rem;font-weight:700;display:flex;align-items:center;gap:6px}#basicMathRoot .bm-modes-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:16px;padding:16px 20px;width:100%;max-width:700px}#basicMathRoot .bm-mode-card{background:var(--card);border:1px solid var(--border);backdrop-filter:blur(12px);border-radius:var(--radius);padding:20px 12px;text-align:center;cursor:pointer;transition:all 0.3s ease;position:relative;overflow:hidden}#basicMathRoot .bm-mode-card::before{content:'';position:absolute;inset:0;background:linear-gradient(135deg,transparent,rgb(255 255 255 / .05));opacity:0;transition:opacity 0.3s}#basicMathRoot .bm-mode-card:hover::before,#basicMathRoot .bm-mode-card:active::before{opacity:1}#basicMathRoot .bm-mode-card:hover{transform:translateY(-4px) scale(1.03);box-shadow:var(--shadow)}#basicMathRoot .bm-mode-card:active{transform:scale(.97)}#basicMathRoot .bm-mode-icon{font-size:2.5rem;margin-bottom:10px;display:block}#basicMathRoot .bm-mode-name{font-weight:800;font-size:.85rem;margin-bottom:6px}#basicMathRoot .bm-mode-progress{font-size:.75rem;color:var(--text2)}#basicMathRoot .bm-mode-progress-bar{height:4px;background:rgb(255 255 255 / .15);border-radius:10px;margin-top:8px;overflow:hidden}#basicMathRoot .bm-mode-progress-fill{height:100%;border-radius:10px;transition:width 0.5s ease}#basicMathRoot #bm-levelScreen{background:inherit}#basicMathRoot .bm-level-header{width:100%;padding:20px 20px 10px;display:flex;align-items:center;gap:12px}#basicMathRoot .bm-back-btn{background:var(--glass);border:1px solid var(--border);backdrop-filter:blur(10px);border-radius:12px;padding:10px 16px;cursor:pointer;font-size:1.2rem;transition:all 0.2s;color:var(--text)}#basicMathRoot .bm-back-btn:hover{background:rgb(255 255 255 / .2);transform:scale(1.05)}#basicMathRoot .bm-level-title{font-family:'Fredoka One',cursive;font-size:1.8rem}#basicMathRoot .bm-levels-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(70px,1fr));gap:10px;padding:10px 20px;width:100%;max-width:700px}#basicMathRoot .bm-level-btn{aspect-ratio:1;border-radius:14px;border:none;font-family:'Fredoka One',cursive;font-size:1rem;cursor:pointer;transition:all 0.25s;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;position:relative;overflow:hidden}#basicMathRoot .bm-level-btn.locked{background:rgb(255 255 255 / .06);color:rgb(255 255 255 / .3);cursor:not-allowed}#basicMathRoot .bm-level-btn.unlocked{background:var(--glass);border:1px solid var(--border);color:var(--text)}#basicMathRoot .bm-level-btn.unlocked:hover{transform:scale(1.08);box-shadow:0 4px 20px rgb(247 151 30 / .4)}#basicMathRoot .bm-level-btn.completed{background:linear-gradient(135deg,var(--green),var(--green2));color:#fff;box-shadow:0 4px 15px rgb(86 171 47 / .5)}#basicMathRoot .bm-level-stars{font-size:.5rem;letter-spacing:1px}#basicMathRoot #bm-gameScreen{justify-content:flex-start;background:linear-gradient(135deg,var(--bg1),var(--bg2),var(--bg3))}#basicMathRoot .bm-game-topbar{width:100%;padding:12px 16px;display:flex;align-items:center;justify-content:space-between;background:rgb(0 0 0 / .2);backdrop-filter:blur(10px);border-bottom:1px solid var(--border);flex-shrink:0}#basicMathRoot .bm-game-info{display:flex;gap:12px;align-items:center;flex-wrap:wrap}#basicMathRoot .bm-info-chip{background:var(--glass);border:1px solid var(--border);border-radius:50px;padding:6px 14px;font-size:.8rem;font-weight:700;display:flex;align-items:center;gap:4px}#basicMathRoot .bm-progress-wrap{width:100%;padding:10px 16px;flex-shrink:0}#basicMathRoot .bm-progress-track{height:8px;background:rgb(255 255 255 / .1);border-radius:10px;overflow:hidden}#basicMathRoot .bm-progress-fill{height:100%;border-radius:10px;background:linear-gradient(90deg,var(--primary),var(--secondary));transition:width 0.5s ease}#basicMathRoot .bm-question-area{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:20px 16px;width:100%;max-width:600px;margin:0 auto;overflow-y:auto}#basicMathRoot .bm-question-card{background:var(--glass);border:1px solid var(--border);backdrop-filter:blur(20px);border-radius:24px;padding:28px 24px;width:100%;text-align:center;box-shadow:var(--shadow);animation:bm-cardIn 0.4s ease}@keyframes bm-cardIn{from{opacity:0;transform:translateY(20px) scale(.95)}to{opacity:1;transform:none}}#basicMathRoot .bm-question-label{font-size:.85rem;color:var(--text2);margin-bottom:8px;font-weight:600;text-transform:uppercase;letter-spacing:1px}#basicMathRoot .bm-question-text{font-family:'Fredoka One',cursive;font-size:clamp(1.6rem, 6vw, 3rem);line-height:1.4;padding:4px 8px;display:block;margin-bottom:20px;background:linear-gradient(90deg,#f7971e,#ffd200);-webkit-background-clip:text;-webkit-text-fill-color:#fff0;background-clip:text}#basicMathRoot .bm-options-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;width:100%;max-width:440px;margin:0 auto}#basicMathRoot .bm-option-btn{background:var(--glass);border:2px solid var(--border);backdrop-filter:blur(10px);border-radius:16px;padding:18px 12px;font-family:'Fredoka One',cursive;font-size:1.3rem;color:var(--text);cursor:pointer;transition:all 0.25s;text-align:center;line-height:1.2}#basicMathRoot .bm-option-btn:hover{transform:scale(1.05);border-color:var(--primary);box-shadow:0 0 20px rgb(247 151 30 / .4)}#basicMathRoot .bm-option-btn:active{transform:scale(.97)}#basicMathRoot .bm-option-btn.correct{background:linear-gradient(135deg,#56ab2f,#a8e063);border-color:#56ab2f;animation:bm-correctPulse 0.5s ease}#basicMathRoot .bm-option-btn.wrong{background:linear-gradient(135deg,#f7263f,#ff6b6b);border-color:#f7263f;animation:bm-wrongShake 0.4s ease}@keyframes bm-correctPulse{0%{transform:scale(1)}50%{transform:scale(1.1)}100%{transform:scale(1)}}@keyframes bm-wrongShake{0%,100%{transform:translateX(0)}25%{transform:translateX(-8px)}75%{transform:translateX(8px)}}#basicMathRoot .bm-input-answer-wrap{display:flex;gap:10px;width:100%;max-width:400px;margin:0 auto}#basicMathRoot .bm-answer-input{flex:1;background:var(--glass);border:2px solid var(--border);backdrop-filter:blur(10px);border-radius:16px;padding:16px 20px;font-family:'Fredoka One',cursive;font-size:1.6rem;color:var(--text);text-align:center;outline:none;transition:border-color 0.3s}#basicMathRoot .bm-answer-input:focus{border-color:var(--primary);box-shadow:0 0 20px rgb(247 151 30 / .3)}#basicMathRoot .bm-answer-input::placeholder{color:rgb(255 255 255 / .3)}#basicMathRoot .bm-submit-btn{background:linear-gradient(135deg,var(--primary),var(--secondary));border:none;border-radius:16px;padding:16px 20px;font-size:1.4rem;cursor:pointer;transition:all 0.25s}#basicMathRoot .bm-submit-btn:hover{transform:scale(1.08);box-shadow:var(--glow)}#basicMathRoot .bm-submit-btn:active{transform:scale(.95)}#basicMathRoot .bm-drag-options{display:flex;gap:12px;flex-wrap:wrap;justify-content:center;margin-top:16px}#basicMathRoot .bm-drag-item{background:linear-gradient(135deg,var(--accent2),var(--accent));border-radius:12px;padding:14px 20px;font-family:'Fredoka One',cursive;font-size:1.3rem;cursor:grab;transition:all 0.25s;user-select:none;box-shadow:0 4px 15px rgb(183 33 255 / .4)}#basicMathRoot .bm-drag-item:active{cursor:grabbing;transform:scale(1.1) rotate(3deg)}#basicMathRoot .bm-drop-zone{min-width:120px;min-height:60px;border:3px dashed var(--border);border-radius:16px;display:flex;align-items:center;justify-content:center;font-size:1.6rem;font-family:'Fredoka One',cursive;transition:all 0.3s;margin:16px auto}#basicMathRoot .bm-drop-zone.drag-over{border-color:var(--primary);background:rgb(247 151 30 / .1)}#basicMathRoot .bm-drop-zone.filled{border-style:solid;border-color:var(--green);background:rgb(86 171 47 / .15)}#basicMathRoot .bm-shapes-area{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;padding:16px;background:rgb(0 0 0 / .1);border-radius:16px;margin-bottom:20px;max-height:160px;overflow-y:auto}#basicMathRoot .bm-shape-item{font-size:2rem;animation:bm-shapeBounce 2s ease-in-out infinite}@keyframes bm-shapeBounce{0%,100%{transform:translateY(0)}50%{transform:translateY(-5px)}}#basicMathRoot .bm-matching-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;width:100%;max-width:440px}#basicMathRoot .bm-match-col{display:flex;flex-direction:column;gap:8px}#basicMathRoot .bm-match-item{background:var(--glass);border:2px solid var(--border);border-radius:14px;padding:12px;text-align:center;font-family:'Fredoka One',cursive;font-size:1.1rem;cursor:pointer;transition:all 0.25s;word-break:break-all}#basicMathRoot .bm-match-item:hover{border-color:var(--primary)}#basicMathRoot .bm-match-item.selected{border-color:var(--accent);background:rgb(33 212 253 / .2)}#basicMathRoot .bm-match-item.matched{border-color:var(--green);background:rgb(86 171 47 / .2);pointer-events:none}#basicMathRoot .bm-match-item.wrong-match{border-color:var(--red);background:rgb(247 38 63 / .2);animation:bm-wrongShake 0.4s ease}#basicMathRoot .bm-feedback-overlay{position:absolute!important;inset:0!important;z-index:100;display:none;align-items:center;justify-content:center;background:rgb(0 0 0 / .5);backdrop-filter:blur(8px)}#basicMathRoot .bm-feedback-overlay.show{display:flex!important}#basicMathRoot .bm-feedback-card{background:linear-gradient(135deg,#1a1a2e,#16213e);border:2px solid var(--border);border-radius:28px;padding:40px 32px;text-align:center;max-width:360px;width:90%;box-shadow:0 20px 60px rgb(0 0 0 / .6);animation:bm-cardIn 0.4s ease}#basicMathRoot .bm-feedback-icon{font-size:4rem;margin-bottom:16px}#basicMathRoot .bm-feedback-title{font-family:'Fredoka One',cursive;font-size:2rem;margin-bottom:8px}#basicMathRoot .bm-feedback-rewards{display:flex;gap:16px;justify-content:center;margin:16px 0;flex-wrap:wrap}#basicMathRoot .bm-reward-chip{background:var(--glass);border:1px solid var(--border);border-radius:50px;padding:8px 16px;font-weight:800;font-size:.9rem;display:flex;align-items:center;gap:4px}#basicMathRoot .bm-feedback-btn{background:linear-gradient(135deg,var(--primary),var(--secondary));border:none;border-radius:16px;padding:14px 32px;font-family:'Fredoka One',cursive;font-size:1.2rem;color:#1a1a1a;cursor:pointer;width:100%;transition:all 0.25s;margin-top:8px}#basicMathRoot .bm-feedback-btn:hover{transform:scale(1.05);box-shadow:var(--glow)}#basicMathRoot .bm-confetti-piece{position:absolute;width:10px;height:10px;border-radius:2px;z-index:200;pointer-events:none;animation:bm-confettiFall linear forwards}@keyframes bm-confettiFall{0%{transform:translateY(-20px) rotate(0deg);opacity:1}100%{transform:translateY(700px) rotate(720deg);opacity:0}}#basicMathRoot .bm-achievement-toast{position:absolute;top:20px;left:50%;transform:translateX(-50%) translateY(-200px);background:linear-gradient(135deg,#f7971e,#ffd200);color:#1a1a1a;border-radius:50px;padding:12px 24px;font-weight:800;font-size:.95rem;z-index:300;display:flex;align-items:center;gap:8px;box-shadow:0 8px 30px rgb(247 151 30 / .6);transition:transform 0.4s cubic-bezier(.34,1.56,.64,1);white-space:nowrap}#basicMathRoot .bm-achievement-toast.show{transform:translateX(-50%) translateY(0)}#basicMathRoot #bm-controlBar{position:absolute!important;bottom:0!important;left:0!important;right:0!important;height:70px!important;z-index:50;display:flex!important;align-items:center;justify-content:space-between;padding:0 16px;background:rgb(15 12 41 / .85);backdrop-filter:blur(20px);border-top:1px solid var(--border);width:100%!important;box-sizing:border-box!important}#basicMathRoot .bm-ctrl-btn{background:var(--glass);border:1px solid var(--border);backdrop-filter:blur(10px);border-radius:14px;padding:10px 18px;cursor:pointer;color:var(--text);font-family:'Nunito',sans-serif;font-weight:700;font-size:.85rem;display:flex;align-items:center;gap:6px;transition:all 0.25s;white-space:nowrap}#basicMathRoot .bm-ctrl-btn:hover{transform:scale(1.05);border-color:var(--primary);box-shadow:0 0 15px rgb(247 151 30 / .4)}#basicMathRoot .bm-ctrl-btn:active{transform:scale(.95)}#basicMathRoot .bm-ctrl-btn.music-on{border-color:var(--accent);box-shadow:0 0 12px rgb(33 212 253 / .3)}#basicMathRoot .bm-ctrl-btn.close-btn{background:linear-gradient(135deg,rgb(247 38 63 / .3),rgb(255 107 107 / .2));border-color:var(--red)}#basicMathRoot .bm-ctrl-btn.close-btn:hover{box-shadow:0 0 15px rgb(247 38 63 / .5)}#basicMathRoot .bm-home-ctrl{background:linear-gradient(135deg,rgb(247 151 30 / .2),rgb(255 210 0 / .1))}#basicMathRoot .bm-music-icon{font-size:1.2rem}#basicMathRoot .bm-music-icon.playing{animation:bm-musicBounce 0.6s ease-in-out infinite alternate}@keyframes bm-musicBounce{from{transform:scale(1)}to{transform:scale(1.2)}}@media (max-width:400px){#basicMathRoot .bm-modes-grid{grid-template-columns:repeat(2,1fr)}#basicMathRoot .bm-levels-grid{grid-template-columns:repeat(auto-fill,minmax(55px,1fr))}#basicMathRoot .bm-question-text{font-size:1.6rem}#basicMathRoot .bm-options-grid{gap:8px}#basicMathRoot .bm-option-btn{padding:14px 8px;font-size:1.1rem}}