:root{--bg:#fff8e7;--bg-pattern:#ffefc2;--primary:#ff6b35;--primary-dark:#e55a2b;--secondary:#00b4d8;--secondary-dark:#0096b7;--accent:#ff006e;--success:#70e000;--success-dark:#5bbd00;--danger:#f44;--text:#2d1b00;--text-light:#6b5240;--card-bg:#fff;--card-shadow:0 6px 0 #2d1b001a;--border-color:#2d1b00;--radius:20px;--radius-sm:12px}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg);color:var(--text);background-image:radial-gradient(circle at 20%,#ff6b350f 0%,#0000 50%),radial-gradient(circle at 80% 20%,#00b4d80f 0%,#0000 50%),radial-gradient(circle at 50% 80%,#ff006e0d 0%,#0000 50%);min-height:100vh;font-family:"Baloo 2",cursive,sans-serif}body:before{content:"";background-image:radial-gradient(var(--bg-pattern) 1.5px, transparent 1.5px);opacity:.5;pointer-events:none;z-index:0;background-size:32px 32px;position:fixed;inset:0}#root{z-index:1;justify-content:center;min-height:100vh;padding:24px 16px 48px;display:flex;position:relative}.app-container{flex-direction:column;align-items:center;width:100%;max-width:500px;display:flex}.app-container--wide{max-width:1100px}.app-title{color:var(--primary);text-shadow:3px 3px 0 var(--primary-dark), -1px -1px 0 #ffffff80;letter-spacing:-1px;-webkit-user-select:none;user-select:none;margin-bottom:8px;font-family:Fredoka,sans-serif;font-size:3.5rem;font-weight:700;animation:.8s cubic-bezier(.34,1.56,.64,1) both titleBounce}.app-title .emoji-deco{animation:2s ease-in-out 1s infinite wiggle;display:inline-block}.app-title .emoji-deco:last-child{animation-delay:1.3s}@keyframes titleBounce{0%{opacity:0;transform:scale(.3)translateY(-40px)}60%{opacity:1;transform:scale(1.1)translateY(4px)}80%{transform:scale(.95)translateY(-2px)}to{transform:scale(1)translateY(0)}}@keyframes wiggle{0%,to{transform:rotate(0)}25%{transform:rotate(12deg)}75%{transform:rotate(-12deg)}}.subtitle{color:var(--text-light);margin-bottom:32px;font-family:Fredoka,sans-serif;font-size:1.1rem;animation:.6s .3s both fadeInUp}.card{background:var(--card-bg);border:3.5px solid var(--border-color);border-radius:var(--radius);box-shadow:var(--card-shadow);width:100%;margin-bottom:20px;padding:28px 24px;animation:.5s both fadeInUp}.card--game{width:100%;max-width:500px;padding:32px 28px;animation:none}.game-screen{z-index:10;flex-direction:column;justify-content:center;align-items:center;gap:12px;height:100dvh;padding:16px;display:flex;position:fixed;top:0;left:0;right:0}@media (width<=480px){.game-screen{justify-content:flex-start;padding-top:24px}}.btn{border:3.5px solid var(--border-color);border-radius:var(--radius-sm);cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:8px;padding:14px 36px;font-family:Fredoka,sans-serif;font-size:1.3rem;font-weight:600;transition:transform .15s,box-shadow .15s;display:inline-flex;position:relative;box-shadow:0 5px #2d1b0033}.btn:active{transform:translateY(3px);box-shadow:0 2px #2d1b0033}.btn:hover{transform:translateY(-2px)scale(1.03);box-shadow:0 7px #2d1b0033}.btn--primary{background:var(--primary);color:#fff}.btn--primary:hover{background:var(--primary-dark)}.btn--secondary{background:var(--secondary);color:#fff}.btn--secondary:hover{background:var(--secondary-dark)}.btn--success{background:var(--success);color:var(--text)}.btn--success:hover{background:var(--success-dark)}.btn--start{border-radius:var(--radius);padding:18px 56px;font-size:1.8rem;animation:2s ease-in-out infinite pulse}.btn--start:hover{animation:none}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.input{border:3.5px solid var(--border-color);border-radius:var(--radius-sm);background:var(--card-bg);color:var(--text);outline:none;width:100%;padding:12px 16px;font-family:"Baloo 2",cursive,sans-serif;font-size:1.2rem;font-weight:600;transition:border-color .2s,box-shadow .2s}.input:focus{border-color:var(--secondary);box-shadow:0 0 0 4px #00b4d833}.input--answer{text-align:center;letter-spacing:2px;border-radius:var(--radius);caret-color:var(--primary);padding:16px;font-size:2.8rem;font-weight:700}.input--answer:focus{border-color:var(--primary);box-shadow:0 0 0 5px #ff6b3533}.input--answer::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.input--answer::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.input--answer[type=number]{-moz-appearance:textfield}.player-section{width:100%;margin-bottom:24px}.player-greeting{text-align:center;margin-bottom:12px;font-family:Fredoka,sans-serif;font-size:1.4rem;font-weight:600}.player-greeting .player-name{color:var(--accent)}.player-form{gap:10px;margin-bottom:12px;display:flex}.player-form .input{flex:1}.player-bubbles{flex-wrap:wrap;justify-content:center;gap:8px;margin-bottom:12px;display:flex}.player-bubble{border:2.5px solid var(--border-color);background:var(--bg);color:var(--text);cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:999px;padding:6px 18px;font-family:Fredoka,sans-serif;font-size:.95rem;font-weight:500;transition:background .15s,transform .15s,box-shadow .15s;box-shadow:0 2px #2d1b001a}.player-bubble:hover{transform:translateY(-1px)scale(1.05);box-shadow:0 3px #2d1b001f}.player-bubble:active{transform:translateY(1px);box-shadow:0 1px #2d1b001a}.player-bubble--active{background:var(--secondary);color:#fff;border-color:var(--secondary-dark);box-shadow:0 2px 0 var(--secondary-dark)}.player-bubble--active:hover{background:var(--secondary-dark)}.player-bubble--new{background:var(--card-bg);color:var(--text-light);border-style:dashed}.game-header{justify-content:space-between;align-items:center;gap:12px;margin-bottom:28px;display:flex}.progress-text{color:var(--text-light);font-family:Fredoka,sans-serif;font-size:1.15rem;font-weight:600}.progress-dots{flex:1;justify-content:center;gap:6px;display:flex}.progress-dot{border:2.5px solid var(--border-color);background:var(--bg);border-radius:50%;width:14px;height:14px;transition:background .3s,transform .3s}.progress-dot--done{background:var(--success);transform:scale(1.1)}.progress-dot--current{background:var(--primary);animation:1s ease-in-out infinite dotPulse;transform:scale(1.25)}@keyframes dotPulse{0%,to{transform:scale(1.25)}50%{transform:scale(1.4)}}.timer{color:var(--secondary-dark);white-space:nowrap;text-align:center;font-variant-numeric:tabular-nums;min-width:110px;font-family:Fredoka,sans-serif;font-size:1.3rem;font-weight:600}.equation-area{text-align:center;margin-bottom:24px}.equation{color:var(--text);letter-spacing:2px;font-family:Fredoka,sans-serif;font-size:3.8rem;font-weight:700;line-height:1.2;transition:color .2s}.equation .multiply{color:var(--secondary);margin:0 4px}.equation .equals{color:var(--primary);margin:0 4px}.equation .qmark{color:var(--accent);animation:1.5s ease-in-out infinite qBounce;display:inline-block}@keyframes qBounce{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.equation-area--correct .equation{color:var(--success-dark);animation:.35s correctPop}@keyframes correctPop{0%{transform:scale(1)}50%{transform:scale(1.15)}to{transform:scale(1)}}.equation-area--shaking{animation:.5s ease-in-out shake}.equation-area--shaking .equation{color:var(--danger)!important}@keyframes shake{0%,to{transform:translate(0)}20%,60%{transform:translate(-12px)}40%,80%{transform:translate(12px)}}.answer-area{justify-content:center;display:flex}.answer-area .input--answer{max-width:220px}.results{text-align:center;animation:.5s both fadeInUp}.results-emoji{margin-bottom:8px;font-size:3rem;animation:2s ease-in-out infinite wiggle}.results-time{color:var(--primary);margin-bottom:4px;font-family:Fredoka,sans-serif;font-size:3rem;font-weight:700}.results-mistakes{color:var(--text-light);margin-bottom:24px;font-family:Fredoka,sans-serif;font-size:1.2rem;font-weight:500}.results-record{color:var(--accent);margin-bottom:20px;font-family:Fredoka,sans-serif;font-size:2rem;font-weight:700;animation:.8s ease-in-out infinite alternate recordPulse}@keyframes recordPulse{0%{text-shadow:0 0 #0000;transform:scale(1)}to{text-shadow:0 0 20px #ff006e4d;transform:scale(1.08)}}.results-actions{flex-wrap:wrap;justify-content:center;gap:14px;display:flex}.leaderboard{width:100%;animation:.5s .15s both fadeInUp}.leaderboard-title{color:var(--text);text-align:center;margin-bottom:16px;font-family:Fredoka,sans-serif;font-size:1.5rem;font-weight:700}.leaderboard-list{list-style:none}.leaderboard-entry{border-radius:var(--radius-sm);align-items:center;gap:12px;margin-bottom:6px;padding:10px 14px;font-weight:600;transition:background .2s;display:flex}.leaderboard-entry:nth-child(odd){background:#ff6b350f}.leaderboard-entry--highlight{border:2px solid var(--accent);background:#ff006e1a!important}.leaderboard-rank{text-align:center;flex-shrink:0;width:32px;font-family:Fredoka,sans-serif;font-size:1.1rem;font-weight:700}.leaderboard-rank--gold{color:#ffb800}.leaderboard-rank--silver{color:#a0a0a0}.leaderboard-rank--bronze{color:#cd7f32}.leaderboard-name{text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:1rem;overflow:hidden}.leaderboard-time{color:var(--secondary-dark);white-space:nowrap;font-family:Fredoka,sans-serif;font-size:1rem;font-weight:600}.leaderboard-empty{text-align:center;color:var(--text-light);padding:16px;font-size:1rem}.mode-section{padding:16px 20px}.mode-buttons{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.mode-btn{border:3px solid var(--border-color);border-radius:var(--radius-sm);background:var(--bg);color:var(--text);cursor:pointer;-webkit-user-select:none;user-select:none;padding:10px 22px;font-family:Fredoka,sans-serif;font-size:1.05rem;font-weight:600;transition:background .15s,transform .15s,box-shadow .15s,border-color .15s;box-shadow:0 3px #2d1b001f}.mode-btn:hover{transform:translateY(-2px)scale(1.04);box-shadow:0 5px #2d1b0024}.mode-btn:active{transform:translateY(1px);box-shadow:0 1px #2d1b001a}.mode-btn--active.mode-btn--multiplication{background:var(--primary);color:#fff;border-color:var(--primary-dark);box-shadow:0 3px 0 var(--primary-dark)}.mode-btn--active.mode-btn--division{background:var(--secondary);color:#fff;border-color:var(--secondary-dark);box-shadow:0 3px 0 var(--secondary-dark)}.mode-btn--active.mode-btn--mixed{background:var(--accent);color:#fff;border-color:#d4005b;box-shadow:0 3px #d4005b}.results-mode{color:var(--text-light);text-transform:uppercase;letter-spacing:1px;margin-bottom:4px;font-family:Fredoka,sans-serif;font-size:1rem;font-weight:600}.table-type-switcher{justify-content:center;gap:10px;margin-bottom:12px;display:flex}.table-view-switcher{justify-content:center;gap:8px;margin-bottom:20px;display:flex}.mult-table-card{padding:16px;overflow-x:auto}.mult-grid{grid-template-columns:repeat(11,1fr);gap:2px;min-width:380px;display:grid}.mult-cell{text-align:center;border-radius:6px;padding:6px 2px;font-family:"Baloo 2",cursive,sans-serif;font-size:1.1rem;font-weight:600;transition:background .15s}.mult-cell:hover{cursor:pointer;background:#00b4d81f}.mult-cell--corner{color:var(--text-light);background:0 0;font-family:Fredoka,sans-serif;font-weight:700}.mult-cell--corner:hover{background:0 0}.mult-cell--header{color:var(--primary);background:#ff6b3514;font-family:Fredoka,sans-serif;font-weight:700}.mult-cell--header:hover{background:#ff6b352e}.mult-cell--row-hl,.mult-cell--col-hl{color:var(--primary-dark);background:#ff6b3538!important}.mult-cell--highlighted{cursor:pointer;background:#00b4d81f}.mult-cell--selected{color:#fff;cursor:pointer;border-radius:8px;font-weight:700;transform:scale(1.15);box-shadow:0 2px 8px #00b4d859;background:var(--secondary)!important}.mult-grouped{grid-template-columns:repeat(5,1fr);gap:12px;width:100%;display:grid}.mult-group-card{margin-bottom:0;padding:12px 16px}.mult-group-title{color:var(--primary);text-align:center;margin-bottom:10px;font-family:Fredoka,sans-serif;font-size:1.2rem;font-weight:700}.mult-group-rows{grid-template-columns:1fr;gap:2px;display:grid}.mult-group-row{align-items:center;gap:6px;padding:3px 0;font-family:"Baloo 2",cursive,sans-serif;font-size:1rem;font-weight:600;display:flex}.mult-group-expr{color:var(--text);min-width:60px}.mult-group-eq{color:var(--text-light)}.mult-group-result{color:var(--secondary-dark);min-width:28px;font-family:Fredoka,sans-serif;font-weight:700}@media (width<=480px){.mult-group-rows{grid-template-columns:1fr}.mult-cell{padding:4px 1px;font-size:.85rem}.mult-grouped{grid-template-columns:repeat(2,1fr)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.stagger-1{animation-delay:.1s}.stagger-2{animation-delay:.2s}.stagger-3{animation-delay:.3s}.stagger-4{animation-delay:.4s}.mt-sm{margin-top:12px}.mt-md{margin-top:20px}.mb-sm{margin-bottom:12px}.mb-md{margin-bottom:20px}.text-center{text-align:center}@media (width<=480px){.app-title{font-size:2.6rem}.equation{font-size:2.8rem}.input--answer{font-size:2.2rem}.btn--start{padding:16px 44px;font-size:1.5rem}.card{padding:20px 16px}}