html,body{overflow-x:hidden;overflow-y:auto;width:100%;max-width:100vw;position:relative;box-sizing:border-box;scroll-behavior:smooth;margin:0;padding:0;height:auto;min-height:100vh;display:flex;flex-direction:column;font-family:Poppins,Fredoka,sans-serif}body,button,a,div,span,h1,h2,h3,h4,h5,h6,p,section,header,footer,canvas{-webkit-user-select:none;-moz-user-select:none;user-select:none}input,textarea,[contenteditable=true],.selectable,code,pre{-webkit-user-select:text!important;-moz-user-select:text!important;user-select:text!important}h1,h2,h3,h4,h5,h6,#nav-logo,button,.button,.badge,.problem-number,.correct-answer-below,.math-problem,#demo-badge-text{font-family:Fredoka,sans-serif}@keyframes shimmer{to{transform:translate(100%)}}*{margin:0;padding:0;box-sizing:border-box}.container{width:100%;max-width:100%;padding-left:1rem;padding-right:1rem;box-sizing:border-box}@media(max-width:640px){.container{padding-left:.5rem;padding-right:.5rem}.game-grid{padding-left:.25rem;padding-right:.25rem}.game-card{padding:1rem .75rem;gap:1rem;border-radius:1.5rem}}.game-grid{width:100%;box-sizing:border-box}@media(min-width:640px){.game-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}}@media(min-width:768px){.game-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}}@media(min-width:1024px){.game-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}}@media(min-width:1280px){.game-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}}.game-grid.grid-wide{display:grid}@media(min-width:640px){.game-grid.grid-wide{grid-template-columns:repeat(auto-fit,minmax(450px,1fr))!important}}.game-card{background:linear-gradient(145deg,#fff,#f8fafc);border:4px solid #e2e8f0;border-radius:2rem;padding:1.5rem;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1.5rem;max-width:100%;box-sizing:border-box;font-family:JetBrains Mono,monospace;transition:all .3s ease;min-height:240px;box-shadow:0 8px 25px #00000026;overflow:visible;opacity:0;transform:translate(100px);animation:slideInRight .4s cubic-bezier(.16,1,.3,1) forwards}.game-card:nth-child(1){animation-delay:.05s}.game-card:nth-child(2){animation-delay:.1s}.game-card:nth-child(3){animation-delay:.15s}.game-card:nth-child(4){animation-delay:.2s}.game-card:nth-child(5){animation-delay:.25s}.game-card:nth-child(6){animation-delay:.3s}.game-card:nth-child(7){animation-delay:.35s}.game-card:nth-child(8){animation-delay:.4s}.game-card:nth-child(9){animation-delay:.45s}.game-card:nth-child(10){animation-delay:.5s}.game-card:not(.correct):not(.incorrect):not(:has(input:disabled)){cursor:pointer}.game-card:not(.correct):not(.incorrect):not(:has(input:disabled)):hover{border-color:#3b82f6;box-shadow:0 12px 35px #0003;transform:translateY(-2px)}.game-card:not(.correct):not(.incorrect):not(:has(input:disabled)):active{transform:translateY(0)}.game-card.correct:hover,.game-card.incorrect:hover{transform:translateY(-4px);box-shadow:0 12px 35px #0003;border-color:#3b82f6}.game-card.correct{background:linear-gradient(145deg,#f0fdf4,#dcfce7);border-color:#22c55e;box-shadow:0 8px 25px #22c55e4d}.game-card.correct:before{content:"✅";position:absolute;bottom:1rem;right:1rem;font-size:2rem;animation:bounce .6s ease-in-out}.game-card.incorrect{background:linear-gradient(145deg,#fef2f2,#fee2e2);border-color:#ef4444;box-shadow:0 8px 25px #ef44444d}.game-card.incorrect:before{content:"❌";position:absolute;bottom:1rem;right:1rem;font-size:2rem;animation:shake .6s ease-in-out}.problem-number{position:absolute;top:.5rem;left:.5rem;background:linear-gradient(145deg,#6366f1,#4f46e5);color:#fff;font-size:.75rem;font-weight:600;padding:.125rem .375rem;border-radius:.375rem;box-shadow:0 2px 8px #6366f14d;font-family:Fredoka,sans-serif;z-index:10;min-width:1.5rem;text-align:center}.game-card:has(.division-problem) .problem-number{top:.5rem;left:.5rem;font-size:.75rem;padding:.125rem .375rem;border-radius:.375rem}.game-card>.problem-number+div{margin-top:1.9rem}.math-problem{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.4rem;margin:1rem 0;font-size:2.2rem;font-weight:700;min-width:12rem;max-width:none;width:auto;box-sizing:border-box;color:#1e293b;line-height:1.1}.math-line{text-align:right;min-width:150px;font-family:JetBrains Mono,monospace;letter-spacing:.1em}.math-problem.strict-columns{display:grid;grid-template-columns:repeat(3,1fr);gap:2px;align-items:center;justify-items:center;margin:1rem .5rem;font-size:2.2rem;font-weight:700;color:#1e293b;line-height:1.1;position:relative}.math-problem.strict-columns:before{content:"";position:absolute;top:-1.5rem;left:0;right:0;display:grid;grid-template-columns:repeat(3,1fr);gap:2px;font-size:.7rem;font-weight:500;color:#6b7280;text-align:center;font-family:JetBrains Mono,monospace;pointer-events:none}.math-problem.strict-columns.hundreds:before{content:"HUNDREDS TENS ONES"}.math-problem.strict-columns.tens:before{content:"TENS ONES"}.math-problem.strict-columns.ones:before{content:"ONES"}.math-column{display:flex;align-items:center;justify-content:center;width:8rem;height:8rem;position:relative;border:3px solid rgba(59,130,246,.5);border-radius:.25rem;background:linear-gradient(145deg,#f9fafb,#f3f4f6);font-family:JetBrains Mono,monospace;font-weight:700;overflow:hidden;box-sizing:border-box}.math-column .math-digit{font-size:4rem;line-height:1;text-align:center;color:#1f2937;font-weight:700;width:100%;height:100%;display:flex;align-items:center;justify-content:center;box-sizing:border-box;overflow:hidden}.math-column.ones{background:linear-gradient(145deg,#eff6ff,#dbeafe);border-color:#3b82f699}.math-column.tens{background:linear-gradient(145deg,#f0fdf4,#dcfce7);border-color:#22c55e99}.math-column.hundreds{background:linear-gradient(145deg,#fffbeb,#fef3c7);border-color:#f59e0b99}.math-column.operator{background:linear-gradient(145deg,#fdf2f8,#fce7f3);border-color:#ec489999;font-size:4rem;color:#be185d;display:flex;align-items:center;justify-content:center;width:100%;height:100%;overflow:hidden;box-sizing:border-box}.math-column.equals{background:linear-gradient(145deg,#f5f3ff,#ede9fe);border-color:#7c3aed99;display:flex;align-items:center;justify-content:center}.math-column.empty{background:transparent;border:2px dashed rgba(156,163,175,.3);pointer-events:none}.math-row{display:contents}.math-column .carry-borrow-input{position:absolute;top:.25rem;left:50%;transform:translate(-50%);width:1rem!important;height:1rem!important;font-size:.7rem!important;z-index:10;background:#fffffff2!important;border:2px solid rgba(255,165,0,.8)!important;border-radius:50%!important;text-align:center!important;line-height:1!important;padding:0!important;margin:0!important;box-sizing:border-box!important;overflow:hidden!important;max-width:1rem!important;max-height:1rem!important}.math-column .problem-input{width:100%!important;height:100%!important;text-align:right!important;font-size:4rem!important;border:2px solid #d1d5db!important;border-radius:.25rem!important;background:#fff!important;color:#1f2937!important;font-family:JetBrains Mono,monospace!important;padding:0!important;margin:0!important}.math-column .problem-input:focus{border-color:#3b82f6!important;box-shadow:0 0 0 3px #3b82f61a!important;outline:none!important}.math-column.equals .equals-line{width:100%;height:3px;background:linear-gradient(90deg,#6d28d9,#8b5cf6);border-radius:2px;margin:.5rem 0}.math-problem.strict-columns.five-numbers{grid-template-columns:1fr repeat(3,1fr) 1fr}.math-problem.strict-columns.four-numbers{grid-template-columns:1fr repeat(3,1fr)}.math-problem.strict-columns.three-numbers{grid-template-columns:repeat(3,1fr)}.math-problem.strict-columns.two-numbers{grid-template-columns:repeat(2,1fr)}@media(max-width:768px){.math-problem.strict-columns{font-size:2rem;gap:4px;margin:.75rem .25rem}.math-column{width:4rem;height:4rem;border-width:2px}.math-column .math-digit{font-size:2rem;line-height:1;text-align:center;color:#1f2937;font-weight:700;width:100%;height:100%;display:flex;align-items:center;justify-content:center}.math-column .problem-input{font-size:2rem!important;width:100%!important;height:100%!important;text-align:center!important;font-weight:700!important;border:2px solid #d1d5db!important;border-radius:.25rem!important;background:#fff!important;color:#1f2937!important;font-family:JetBrains Mono,monospace!important;box-sizing:border-box!important;line-height:1!important;padding:0!important;margin:0!important;overflow:hidden!important}.math-column.operator{font-size:2rem;width:100%;height:100%}.math-column .carry-borrow-input{width:1.35rem!important;height:1.35rem!important;font-size:.85rem!important;max-width:1.35rem!important;max-height:1.35rem!important;top:.2rem!important;left:50%!important;transform:translate(-50%)!important;bottom:auto!important;right:auto!important;padding:0!important;border-radius:50%!important}.math-problem.strict-columns:before{font-size:.6rem;top:-1.2rem}}@media(max-width:480px){.math-problem.strict-columns{font-size:1.8rem;gap:4px;margin:.5rem .1rem}.math-column{width:3.25rem;height:3.25rem;border-width:2px}.math-column .math-digit{font-size:1.5rem;line-height:1;padding:2px;box-sizing:border-box;max-width:none;max-height:none;overflow:hidden;text-align:center;color:#1f2937;font-weight:700;width:100%;height:100%;display:flex;align-items:center;justify-content:center}.math-column .problem-input{font-size:1.5rem!important;width:100%!important;height:100%!important;text-align:center!important;line-height:1!important;box-sizing:border-box!important;max-width:none!important;max-height:none!important;overflow:hidden!important;display:flex!important;align-items:center!important;justify-content:center!important;font-weight:700!important;border:1px solid #d1d5db!important;border-radius:2px!important;background:#fff!important;color:#1f2937!important;font-family:JetBrains Mono,monospace!important;padding:0!important;margin:0!important}.math-column.operator{font-size:1.5rem;width:100%;height:100%}.math-column .carry-borrow-input{width:1.25rem!important;height:1.25rem!important;font-size:.8rem!important;max-width:1.25rem!important;max-height:1.25rem!important;top:.15rem!important;left:50%!important;transform:translate(-50%)!important;bottom:auto!important;right:auto!important;padding:0!important;border-radius:50%!important}.math-problem.strict-columns:before{font-size:.5rem;top:-1rem}}.math-line.with-operator{display:flex;justify-content:flex-end;align-items:center;position:relative;padding-left:3em}.math-line.with-operator .math-operator{position:absolute;left:1.5em;text-align:center}.digit-wrapper{position:relative;display:inline-block}.carry-borrow-input{position:absolute;top:-34px;left:50%;transform:translate(-50%);z-index:10;font-family:JetBrains Mono,monospace;font-weight:600;width:12px;height:12px;min-width:12px;min-height:12px;max-width:12px;max-height:12px;background-color:#fff;border:1px solid #3b82f6;border-radius:0;box-sizing:border-box;text-align:center;line-height:1.2;font-size:6px;padding:0;margin:0;display:inline-block;vertical-align:middle;box-shadow:0 1px 3px #0000001a;-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield}.math-line:not(:first-child) .carry-borrow-input{top:-34px}.math-line:has(.digit-wrapper:nth-child(4)) .carry-borrow-input{top:-39px}.math-problem .carry-borrow-input{position:absolute!important;left:50%!important;transform:translate(-50%)!important}@media(max-width:640px){.carry-borrow-input{top:-34px}}.carry-borrow-input:focus{outline:none;box-shadow:0 0 0 2px #3b82f680,0 1px 3px #0000001a;border-color:#3b82f6}.carry-borrow-input:disabled{background-color:#f3f4f6;color:#9ca3af;cursor:not-allowed;box-shadow:0 1px 2px #0000000d}.carry-borrow-input::-webkit-outer-spin-button,.carry-borrow-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.carry-borrow-input[type=number]{-moz-appearance:textfield;-webkit-appearance:textfield;appearance:textfield}.carry-borrow-input.border-red-400{border-color:#f87171}.carry-borrow-input.border-orange-400{border-color:#fb923c}.carry-borrow-input.border-yellow-400{border-color:#f59e0b}.carry-borrow-input.border-green-400{border-color:#4ade80}.carry-borrow-input.border-blue-400{border-color:#60a5fa}.carry-borrow-input.border-indigo-400{border-color:#818cf8}.carry-borrow-input.border-purple-400{border-color:#a78bfa}.carry-borrow-placeholder{position:absolute;top:-8px;left:50%;transform:translate(-50%);z-index:10}.math-operator{color:#3b82f6;display:inline-block;text-align:center}.math-equals{padding-top:.5rem;display:flex;flex-direction:column;align-items:center;gap:.25rem;flex-shrink:0}.equals-line{width:9rem;height:4px;background-color:#1e293b;background:#1e293b}.problem-input{height:var(--digit-cell-height, 3rem);padding:0 .75rem;border:2px solid #3b82f6;text-align:center;font-family:JetBrains Mono,ui-monospace,SFMono-Regular,SF Mono,Consolas,Liberation Mono,Menlo,monospace;font-size:1.25rem;font-weight:700;background:#fff;outline:none}.problem-input:focus{border-color:#2563eb;box-shadow:0 0 0 3px #3b82f61a}.problem-input.clock-time-input{width:10rem;text-align:center}.problem-input.division-input{width:4.5rem}.problem-input.comparison-input{width:3.5rem;text-align:center}.problem-input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 4px #3b82f64d,inset 0 2px 4px #0000001a;background:#fff;transform:scale(1.05);scroll-margin:0!important}.problem-input:disabled{background-color:#f8fafc;color:#64748b;cursor:not-allowed;transform:none;border-color:#e2e8f0}.correct-answer-below{display:block;text-align:center;margin-top:8px;margin-bottom:12px;padding:4px 8px;background-color:#f0fdf4;border:2px solid #22c55e;border-radius:6px;font-family:JetBrains Mono,monospace;font-weight:600;font-size:.9rem;color:#16a34a;line-height:1.2;box-sizing:border-box;flex-shrink:0;white-space:nowrap;overflow:visible;width:auto;min-width:-moz-fit-content;min-width:fit-content;align-self:center;z-index:1}.math-equals.regular-math-container{width:auto}.math-equals.clock-time-container{width:10rem}.math-equals.division-container{width:4.5rem}.math-equals.comparison-container{width:3.5rem}.math-equals.regular-math-container .correct-answer-below,.math-equals.clock-time-container .correct-answer-below,.math-equals.division-container .correct-answer-below,.math-equals.comparison-container .correct-answer-below{width:auto;min-width:-moz-fit-content;min-width:fit-content;overflow:visible}@media(max-width:768px){.math-equals.regular-math-container{width:auto}.math-equals.clock-time-container{width:8rem}.math-equals.division-container{width:3.2rem}.math-equals.comparison-container{width:2.8rem}.problem-input.regular-math{width:9rem!important}.problem-input.clock-time-input{width:8rem;text-align:center}.problem-input.division-input{width:3.2rem}.problem-input.comparison-input{width:2.8rem;text-align:center}.math-equals.regular-math-container .correct-answer-below,.math-equals.clock-time-container .correct-answer-below{width:auto;min-width:-moz-fit-content;min-width:fit-content;font-size:.8rem;padding:3px 6px;white-space:nowrap;overflow:visible;margin-bottom:8px}.math-equals.division-container .correct-answer-below,.math-equals.comparison-container .correct-answer-below{width:auto;min-width:-moz-fit-content;min-width:fit-content;font-size:.75rem;padding:2px 4px;white-space:nowrap;overflow:visible;margin-bottom:8px}}.game-card.correct .problem-input{border-color:#22c55e;background:#f0fdf4}.game-card.incorrect .problem-input{border-color:#ef4444;background:#fef2f2}.achievement-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:2rem}.achievement-compact-list{grid-column:1 / -1;background:linear-gradient(145deg,#f8fafc,#f1f5f9);border:2px solid #e2e8f0;border-radius:1rem;padding:1.5rem;margin-top:1rem}.achievement-compact-item{display:flex;align-items:center;justify-content:space-between;padding:1rem;border-bottom:1px solid #e2e8f0;font-family:Fredoka,sans-serif;text-align:left;transition:background-color .2s ease}.achievement-compact-item:last-child{border-bottom:none}.achievement-compact-item:hover{background-color:#3b82f60d;border-radius:.5rem}.compact-rank{font-weight:700;color:#64748b;min-width:40px;text-align:left;font-size:.9rem}.compact-medal{font-size:1.2rem;min-width:40px;text-align:center;opacity:.6;filter:grayscale(80%)}.compact-score{font-weight:700;color:#1e293b;min-width:70px;text-align:center;font-size:.9rem}.compact-mode{color:#64748b;flex:1;text-align:left;font-size:.9rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100px;padding-left:1rem}.compact-time{color:#059669;font-weight:600;min-width:180px;text-align:right;font-size:.9rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.achievement-card{background:linear-gradient(145deg,#fff,#f1f5f9);border:3px solid #e2e8f0;border-radius:1.5rem;padding:2rem;box-shadow:0 6px 20px #0000001a;transition:all .3s ease;text-align:center}.achievement-card:hover{transform:translateY(-2px);box-shadow:0 8px 25px #00000026;border-color:#3b82f6}.achievement-score{font-size:2rem;font-weight:800;color:#1e293b;margin-bottom:1rem;font-family:Fredoka,sans-serif}.achievement-details{font-size:1.125rem;color:#64748b;line-height:1.6;font-weight:600}.achievement-medal{font-size:3rem;margin-bottom:1rem;display:block}@keyframes bounce{0%,20%,53%,80%,to{transform:translateZ(0)}40%,43%{transform:translate3d(0,-8px,0)}70%{transform:translate3d(0,-4px,0)}90%{transform:translate3d(0,-2px,0)}}.animate-bounce-slow{animation:bounce 3s infinite}@keyframes shake{0%,to{transform:translate(0)}10%,30%,50%,70%,90%{transform:translate(-4px)}20%,40%,60%,80%{transform:translate(4px)}}button:focus,select:focus,input:focus{outline:4px solid #3b82f6;outline-offset:2px;scroll-margin:0}button{transition:all .3s ease}button:hover{transform:translateY(-2px)}button:active{transform:translateY(0)}#control-bar{position:relative;box-shadow:0 4px 15px #0000001a;transition:all .3s ease;overflow:visible;width:100%}#control-bar.sticky{position:fixed;top:0;left:0;right:0;z-index:9999;border-radius:0 0 1rem 1rem;margin:0;box-shadow:0 6px 25px #0003;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:linear-gradient(135deg,#fffffffa,#f8fafcf2);border-bottom:3px solid rgba(59,130,246,.4);border-left:none;border-right:none;border-top:none}.control-bar-container{display:flex!important;flex-direction:row!important;align-items:center!important;justify-content:space-between!important;width:100%!important;flex-wrap:nowrap!important;overflow:visible!important;padding:.5rem!important}.control-group-left,.control-group-right{display:flex;align-items:center;flex-shrink:0}.control-item{flex:0 0 auto!important;display:flex!important;align-items:center!important;justify-content:center!important;min-width:auto!important;white-space:nowrap!important}.timer-container{min-width:100px!important;max-width:140px!important}.timer-display{background:linear-gradient(145deg,#6d28d9,#7c3aed,#9333ea,#a855f7,#c084fc);border:1px solid #e9d5ff;border-radius:1.25rem;padding:.5rem .75rem;font-family:JetBrains Mono,Courier New,monospace;font-size:.875rem;font-weight:700;color:#fff;text-shadow:0 0 10px rgba(255,255,255,.8),0 0 20px rgba(255,255,255,.6),1px 1px 2px rgba(0,0,0,.5);box-shadow:0 4px 8px #9333ea66,0 2px 4px #0003,inset 0 1px #ffffff4d,inset 0 -1px #0003;text-align:center;letter-spacing:1px;position:relative;overflow:hidden;transition:all .3s ease;width:100%;min-width:70px;height:2.5rem!important;display:flex!important;align-items:center!important;justify-content:center!important}.mode-container{min-width:120px!important;max-width:160px!important}.mode-select{background:linear-gradient(135deg,#fff,#f9fafb);border:2px solid #a855f7;border-radius:1rem;padding:.5rem .75rem;font-size:.875rem;font-weight:600;color:#6b21a8;box-shadow:0 2px 4px -1px #a855f74d;cursor:pointer;transition:all .3s ease;width:100%!important;min-width:90px;outline:none}.mode-select:hover{border-color:#9333ea;box-shadow:0 4px 6px -1px #a855f766;transform:translateY(-1px)}.mode-select:focus{outline:none;border-color:#7c3aed;box-shadow:0 0 0 3px #a855f733,0 4px 6px -1px #a855f766}.button-container,.fullscreen-container{min-width:40px!important;max-width:50px!important}.start-stop-container{min-width:80px!important;max-width:100px!important}.control-btn{display:flex!important;align-items:center!important;justify-content:center!important;white-space:nowrap;-webkit-user-select:none;-moz-user-select:none;user-select:none;cursor:pointer;outline:none;border-radius:1rem;border:2px solid;font-weight:600;transition:all .3s ease;text-shadow:1px 1px 2px rgba(0,0,0,.2);box-shadow:0 2px 4px -1px #0000001a;width:100%!important;height:2.5rem!important;min-height:2.5rem!important;min-width:40px!important;padding:.5rem!important;font-size:.875rem!important}.settings-btn{background:linear-gradient(135deg,#6366f1,#4f46e5,#4338ca);border-color:#4f46e5;color:#fff}.settings-btn:hover{background:linear-gradient(135deg,#4f46e5,#4338ca,#3730a3);border-color:#4338ca;transform:translateY(-2px) scale(1.05);box-shadow:0 6px 12px -2px #6366f166,0 2px 4px -1px #0003,inset 0 1px #fff3}.settings-btn span{font-size:1rem!important;display:flex!important;align-items:center!important;justify-content:center!important}.fullscreen-btn{background:linear-gradient(135deg,#f97316,#ea580c);border-color:#ea580c;color:#fff}.fullscreen-btn:hover{background:linear-gradient(135deg,#ea580c,#dc2626);border-color:#dc2626;transform:translateY(-2px) scale(1.05);box-shadow:0 6px 8px -1px #0003}.fullscreen-btn span{font-size:1rem!important;display:flex!important;align-items:center!important;justify-content:center!important}.timer-display{font-size:.7rem;padding:.125rem .25rem}.control-btn:focus,.mode-select:focus{outline:2px solid currentColor;outline-offset:2px}.control-btn,.mode-select,.timer-display{transition:all .2s ease}#timer-display,#mode-select,#start-stop-btn,#settings-btn,#fullscreen-btn{-webkit-appearance:none;-moz-appearance:none;appearance:none}@media(max-width:768px){.game-grid{grid-template-columns:1fr;gap:1rem;padding:.5rem;width:100%;max-width:100%;box-sizing:border-box}.game-card{min-height:160px;padding:1rem;width:100%;max-width:100%;box-sizing:border-box}.math-problem{font-size:1.75rem;margin:1rem 0 .5rem}.problem-input.regular-math{width:9rem}.problem-input.clock-time-input{width:7.5rem}.problem-input.division-input{width:3rem}.problem-input.comparison-input{width:2.5rem}.problem-number{font-size:.7rem;padding:.125rem .375rem;min-width:1.25rem}}.game-card>*{flex-shrink:0}#problems-container{width:100%;max-width:100%;box-sizing:border-box;overflow:visible;margin-bottom:2rem}#problems-grid{width:100%;max-width:100%;box-sizing:border-box;overflow:visible}.math-problem{width:100%;max-width:none;min-width:-moz-fit-content;min-width:fit-content}.gold-medal{color:#fbbf24}.silver-medal{color:#9ca3af}.bronze-medal{color:#d97706}.participation-medal{color:#3b82f6}.best-record{position:relative;border:4px solid #fbbf24!important;background:linear-gradient(145deg,#fffbeb,#fef3c7)!important;box-shadow:0 8px 25px #fbbf2466!important;animation:glow 2s ease-in-out infinite alternate}.best-record.double-crown{border:4px solid #8b5cf6!important;background:linear-gradient(145deg,#f5f3ff,#ede9fe)!important;box-shadow:0 8px 25px #8b5cf666!important}.best-record.best-time{border:4px solid #06b6d4!important;background:linear-gradient(145deg,#ecfeff,#cffafe)!important;box-shadow:0 8px 25px #06b6d466!important}.record-badge{position:absolute;top:-15px;left:50%;transform:translate(-50%);background:linear-gradient(145deg,#fbbf24,#f59e0b);color:#fff;padding:.5rem 1rem;border-radius:1rem;font-size:.875rem;font-weight:800;box-shadow:0 4px 12px #fbbf2466;white-space:nowrap;z-index:10;border:2px solid white}.double-crown .record-badge{background:linear-gradient(145deg,#8b5cf6,#7c3aed);box-shadow:0 4px 12px #8b5cf666}.best-time .record-badge{background:linear-gradient(145deg,#06b6d4,#0891b2);box-shadow:0 4px 12px #06b6d466}@keyframes glow{0%{box-shadow:0 8px 25px #fbbf2466}to{box-shadow:0 12px 35px #fbbf2499}}.best-record.double-crown{animation:crown-glow 2s ease-in-out infinite alternate}@keyframes crown-glow{0%{box-shadow:0 8px 25px #8b5cf666}to{box-shadow:0 12px 35px #8b5cf699}}.best-record.best-time{animation:time-glow 2s ease-in-out infinite alternate}@keyframes time-glow{0%{box-shadow:0 8px 25px #06b6d466}to{box-shadow:0 12px 35px #06b6d499}}.toggle-bg{transition:background-color .3s ease}.toggle-dot{transition:transform .3s ease}#free-time-toggle:checked+.toggle-bg{background-color:#3b82f6}#free-time-toggle:checked+.toggle-bg .toggle-dot{transform:translate(24px)}#countdown-toggle:checked+.toggle-bg{background-color:#f59e0b}#countdown-toggle:checked+.toggle-bg .toggle-dot{transform:translate(24px)}#carry-borrow-toggle:checked+.toggle-bg{background-color:#8b5cf6}#carry-borrow-toggle:checked+.toggle-bg .toggle-dot{transform:translate(24px)}#debugging-toggle:checked+.toggle-bg{background-color:#dc2626}#debugging-toggle:checked+.toggle-bg .toggle-dot{transform:translate(24px)}#focus-mode-toggle:checked+.toggle-bg{background-color:#8b5cf6}#focus-mode-toggle:checked+.toggle-bg .toggle-dot{transform:translate(24px)}#settings-modal{transition:opacity .3s ease,visibility .3s ease}#settings-modal.hidden{opacity:0;visibility:hidden}#settings-modal:not(.hidden){opacity:1;visibility:visible}#settings-modal>div{transform:scale(.9);transition:transform .3s ease}#settings-modal:not(.hidden)>div{transform:scale(1)}@media(max-width:640px){#settings-modal>div{max-width:95vw;max-height:85vh;margin:.5rem;padding:1rem}#settings-modal h3{font-size:1.5rem;margin-bottom:1rem}#settings-modal .text-6xl{font-size:3rem;margin-bottom:.5rem}#settings-modal .text-lg{font-size:.875rem}#settings-modal .flex.gap-4{flex-direction:column;gap:.75rem}#settings-modal label{padding:.75rem!important;margin-bottom:.5rem!important}#settings-modal input,#settings-modal select{padding:.5rem!important;font-size:1rem!important}#settings-modal .border-2{padding:.75rem!important}#settings-modal .mb-6{margin-bottom:1rem!important}#settings-modal .mb-4{margin-bottom:.75rem!important}#settings-modal .mb-8{margin-bottom:1.5rem!important}}@media(max-width:480px){#settings-modal>div{max-width:98vw;max-height:80vh;padding:.75rem}#settings-modal h3{font-size:1.25rem}#settings-modal .text-6xl{font-size:2.5rem}#settings-modal label{padding:.5rem!important}#settings-modal input,#settings-modal select{padding:.375rem!important;font-size:.875rem!important}}.toggle-bg{position:relative;display:inline-block;width:3rem;height:1.5rem;background-color:#d1d5db;border-radius:9999px;box-shadow:inset 0 2px 4px #0000001a;cursor:pointer}.toggle-dot{position:absolute;top:.125rem;left:.125rem;width:1.25rem;height:1.25rem;background-color:#fff;border-radius:50%;box-shadow:0 2px 4px #0003;transition:transform .3s ease}#free-time-toggle:checked+.toggle-bg .toggle-dot{transform:translate(1.5rem)}#timer-hint{max-width:90vw;margin-bottom:env(safe-area-inset-bottom,0px);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:2px solid rgba(255,255,255,.2)}@media(max-width:640px){#timer-hint{bottom:1rem!important;font-size:1rem;padding:.75rem 1.25rem;max-width:85vw}}.toast-container{position:fixed;top:2rem;left:50%;transform:translate(-50%);z-index:9999;pointer-events:none;display:flex;flex-direction:column;gap:.5rem;align-items:center}.toast{background:#3b82f6f2;color:#fff;font-family:Fredoka,sans-serif;font-size:1rem;font-weight:500;padding:.75rem 1.25rem;border-radius:.75rem;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 10px 25px #0003;border:1px solid rgba(255,255,255,.2);pointer-events:auto;max-width:90vw;text-align:center;animation:toast-slideUp .3s ease-out;transition:all .2s ease}.toast.toast-error{background:#ef4444f2;border-color:#ffffff4d}.toast.toast-success{background:#22c55ef2;border-color:#ffffff4d}.toast.toast-exit{animation:toast-slideDown .3s ease-in forwards}@keyframes toast-slideUp{0%{opacity:0;transform:translateY(-100%) scale(.8)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes toast-slideDown{0%{opacity:1;transform:translateY(0) scale(1)}to{opacity:0;transform:translateY(-100%) scale(.8)}}@media(max-width:640px){.toast-container{top:1rem;left:50%;transform:translate(-50%)}.toast{font-size:.875rem;padding:.625rem 1rem;border-radius:.625rem;max-width:85vw}}@keyframes slideUp{0%{opacity:0;transform:translate(-50%,100%)}to{opacity:1;transform:translate(-50%)}}#timer-hint{animation:slideUp .3s ease-out,bounce .6s ease-in-out .3s}#max-problems-input{text-align:left!important}#max-problems-input::-webkit-outer-spin-button,#max-problems-input::-webkit-inner-spin-button{-webkit-appearance:none;appearance:none;margin:0}#max-problems-input[type=number]{-moz-appearance:textfield;-webkit-appearance:textfield;appearance:textfield}.division-grid:not(.comparison-mode){max-width:100%;margin:0 auto;grid-template-columns:repeat(2,1fr)!important;grid-auto-flow:row dense;gap:1rem;box-sizing:border-box;width:100%;overflow:hidden}.division-grid:not(.comparison-mode) .game-card{min-width:unset;min-height:280px;padding:1rem;max-width:100%;overflow:hidden;box-sizing:border-box;width:100%}.game-grid.division-grid.comparison-mode{max-width:100%;margin:0 auto;grid-template-columns:repeat(3,1fr)!important;grid-auto-flow:row dense;gap:1.5rem;box-sizing:border-box}.game-grid.mixed-mode{max-width:100%;margin:0 auto;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))!important;grid-auto-flow:row dense;gap:1rem;box-sizing:border-box;width:100%;overflow:hidden}.game-grid.mixed-mode .game-card{min-width:280px;min-height:200px;padding:1rem}.game-grid.mixed-mode .game-card:has(.emoji-container){min-height:340px;padding:1.5rem}.game-grid.mixed-mode .game-card:has(.comparison-problem){min-height:140px;padding:.75rem}@media(max-width:768px){.game-grid.mixed-mode{grid-template-columns:1fr!important;gap:1rem}.game-grid.mixed-mode .game-card{min-width:unset;width:100%;max-width:100%}.game-grid.mixed-mode .game-card:has(.emoji-container){min-height:240px;padding:.75rem}.game-grid.mixed-mode .game-card:has(.comparison-problem){min-height:120px;padding:.5rem}.game-grid.mixed-mode .game-card:has(.math-problem):not(:has(.emoji-container)):not(:has(.comparison-problem)){min-height:160px;padding:1rem}}.game-card:has(.comparison-problem) .problem-number{top:.5rem;left:.5rem;font-size:.75rem;padding:.125rem .375rem;border-radius:.375rem}.game-grid.mixed-mode .game-card:has(.math-problem):not(:has(.emoji-container)):not(:has(.comparison-problem)){min-height:180px;padding:1rem}.game-grid.division-grid.comparison-mode .game-card{min-width:220px;min-height:130px;padding:.75rem;display:flex;flex-direction:column;justify-content:center}@media(max-width:768px){.game-grid.division-grid.comparison-mode{grid-template-columns:repeat(2,1fr)!important;gap:1rem}.division-grid:not(.comparison-mode){grid-template-columns:1fr!important;gap:1rem}}@media(max-width:480px){.division-grid,.game-grid.division-grid.comparison-mode{grid-template-columns:1fr!important;gap:.75rem}.division-grid:not(.comparison-mode) .game-card{min-height:240px;padding:.75rem}}@media(max-width:640px){.division-grid .game-card{min-height:230px;padding:.75rem;width:100%;box-sizing:border-box}.emoji-box{min-width:65px;min-height:70px;max-width:75px;padding:.6rem .25rem .25rem;gap:.25rem;border-radius:.5rem;flex-shrink:0;margin-top:10px;overflow:visible;justify-content:center}.emoji-box .emoji-item{font-size:.9rem;margin:.5px;line-height:1}.emoji-box:has(.emoji-item:nth-child(2)){display:grid;grid-template-columns:repeat(2,1fr);gap:1px;padding:.1rem}.emoji-box:has(.emoji-item:nth-child(4)){grid-template-columns:repeat(2,1fr)}.emoji-box:has(.emoji-item:nth-child(6)){grid-template-columns:repeat(3,1fr)}.emoji-box:has(.emoji-item:nth-child(9)){grid-template-columns:repeat(3,1fr)}.box-label{font-size:.5625rem;padding:.125rem .25rem;border-radius:.1875rem;min-width:24px;text-align:center;top:-8px;line-height:1;position:absolute;left:50%;transform:translate(-50%);z-index:10;white-space:nowrap;letter-spacing:.125px}.division-problem{gap:.8rem;margin:.5rem 0}.sharing-text{font-size:.9rem;margin-bottom:.5rem;line-height:1.3}.division-input .problem-input{height:2.25rem;font-size:1.2rem;margin:0 .25rem}.division-input .problem-input.division-input{width:3rem}.multiplication-equation{font-size:.9rem;margin-top:.5rem;padding:.25rem}.emoji-container{gap:.5rem;justify-content:center;align-items:center}}.division-problem{display:flex;flex-direction:column;align-items:center;gap:.5rem;margin:.5rem 0}.division-prompt{text-align:center;position:relative;z-index:1;margin-bottom:.5rem}.sharing-text{font-size:1.25rem;font-weight:700;color:#1e293b;margin-bottom:.25rem;line-height:1.3;position:relative;z-index:10;display:block;width:100%;text-align:center;background:transparent;border:none;outline:none;box-shadow:none;padding:.2rem 0;box-sizing:border-box}.emoji-container{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center;align-items:flex-start;gap:.75rem;min-height:120px;position:relative;margin:.5rem 0;width:100%;max-width:100%;overflow:visible;box-sizing:border-box;padding-top:12px}@media(max-width:400px){.emoji-container{flex-direction:column;align-items:center;gap:.75rem}}.emoji-grid{display:grid!important;justify-items:center!important;justify-content:center!important;margin:0 auto!important;width:-moz-fit-content!important;width:fit-content!important}.emoji-item{font-size:2rem;animation:bounce-in .5s ease-out;transition:all .3s ease;cursor:pointer}.emoji-item:hover{transform:scale(1.2)}.emoji-box{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.3rem;padding:.8rem .3rem .3rem;background:linear-gradient(145deg,#f0f9ff,#e0f2fe);border:2px solid #0284c7;border-radius:.75rem;min-width:80px;min-height:75px;max-width:90px;animation:group-appear .6s ease-out;position:relative;flex-wrap:wrap;transition:all .3s ease;box-sizing:border-box;overflow:visible;margin-top:12px}.emoji-box .emoji-item{position:relative;display:inline-block;font-size:1.25rem;margin:1px;animation:none;line-height:1}.emoji-box.bg-red-100{background:linear-gradient(145deg,#fef2f2,#fee2e2);border-color:#ef4444}.emoji-box.bg-blue-100{background:linear-gradient(145deg,#eff6ff,#dbeafe);border-color:#3b82f6}.emoji-box.bg-green-100{background:linear-gradient(145deg,#f0fdf4,#dcfce7);border-color:#22c55e}.emoji-box.bg-yellow-100{background:linear-gradient(145deg,#fffbeb,#fef3c7);border-color:#f59e0b}.emoji-box.bg-purple-100{background:linear-gradient(145deg,#faf5ff,#f3e8ff);border-color:#a855f7}.emoji-box.bg-pink-100{background:linear-gradient(145deg,#fdf2f8,#fce7f3);border-color:#ec4899}.emoji-box.bg-indigo-100{background:linear-gradient(145deg,#eef2ff,#e0e7ff);border-color:#6366f1}.emoji-box.bg-orange-100{background:linear-gradient(145deg,#fff7ed,#fed7aa);border-color:#f97316}@media(max-width:640px){.emoji-box.bg-red-100{background:linear-gradient(145deg,#fef2f2,#fee2e2);border-color:#ef4444}.emoji-box.bg-blue-100{background:linear-gradient(145deg,#eff6ff,#dbeafe);border-color:#3b82f6}.emoji-box.bg-green-100{background:linear-gradient(145deg,#f0fdf4,#dcfce7);border-color:#22c55e}.emoji-box.bg-yellow-100{background:linear-gradient(145deg,#fffbeb,#fef3c7);border-color:#f59e0b}.emoji-box.bg-purple-100{background:linear-gradient(145deg,#faf5ff,#f3e8ff);border-color:#a855f7}.emoji-box.bg-pink-100{background:linear-gradient(145deg,#fdf2f8,#fce7f3);border-color:#ec4899}.emoji-box.bg-indigo-100{background:linear-gradient(145deg,#eef2ff,#e0e7ff);border-color:#6366f1}.emoji-box.bg-orange-100{background:linear-gradient(145deg,#fff7ed,#fed7aa);border-color:#f97316}}.correct-answer-text{font-weight:700;color:#22c55e;font-size:1.2rem;margin-left:.5rem}.multiplication-equation{font-weight:700;color:#3b82f6;font-size:1rem;margin-top:.5rem;text-align:center;padding:.4rem;background:linear-gradient(145deg,#eff6ff,#dbeafe);border:2px solid #3b82f6;border-radius:.5rem;box-shadow:0 2px 8px #3b82f633;animation:slide-up .5s ease-out;box-sizing:border-box}.box-label{font-size:.625rem;font-weight:700;color:#fff;padding:.15rem .35rem;border-radius:.25rem;text-transform:uppercase;letter-spacing:.25px;box-shadow:0 1px 2px #0003;position:absolute;top:-10px;left:50%;transform:translate(-50%);z-index:10;white-space:nowrap;line-height:1;min-width:28px;text-align:center;margin-bottom:4px}.emoji-box.bg-red-100 .box-label{background:#ef4444}.emoji-box.bg-blue-100 .box-label{background:#3b82f6}.emoji-box.bg-green-100 .box-label{background:#22c55e}.emoji-box.bg-yellow-100 .box-label{background:#f59e0b}.emoji-box.bg-purple-100 .box-label{background:#a855f7}.emoji-box.bg-pink-100 .box-label{background:#ec4899}.emoji-box.bg-indigo-100 .box-label{background:#6366f1}.emoji-box.bg-orange-100 .box-label{background:#f97316}.emoji-box-small{max-width:100px;min-height:80px;padding:.4rem;gap:.4rem}.emoji-box-medium{max-width:120px;min-height:100px;padding:.5rem;gap:.5rem}.emoji-box-large{max-width:140px;min-height:120px;padding:.6rem;gap:.6rem}.division-input{text-align:center}.division-input .problem-input{height:2.25rem;font-size:1.25rem;margin:0 .25rem}.division-input .problem-input.division-input{width:4rem}.celebration-animation{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);pointer-events:none;z-index:10}.celebration-item{display:inline-block;font-size:2rem;animation:celebrate-burst 1s ease-out forwards;opacity:0}@keyframes bounce-in{0%{opacity:0;transform:scale(0) rotate(180deg)}50%{transform:scale(1.1) rotate(10deg)}to{opacity:1;transform:scale(1) rotate(0)}}@keyframes group-appear{0%{opacity:0;transform:scale(.8) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes slide-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes celebrate-burst{0%{opacity:0;transform:translate(-50%,-50%) scale(0) rotate(0)}50%{opacity:1;transform:translate(var(--random-x, 0),var(--random-y, 0)) scale(1.2) rotate(180deg)}to{opacity:0;transform:translate(calc(var(--random-x, 0) * 2),calc(var(--random-y, 0) * 2)) scale(.5) rotate(360deg)}}.game-card:has(.division-problem){min-height:300px;padding:1.25rem;max-width:100%;overflow:hidden;box-sizing:border-box}@media(max-width:768px){.sharing-text{font-size:1.25rem}.emoji-item{font-size:1.5rem}.emoji-container{min-height:60px}.division-input .problem-input{width:4.25rem;height:2.25rem;font-size:1.25rem}.game-card:has(.division-problem){min-height:260px;padding:.75rem}}.settings-form-group{background:linear-gradient(145deg,#f8fafc,#fff);border:3px solid #e2e8f0;border-radius:1rem;padding:1.5rem;margin-bottom:1.5rem;transition:all .3s ease}.settings-form-group:hover{border-color:#3b82f6;box-shadow:0 4px 12px #3b82f626}.comparison-problem{text-align:center;padding:1rem;display:flex;align-items:center;justify-content:center;gap:1rem;flex-wrap:wrap}.comparison-problem .math-line{font-family:JetBrains Mono,monospace;font-size:2rem;font-weight:700;color:#4c1d95;margin:0;min-width:60px}.comparison-problem .math-question{display:flex;align-items:center;gap:.75rem;justify-content:center;margin-bottom:.75rem;padding:.5rem;background:#ffffff80;border-radius:1rem;border:2px solid rgba(139,92,246,.2)}.comparison-problem .math-equals{font-size:1rem;font-weight:600;color:#6b21a8;margin:0;white-space:nowrap;border-top:none!important;padding-top:0!important;display:flex;align-items:center;justify-content:center;gap:.5rem}.comparison-input{height:40.5px;text-align:center;font-size:1.5rem;font-weight:700;border:3px solid #8b5cf6;border-radius:.75rem;background:#f3f4f6;color:#4c1d95;margin:0;box-shadow:0 2px 4px #0000001a;transition:all .2s ease;cursor:default}.comparison-input.problem-input.comparison-input{width:3rem}.comparison-input:focus{outline:none}.comparison-buttons{display:flex;gap:.25rem;justify-content:center;margin-top:.5rem;flex-wrap:wrap;max-width:100%}.comparison-problem>.correct-answer-below{display:flex;justify-content:center;align-items:center;margin-top:.5rem;margin-bottom:0;width:auto;min-width:-moz-fit-content;min-width:fit-content}.comparison-btn{padding:.3rem .4rem;font-size:.65rem;font-weight:600;border:2px solid #8b5cf6;border-radius:.4rem;background:#fff;color:#4c1d95;cursor:pointer;transition:all .2s ease;min-width:55px;max-width:70px;white-space:normal;box-shadow:0 1px 3px #0000001a;flex:1;text-align:center;line-height:1.1;overflow:hidden;text-overflow:ellipsis}.comparison-btn:hover:not(:disabled){background:#8b5cf6;color:#fff;transform:translateY(-1px);box-shadow:0 2px 6px #8b5cf64d}.comparison-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.comparison-btn.selected{background:#8b5cf6;color:#fff;box-shadow:0 0 8px #8b5cf666;border-color:#7c3aed}.correct-answer-text{color:#dc2626;font-weight:700;font-size:.9rem;margin-left:.5rem}.game-grid.division-grid.comparison-mode .comparison-problem{min-height:110px}@media(max-width:640px){.comparison-problem{flex-direction:column;gap:.5rem}.comparison-problem .math-line{font-size:1.5rem;min-width:50px}.comparison-input.problem-input.comparison-input{width:2.5rem;height:36px;font-size:1.25rem}.comparison-buttons{flex-direction:row;gap:.25rem;flex-wrap:wrap;justify-content:center;max-width:100%}.comparison-btn{min-width:45px;max-width:60px;font-size:.6rem;padding:.25rem .3rem;flex:1;text-align:center;line-height:1.1}.game-grid.division-grid .game-card .comparison-problem{min-height:140px}.achievement-grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:1rem;padding:.5rem}.achievement-card{padding:1.5rem;border-radius:1rem}.achievement-card.best-record.best-score{padding:1.5rem;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center}.achievement-score{font-size:1.5rem;margin-bottom:.5rem}.achievement-details{font-size:1rem;line-height:1.4}.achievement-compact-list{padding:1rem;margin-top:.75rem}.achievement-compact-item{padding:.5rem}.compact-rank{font-size:.875rem;min-width:35px}.compact-medal{font-size:1.125rem;min-width:25px;opacity:.6;filter:grayscale(80%)}.compact-score{font-size:.875rem;min-width:70px}.compact-mode{font-size:.875rem;max-width:80px}.compact-time{font-size:.875rem;min-width:50px}}input[name=global-difficulty]{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:20px;height:20px;border:2px solid #a855f7;border-radius:50%;position:relative;cursor:pointer;transition:all .3s ease;background:#fff}input[name=global-difficulty]:checked{background:#a855f7;border-color:#9333ea;box-shadow:0 0 0 4px #a855f733}input[name=global-difficulty]:checked:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:8px;height:8px;border-radius:50%;background:#fff;box-shadow:0 1px 3px #0000004d}input[name=global-difficulty]:hover:not(:checked){border-color:#9333ea;box-shadow:0 0 0 2px #a855f71a}input[name=global-difficulty]:focus{outline:none;box-shadow:0 0 0 4px #a855f74d}input[name=global-difficulty]:checked+.ml-3{color:#7c3aed}input[name=global-difficulty]:checked~.ml-3 .text-purple-800{color:#7c3aed;font-weight:800}label:has(input[name=global-difficulty]):hover{transform:translateY(-1px);box-shadow:0 4px 12px #a855f726}label:has(input[name=global-difficulty]:checked){background:linear-gradient(145deg,#f5f3ff,#ede9fe);border-color:#a855f7!important;box-shadow:0 4px 12px #a855f733}label:has(input[name=global-difficulty]) .ml-3{text-align:left;align-self:flex-start}label:has(input[name=global-difficulty]) .ml-3 div{text-align:left;align-self:flex-start}.division-input .math-equals.division-answer-line{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:.25rem;width:100%;box-sizing:border-box;padding-top:.5rem}.division-input .math-equals.division-answer-line .inline-answer-group{display:flex!important;flex-direction:row!important;align-items:center!important;justify-content:center!important;gap:.5rem;flex-wrap:wrap;width:100%}.answer-label{font-size:1rem;font-weight:600;color:#1e293b;white-space:nowrap}.answer-emoji{font-size:1.25rem;margin-left:.25rem}.correct-answer-inline{font-weight:700;color:#22c55e;font-size:1rem;white-space:nowrap;margin-left:.25rem}@media(min-width:400px){.division-input .math-equals.division-answer-line{flex-direction:column!important;gap:.5rem}.division-input .math-equals.division-answer-line .inline-answer-group{flex-direction:row!important;gap:.75rem;flex-wrap:nowrap}.answer-label{font-size:1.1rem}.answer-emoji{font-size:1.5rem;margin-left:.5rem}.correct-answer-inline{font-size:1.1rem;margin-left:.5rem}}@media(min-width:768px){.division-input .math-equals.division-answer-line{flex-direction:column!important;gap:.75rem}.division-input .math-equals.division-answer-line .inline-answer-group{flex-direction:row!important;gap:1rem;flex-wrap:nowrap}.answer-label{font-size:1.2rem}.answer-emoji{font-size:1.75rem}.correct-answer-inline{font-size:1.2rem}}@media(max-width:399px){.division-input .math-equals.division-answer-line{flex-direction:column!important;align-items:center;gap:.5rem;text-align:center}.division-input .math-equals.division-answer-line .inline-answer-group{flex-direction:row!important;gap:.25rem;flex-wrap:wrap;justify-content:center}.answer-label{font-size:.9rem}.answer-emoji{font-size:1.1rem;margin-left:0}.correct-answer-inline{font-size:.9rem;margin-left:0}}.digit-cell{width:var(--digit-cell-width, 3rem);height:var(--digit-cell-height, 3rem);display:flex;align-items:center;justify-content:center;font-family:ui-monospace,SFMono-Regular,SF Mono,Consolas,Liberation Mono,Menlo,monospace;font-size:var(--digit-cell-font-size, 1.25rem);border:1px solid #e2e8f0;border-left:none;color:inherit;font-weight:inherit}.digit-cell:first-child{border-left:1px solid #e2e8f0}.math-display-container{display:flex;align-items:center;gap:2px;position:relative}.operator-sign{font-size:2rem;color:#475569;font-weight:700;width:2rem;text-align:center;display:flex;align-items:center;justify-content:center;position:absolute;left:-2.125rem;bottom:0;height:var(--digit-cell-height, 3rem)}.problem-content{display:flex;flex-direction:column;align-items:center}.carry-row{display:flex;height:1.5rem;margin-bottom:.25rem}.carry-cell{width:var(--digit-cell-width, 3rem);display:flex;align-items:center;justify-content:center;font-size:.875rem;color:#dc2626;font-weight:700}.number-grid{display:flex;flex-direction:column}.num-row{display:flex}.separator-line{height:2px;background:#1e293b;margin:.5rem 0}.vedic-add-problem-display,.exact-grid-display{display:flex;align-items:flex-start}.operator-column{display:flex;flex-direction:column;align-items:center}.partial-row{display:flex;align-items:center}.digit-cell span{color:inherit;font-size:inherit;font-weight:inherit}.digit-cell.text-blue-700{color:#1d4ed8}.digit-cell.border-t-0{border-top-width:0}.digit-cell.font-bold{font-weight:700}.digit-cell.text-green-600{color:#16a34a}.digit-cell.text-red-600{color:#dc2626}.separator-row>div{width:var(--digit-cell-width, 3rem);height:0}.operator-column>div{width:2.5rem;height:var(--digit-cell-height, 3rem)}.operator-column>div:first-child{width:2.5rem;height:var(--digit-cell-height, 3rem)}.operator-column>div:nth-child(2){display:flex;align-items:center;justify-content:center;font-size:1.875rem;line-height:2.25rem;color:#475569}@media(min-width:768px){.digit-cell{width:var(--digit-cell-width, 4.5rem);height:var(--digit-cell-height, 4.5rem);font-size:var(--digit-cell-font-size, 1.875rem);line-height:2.25rem}.operator-column>div{width:2.5rem;height:var(--digit-cell-height, 4.5rem)}.operator-column>div:first-child{width:2.5rem;height:var(--digit-cell-height, 4.5rem)}.operator-column>div:nth-child(2){font-size:3rem;line-height:1}.separator-row>div{width:var(--digit-cell-width, 4.5rem)}}.vedic-add-problem-display,.exact-grid-display{margin:0;padding:0;background:transparent;border:none;border-radius:0;box-shadow:none}.math-cell,.math-row,.math-separator,.math-grid-container,.math-number-grid,.math-operator-column,.math-operator-cell{all:unset;display:revert;box-sizing:border-box}.hidden-buttons{display:none!important;opacity:0!important;visibility:hidden!important;transform:scale(.8)!important;transition:all .3s ease!important}.mode-select:not(.hidden-buttons),.settings-btn:not(.hidden-buttons){transition:all .3s ease!important}body.game-active-focus>nav,body.game-active-focus main>header,body.game-active-focus main>section:not(#demo-section),body.game-active-focus>footer,body.game-active-focus #landing-page>footer{display:none!important}body.practice-mode main>header,body.practice-mode main>section:not(#demo-section),body.practice-mode>footer,body.practice-mode #landing-page>footer{display:none!important}body.practice-mode main{min-height:calc(100vh - 64px);display:flex;flex-direction:column}body.practice-mode #demo-section{flex:1;display:flex;flex-direction:column;justify-content:center;padding-top:1rem;padding-bottom:2rem;min-height:calc(100vh - 64px)}body.game-active-focus>div.fixed:not(#settings-modal):not(#feedback-section){display:none!important}body.game-active-focus main{min-height:100vh;display:flex;flex-direction:column}body.game-active-focus #demo-section{flex:1;display:flex;flex-direction:column;justify-content:center;padding-top:1rem;padding-bottom:2rem;min-height:100vh}@media(max-width:640px){.control-bar-container{padding:.25rem .5rem!important;gap:.25rem!important;justify-content:space-between!important}.control-group-left,.control-group-right,.control-group-center{flex-shrink:1!important;min-width:0!important}.mode-container{min-width:unset!important;width:auto!important;max-width:none!important}#custom-mode-trigger{width:2.5rem!important;height:2.5rem!important;padding:0!important;justify-content:center!important;border-radius:50%!important}#selected-mode-text,#dropdown-arrow{display:none!important}#custom-mode-trigger span.flex{margin:0!important;gap:0!important}#selected-mode-icon{margin:0!important;font-size:1.2rem!important}.timer-container{min-width:unset!important}#timer-container{width:auto!important;height:2.5rem!important;padding:0 .75rem!important;min-width:unset!important}#timer-display{font-size:.75rem!important;min-width:unset!important;height:auto!important;padding:0!important}#start-stop-btn{width:2.5rem!important;min-width:2.5rem!important;height:2.5rem!important;padding:0!important;border-radius:50%!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:0!important}#start-stop-text{display:none!important}#start-stop-icon{margin:0!important;width:1.25rem!important;height:1.25rem!important;display:flex!important;align-items:center!important;justify-content:center!important}#settings-btn,#fullscreen-btn{width:2.5rem!important;height:2.5rem!important;padding:0!important;min-height:unset!important;min-width:unset!important}#settings-btn span,#fullscreen-btn span{font-size:1.1rem!important}.start-stop-container{min-width:unset!important}}body.modal-open{overflow:hidden!important;position:fixed;width:100%}body.practice-mode #demo-header-title,body.practice-mode #robot-mascot-container,body.practice-mode #bg-multiplication,body.practice-mode #bg-minus,body.practice-mode #bg-triangle,body.practice-mode #bg-square,body.practice-mode #demo-badge-wrapper{display:none!important}body.practice-mode #practice-mode-simple-title{display:block!important}body.practice-mode #practice-back-btn{display:flex!important}.problem-input.correct-answer-outline{border-color:#22c55e!important;color:#166534!important;border-width:2px!important;background-color:transparent!important}.problem-input.incorrect-answer-outline{border-color:#ef4444!important;color:#991b1b!important;border-width:2px!important;background-color:transparent!important}.comparison-btn.correct-answer-outline{border-color:#22c55e!important;color:#166534!important;border-width:2px!important;background-color:#f0fdf4!important}.comparison-btn.incorrect-answer-outline{border-color:#ef4444!important;color:#991b1b!important;border-width:2px!important;background-color:#fef2f2!important}button.correct-choice-outline{border-color:#22c55e!important;color:#166534!important;border-width:2px!important;background-color:transparent!important;opacity:1!important}button.incorrect-choice-outline{border-color:#ef4444!important;color:#991b1b!important;border-width:2px!important;background-color:transparent!important;opacity:.7!important}button:disabled.correct-choice-outline{opacity:1!important;color:#166534!important}button.correct-choice-outline{border-color:#22c55e!important;color:#14532d!important;background-color:#dcfce7!important;border-width:2px!important;opacity:1!important}button.incorrect-choice-outline{border-color:#ef4444!important;color:#7f1d1d!important;background-color:#fee2e2!important;border-width:2px!important;opacity:1!important}button.user-selected-wrong{background-color:#9333ea!important;color:#fff!important;border-color:#ef4444!important;border-width:4px!important}button.user-selected-wrong{background-color:#f3e8ff!important;color:#6b21a8!important;border-color:#ef4444!important;border-width:2px!important}.history-badge{position:relative;overflow:hidden;transition:all .3s cubic-bezier(.4,0,.2,1)!important}@keyframes badge-glowing{0%{box-shadow:0 4px 6px -1px #0000001a,0 0 5px #8b5cf633}50%{box-shadow:0 10px 15px -3px #8b5cf64d,0 0 20px #8b5cf699}to{box-shadow:0 4px 6px -1px #0000001a,0 0 5px #8b5cf633}}@keyframes badge-shine{to{left:125%}}.history-badge:hover{animation:badge-glowing 2s infinite ease-in-out;border-color:#8b5cf666!important;transform:translateY(-4px) scale(1.03)!important}.history-badge:after{content:"";position:absolute;top:0;left:-75%;width:50%;height:100%;background:linear-gradient(to right,#fff0,#ffffff4d,#fff0);transform:skew(-25deg);transition:.75s;pointer-events:none}.history-badge:hover:after{animation:badge-shine 1s ease-in-out}@keyframes slideInRight{0%{transform:translate(100px);opacity:0}to{transform:translate(0);opacity:1}}@keyframes slideOutLeft{0%{transform:translate(0);opacity:1}to{transform:translate(-100px);opacity:0}}.slide-in-right{animation:slideInRight .3s cubic-bezier(.16,1,.3,1) forwards}.slide-out-left{animation:slideOutLeft .3s cubic-bezier(.16,1,.3,1) forwards}@keyframes carry-pulse{0%{transform:translate(-50%) scale(1)}50%{transform:translate(-50%) scale(1.2);box-shadow:0 0 8px #3b82f699}to{transform:translate(-50%) scale(1)}}.carry-borrow-input:focus{animation:carry-pulse 1s infinite alternate}@keyframes shake-keypad{0%,to{transform:translate(0)}20%,60%{transform:translate(-8px)}40%,80%{transform:translate(8px)}}.shake-animation{animation:shake-keypad .4s ease-in-out}.store-plan-billing-breakdown{max-height:0;opacity:0;overflow:hidden;padding-top:0!important;padding-bottom:0!important;border-color:transparent!important;transition:all .3s cubic-bezier(.4,0,.2,1)}.store-plan-billing-breakdown.expanded{max-height:200px;opacity:1;padding-top:.75rem!important;padding-bottom:.75rem!important;border-color:#f1f5f9!important}#tx-history-container::-webkit-scrollbar,#billing-log-container::-webkit-scrollbar{width:6px}#tx-history-container::-webkit-scrollbar-track,#billing-log-container::-webkit-scrollbar-track{background:transparent}#tx-history-container::-webkit-scrollbar-thumb,#billing-log-container::-webkit-scrollbar-thumb{background-color:#cbd5e1;border-radius:9999px}#tx-history-container::-webkit-scrollbar-thumb:hover,#billing-log-container::-webkit-scrollbar-thumb:hover{background-color:#9333ea}.scrollbar-none::-webkit-scrollbar,.settings-aside-nav::-webkit-scrollbar{display:none}.scrollbar-none,.settings-aside-nav{-ms-overflow-style:none;scrollbar-width:none}.skeleton-shimmer{background:linear-gradient(90deg,#f1f5f9 25%,#e2e8f0,#f1f5f9 75%)!important;background-size:200% 100%!important;animation:loading-shimmer 1.5s infinite linear!important;border-color:#f1f5f9!important;pointer-events:none!important}@keyframes loading-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.settings-tab-btn:active{transform:scale(.96)!important}.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border-width:0!important}body,button,a,span,div:not(.selectable),h1,h2,h3,h4,h5,h6,p,td,th,li,ul,ol,img,svg{-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-touch-callout:none}input,textarea,pre,code,.selectable,[contenteditable=true]{-webkit-user-select:text!important;-moz-user-select:text!important;user-select:text!important}