/*! tailwindcss v4.1.13 | MIT License | https://tailwindcss.com */@layer properties{@supports ((-webkit-hyphens:none) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-duration:initial;--tw-scale-x:1;--tw-scale-y:1;--tw-scale-z:1;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000}}}.invisible{visibility:hidden}.visible{visibility:visible}.sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.sticky{position:sticky}.left-1\/2{left:50%}.z-10{z-index:10}.z-50{z-index:50}.container{width:100%}.mx-auto{margin-inline:auto}.block{display:block}.contents{display:contents}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.inline-block{display:inline-block}.table{display:table}.max-h-\[90vh\]{max-height:90vh}.min-h-screen{min-height:100vh}.w-full{width:100%}.flex-1{flex:1}.flex-grow{flex-grow:1}.-translate-x-1\/2{--tw-translate-x: -50% ;translate:var(--tw-translate-x)var(--tw-translate-y)}.transform{transform:var(--tw-rotate-x,)var(--tw-rotate-y,)var(--tw-rotate-z,)var(--tw-skew-x,)var(--tw-skew-y,)}.cursor-not-allowed{cursor:not-allowed}.cursor-pointer{cursor:pointer}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.overflow-y-auto{overflow-y:auto}.rounded-full{border-radius:3.40282e38px}.border{border-style:var(--tw-border-style);border-width:1px}.border-2{border-style:var(--tw-border-style);border-width:2px}.border-4{border-style:var(--tw-border-style);border-width:4px}.border-t-0{border-top-style:var(--tw-border-style);border-top-width:0}.border-t-2{border-top-style:var(--tw-border-style);border-top-width:2px}.border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.border-transparent{border-color:#0000}.bg-gradient-to-br{--tw-gradient-position:to bottom right in oklab;background-image:linear-gradient(var(--tw-gradient-stops))}.text-center{text-align:center}.text-left{text-align:left}.font-\[\'Fredoka\'\]{font-family:Fredoka}.text-wrap{text-wrap:wrap}.lowercase{text-transform:lowercase}.uppercase{text-transform:uppercase}.underline{text-decoration-line:underline}.opacity-50{opacity:.5}.filter{filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,ease);transition-duration:var(--tw-duration,0s)}.transition-all{transition-property:all;transition-timing-function:var(--tw-ease,ease);transition-duration:var(--tw-duration,0s)}.transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,ease);transition-duration:var(--tw-duration,0s)}.duration-300{--tw-duration:.3s;transition-duration:.3s}@media (hover:hover){.hover\:scale-105:hover{--tw-scale-x:105%;--tw-scale-y:105%;--tw-scale-z:105%;scale:var(--tw-scale-x)var(--tw-scale-y)}}.focus\:ring-1:focus{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(1px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.focus\:ring-2:focus{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(2px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.focus\:ring-4:focus{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(4px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.focus\:ring-offset-2:focus{--tw-ring-offset-width:2px;--tw-ring-offset-shadow:var(--tw-ring-inset,)0 0 0 var(--tw-ring-offset-width)var(--tw-ring-offset-color)}.focus\:outline-none:focus{--tw-outline-style:none;outline-style:none}html,body{box-sizing:border-box;scroll-behavior:smooth;flex-direction:column;width:100%;max-width:100vw;height:auto;min-height:100vh;margin:0;padding:0;display:flex;position:relative;overflow:hidden auto}*{box-sizing:border-box;max-width:100%;margin:0;padding:0}.container{box-sizing:border-box;width:100%;max-width:100%;padding-left:1rem;padding-right:1rem}@media (max-width:640px){.container{padding-left:.75rem;padding-right:.75rem}.game-grid{padding-left:.5rem;padding-right:.5rem}}.game-grid{box-sizing:border-box;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;width:100%;padding:1rem;display:grid}@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-card{box-sizing:border-box;background:linear-gradient(145deg,#fff,#f8fafc);border:4px solid #e2e8f0;border-radius:2rem;flex-direction:column;justify-content:space-between;align-items:center;max-width:100%;min-height:240px;padding:1.5rem;font-family:JetBrains Mono,monospace;transition:all .3s;display:flex;overflow:visible;transform:translateY(0);box-shadow:0 8px 25px #00000026}.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;transform:translateY(-2px);box-shadow:0 12px 35px #0003}.game-card:not(.correct):not(.incorrect):not(:has(input:disabled)):active{transform:translateY(0)}.game-card.correct:hover,.game-card.incorrect:hover{border-color:#3b82f6;transform:translateY(-4px);box-shadow:0 12px 35px #0003}.game-card.correct{background:linear-gradient(145deg,#f0fdf4,#dcfce7);border-color:#22c55e;box-shadow:0 8px 25px #22c55e4d}.game-card.correct:before{content:"✅";font-size:2rem;animation:.6s ease-in-out bounce;position:absolute;bottom:1rem;right:1rem}.game-card.incorrect{background:linear-gradient(145deg,#fef2f2,#fee2e2);border-color:#ef4444;box-shadow:0 8px 25px #ef44444d}.game-card.incorrect:before{content:"❌";font-size:2rem;animation:.6s ease-in-out shake;position:absolute;bottom:1rem;right:1rem}.problem-number{color:#fff;z-index:1;background:linear-gradient(145deg,#3b82f6,#1d4ed8);border-radius:.5rem;padding:.25rem .5rem;font-family:Fredoka,sans-serif;font-size:1rem;font-weight:700;position:absolute;top:.5rem;left:.5rem;box-shadow:0 4px 12px #3b82f666}.game-card:has(.division-problem) .problem-number{border-radius:.5rem;padding:.25rem .5rem;font-size:1rem;top:.5rem;left:.5rem}.math-problem{box-sizing:border-box;color:#1e293b;flex-direction:column;justify-content:center;align-items:center;gap:.4rem;width:auto;min-width:12rem;max-width:none;margin:1rem 0;font-size:2.2rem;font-weight:700;line-height:1.1;display:flex}.math-line{text-align:right;letter-spacing:.1em;min-width:150px;font-family:JetBrains Mono,monospace}.math-problem.strict-columns{color:#1e293b;grid-template-columns:repeat(3,1fr);place-items:center;gap:2px;margin:1rem .5rem;font-size:2.2rem;font-weight:700;line-height:1.1;display:grid;position:relative}.math-problem.strict-columns:before{content:"";color:#6b7280;text-align:center;pointer-events:none;grid-template-columns:repeat(3,1fr);gap:2px;font-family:JetBrains Mono,monospace;font-size:.7rem;font-weight:500;display:grid;position:absolute;top:-1.5rem;left:0;right:0}.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{box-sizing:border-box;background:linear-gradient(145deg,#f9fafb,#f3f4f6);border:3px solid #3b82f680;border-radius:.25rem;justify-content:center;align-items:center;width:8rem;height:8rem;font-family:JetBrains Mono,monospace;font-weight:700;display:flex;position:relative;overflow:hidden}.math-column .math-digit{text-align:center;color:#1f2937;box-sizing:border-box;justify-content:center;align-items:center;width:100%;height:100%;font-size:4rem;font-weight:700;line-height:1;display:flex;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,#fefce8,#fef3c7);border-color:#f59e0b99}.math-column.operator{color:#be185d;box-sizing:border-box;background:linear-gradient(145deg,#fdf2f8,#fce7f3);border-color:#ec489999;justify-content:center;align-items:center;width:100%;height:100%;font-size:4rem;display:flex;overflow:hidden}.math-column.equals{background:linear-gradient(145deg,#f5f3ff,#ede9fe);border-color:#7c3aed99;justify-content:center;align-items:center;display:flex}.math-column.empty{pointer-events:none;background:0 0;border:2px dashed #9ca3af4d}.math-row{display:contents}.math-column .carry-borrow-input{z-index:10;position:absolute;top:.25rem;left:50%;transform:translate(-50%);text-align:center!important;box-sizing:border-box!important;background:#fffffff2!important;border:2px solid #ffa500cc!important;border-radius:50%!important;width:1rem!important;max-width:1rem!important;height:1rem!important;max-height:1rem!important;margin:0!important;padding:0!important;font-size:.7rem!important;line-height:1!important;overflow:hidden!important}.math-column .problem-input{text-align:right!important;color:#1f2937!important;background:#fff!important;border:2px solid #d1d5db!important;border-radius:.25rem!important;width:100%!important;height:100%!important;margin:0!important;padding:0!important;font-family:JetBrains Mono,monospace!important;font-size:4rem!important}.math-column .problem-input:focus{border-color:#3b82f6!important;outline:none!important;box-shadow:0 0 0 3px #3b82f61a!important}.math-column.equals .equals-line{background:linear-gradient(90deg,#6d28d9,#8b5cf6);border-radius:2px;width:100%;height:3px;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{gap:4px;margin:.75rem .25rem;font-size:2rem}.math-column{border-width:2px;width:7rem;height:7rem}.math-column .math-digit{text-align:center;color:#1f2937;justify-content:center;align-items:center;width:100%;height:100%;font-size:3rem;font-weight:700;line-height:1;display:flex}.math-column .problem-input{text-align:right!important;color:#1f2937!important;box-sizing:border-box!important;background:#fff!important;border:2px solid #d1d5db!important;border-radius:.25rem!important;width:100%!important;height:100%!important;margin:0!important;padding:0!important;font-family:JetBrains Mono,monospace!important;font-size:3rem!important;font-weight:700!important;line-height:1!important;overflow:hidden!important}.math-column.operator{width:100%;height:100%;font-size:3rem}.math-column .carry-borrow-input{bottom:2px;right:2px;border-radius:0!important;width:10px!important;max-width:10px!important;height:10px!important;max-height:10px!important;padding:0!important;font-size:5px!important}.math-problem.strict-columns:before{font-size:.6rem;top:-1.2rem}}@media (max-width:480px){.math-problem.strict-columns{gap:4px;margin:.5rem .1rem;font-size:1.8rem}.math-column{border-width:2px;width:7rem;height:7rem}.math-column .math-digit{box-sizing:border-box;text-align:center;color:#1f2937;justify-content:center;align-items:center;width:100%;max-width:24px;height:100%;max-height:24px;padding:2px;font-size:10px;font-weight:700;line-height:1;display:flex;overflow:hidden}.math-column .problem-input{text-align:center!important;box-sizing:border-box!important;color:#1f2937!important;background:#fff!important;border:1px solid #d1d5db!important;border-radius:2px!important;justify-content:center!important;align-items:center!important;width:100%!important;max-width:24px!important;height:100%!important;max-height:24px!important;margin:0!important;padding:0!important;font-family:JetBrains Mono,monospace!important;font-size:10px!important;font-weight:700!important;line-height:1!important;display:flex!important;overflow:hidden!important}.math-column.operator{width:100%;height:100%;font-size:2rem}.math-column .carry-borrow-input{bottom:2px;right:2px;border-radius:0!important;width:8px!important;max-width:8px!important;height:8px!important;max-height:8px!important;padding:0!important;font-size:4px!important}.math-problem.strict-columns:before{font-size:.5rem;top:-1rem}}.math-line.with-operator{justify-content:flex-end;align-items:center;padding-left:3em;display:flex;position:relative}.math-line.with-operator .math-operator{text-align:center;position:absolute;left:1.5em}.digit-wrapper{display:inline-block;position:relative}.carry-borrow-input{z-index:10;box-sizing:border-box;text-align:center;vertical-align:middle;-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield;background-color:#fff;border:1px solid #3b82f6;border-radius:0;width:12px;min-width:12px;max-width:12px;height:12px;min-height:12px;max-height:12px;margin:0;padding:0;font-family:JetBrains Mono,monospace;font-size:6px;font-weight:600;line-height:1.2;display:inline-block;position:absolute;top:-34px;left:50%;transform:translate(-50%);box-shadow:0 1px 3px #0000001a}.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{border-color:#3b82f6;outline:none;box-shadow:0 0 0 2px #3b82f680,0 1px 3px #0000001a}.carry-borrow-input:disabled{color:#9ca3af;cursor:not-allowed;background-color:#f3f4f6;box-shadow:0 1px 2px #0000000d}.carry-borrow-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.carry-borrow-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.carry-borrow-input[type=number]{-moz-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:#fbbf24}.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{z-index:10;position:absolute;top:-8px;left:50%;transform:translate(-50%)}.math-operator{color:#3b82f6;text-align:center;display:inline-block}.math-equals{flex-direction:column;flex-shrink:0;align-items:center;gap:.25rem;padding-top:.5rem;display:flex}.equals-line{background:#1e293b;width:9rem;height:4px}.problem-input{text-align:center;background:#fff;border:2px solid #3b82f6;outline:none;height:3rem;padding:0 .75rem;font-family:ui-monospace,SFMono-Regular,SF Mono,Consolas,Liberation Mono,Menlo,monospace;font-size:1.25rem;font-weight:700}.problem-input:focus{border-color:#2563eb;box-shadow:0 0 0 3px #3b82f61a}.problem-input.clock-time-input{text-align:center;width:10rem}.problem-input.division-input{width:4.5rem}.problem-input.comparison-input{text-align:center;width:3.5rem}.problem-input:focus{background:#fff;border-color:#3b82f6;outline:none;transform:scale(1.05);box-shadow:0 0 0 4px #3b82f64d,inset 0 2px 4px #0000001a;scroll-margin:0!important}.problem-input:disabled{color:#64748b;cursor:not-allowed;background-color:#f8fafc;border-color:#e2e8f0;transform:none}.correct-answer-below{text-align:center;color:#16a34a;box-sizing:border-box;white-space:nowrap;z-index:1;background-color:#f0fdf4;border:2px solid #22c55e;border-radius:6px;flex-shrink:0;align-self:center;width:auto;min-width:-moz-fit-content;min-width:fit-content;margin-top:8px;margin-bottom:12px;padding:4px 8px;font-family:JetBrains Mono,monospace;font-size:.9rem;font-weight:600;line-height:1.2;display:block;overflow:visible}.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{text-align:center;width:8rem}.problem-input.division-input{width:3.2rem}.problem-input.comparison-input{text-align:center;width:2.8rem}.math-equals.regular-math-container .correct-answer-below,.math-equals.clock-time-container .correct-answer-below{white-space:nowrap;width:auto;min-width:-moz-fit-content;min-width:fit-content;margin-bottom:8px;padding:3px 6px;font-size:.8rem;overflow:visible}.math-equals.division-container .correct-answer-below,.math-equals.comparison-container .correct-answer-below{white-space:nowrap;width:auto;min-width:-moz-fit-content;min-width:fit-content;margin-bottom:8px;padding:2px 4px;font-size:.75rem;overflow:visible}}.game-card.correct .problem-input{background:#f0fdf4;border-color:#22c55e}.game-card.incorrect .problem-input{background:#fef2f2;border-color:#ef4444}.achievement-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:2rem;display:grid}.achievement-compact-list{background:linear-gradient(145deg,#f8fafc,#f1f5f9);border:2px solid #e2e8f0;border-radius:1rem;grid-column:1/-1;margin-top:1rem;padding:1.5rem}.achievement-compact-item{text-align:left;border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:center;padding:1rem;font-family:Fredoka,sans-serif;transition:background-color .2s;display:flex}.achievement-compact-item:last-child{border-bottom:none}.achievement-compact-item:hover{background-color:#3b82f60d;border-radius:.5rem}.compact-rank{color:#64748b;text-align:left;min-width:40px;font-size:.9rem;font-weight:700}.compact-medal{text-align:center;opacity:.6;filter:grayscale(80%);min-width:40px;font-size:1.2rem}.compact-score{color:#1e293b;text-align:center;min-width:70px;font-size:.9rem;font-weight:700}.compact-mode{color:#64748b;text-align:left;white-space:nowrap;text-overflow:ellipsis;flex:1;max-width:100px;padding-left:1rem;font-size:.9rem;overflow:hidden}.compact-time{color:#059669;text-align:right;white-space:nowrap;text-overflow:ellipsis;min-width:180px;font-size:.9rem;font-weight:600;overflow:hidden}.achievement-card{text-align:center;background:linear-gradient(145deg,#fff,#f1f5f9);border:3px solid #e2e8f0;border-radius:1.5rem;padding:2rem;transition:all .3s;box-shadow:0 6px 20px #0000001a}.achievement-card:hover{border-color:#3b82f6;transform:translateY(-2px);box-shadow:0 8px 25px #00000026}.achievement-score{color:#1e293b;margin-bottom:1rem;font-family:Fredoka,sans-serif;font-size:2rem;font-weight:800}.achievement-details{color:#64748b;font-size:1.125rem;font-weight:600;line-height:1.6}.achievement-medal{margin-bottom:1rem;font-size:3rem;display:block}@keyframes bounce{0%,20%,53%,80%,to{transform:translate(0)}40%,43%{transform:translateY(-8px)}70%{transform:translateY(-4px)}90%{transform:translateY(-2px)}}@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-offset:2px;outline:4px solid #3b82f6;scroll-margin:0}button{transition:all .3s}button:hover{transform:translateY(-2px)}button:active{transform:translateY(0)}#control-bar{width:100%;transition:all .3s;position:relative;overflow:visible;box-shadow:0 4px 15px #0000001a}#control-bar.sticky{z-index:9999;-webkit-backdrop-filter:blur(10px);background:linear-gradient(135deg,#fffffffa,#f8fafcf2);border:none;border-bottom:3px solid #3b82f666;border-radius:0 0 1rem 1rem;margin:0;position:fixed;top:0;left:0;right:0;box-shadow:0 6px 25px #0003}.control-bar-container{flex-flow:row!important;justify-content:space-between!important;align-items:center!important;width:100%!important;padding:.5rem!important;display:flex!important;overflow:visible!important}.control-group-left,.control-group-right{flex-shrink:0;align-items:center!important;gap:.75rem!important;display:flex!important}.control-item{white-space:nowrap!important;flex:none!important;justify-content:center!important;align-items:center!important;min-width:auto!important;display:flex!important}.timer-container{min-width:100px!important;max-width:140px!important}.timer-display{color:#fff;text-shadow:0 0 10px #fffc,0 0 20px #fff9,1px 1px 2px #00000080;text-align:center;letter-spacing:1px;background:linear-gradient(145deg,#6d28d9,#7c3aed,#9333ea,#a855f7,#c084fc);border:1px solid #e9d5ff;border-radius:1.25rem;width:100%;min-width:70px;padding:.5rem .75rem;font-family:JetBrains Mono,Courier New,monospace;font-size:.875rem;font-weight:700;transition:all .3s;position:relative;overflow:hidden;box-shadow:0 4px 8px #9333ea66,0 2px 4px #0003,inset 0 1px #ffffff4d,inset 0 -1px #0003;justify-content:center!important;align-items:center!important;height:2.5rem!important;display:flex!important}.mode-container{min-width:120px!important;max-width:160px!important}.mode-select{color:#6b21a8;cursor:pointer;background:linear-gradient(135deg,#fff,#f9fafb);border:2px solid #a855f7;border-radius:1rem;outline:none;min-width:90px;padding:.5rem .75rem;font-size:.875rem;font-weight:600;transition:all .3s;box-shadow:0 2px 4px -1px #a855f74d;width:100%!important}.mode-select:hover{border-color:#9333ea;transform:translateY(-1px);box-shadow:0 4px 6px -1px #a855f766}.mode-select:focus{border-color:#7c3aed;outline:none;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{white-space:nowrap;-webkit-user-select:none;-moz-user-select:none;user-select:none;cursor:pointer;text-shadow:1px 1px 2px #0003;border:2px solid;border-radius:1rem;outline:none;font-weight:600;transition:all .3s;box-shadow:0 2px 4px -1px #0000001a;justify-content:center!important;align-items:center!important;width:100%!important;min-width:40px!important;height:2.5rem!important;min-height:2.5rem!important;padding:.5rem!important;font-size:.875rem!important;display:flex!important}.settings-btn{color:#fff;background:linear-gradient(135deg,#6366f1,#4f46e5,#4338ca);border-color:#4f46e5}.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{justify-content:center!important;align-items:center!important;font-size:1rem!important;display:flex!important}.fullscreen-btn{color:#fff;background:linear-gradient(135deg,#f97316,#ea580c);border-color:#ea580c}.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{justify-content:center!important;align-items:center!important;font-size:1rem!important;display:flex!important}.start-stop-btn{color:#fff;text-shadow:0 0 10px #fffc,0 0 20px #fff9,1px 1px 2px #00000080,0 0 30px #10b98199;text-align:center;letter-spacing:1px;background:linear-gradient(145deg,#10b981,#059669,#047857);border:1px solid #059669;border-radius:1.25rem;flex-shrink:0;font-family:JetBrains Mono,Courier New,monospace;font-weight:700;transition:all .3s;animation:2s ease-in-out infinite alternate timer-pulse;position:relative;overflow:hidden;box-shadow:0 4px 8px #10b98166,0 2px 4px #0003,inset 0 1px #ffffff4d,inset 0 -1px #0003;justify-content:center!important;align-items:center!important;width:100%!important;height:2.5rem!important;padding:.5rem 1rem!important;font-size:.875rem!important;display:flex!important}.start-stop-btn:hover{animation:.6s ease-in-out timer-glow;transform:scale(1.05);box-shadow:0 8px 16px #10b98199,0 4px 8px #0000004d,inset 0 1px #fff6,inset 0 -1px #0003,0 0 30px #22c55e99}#control-bar.sticky+#problems-container{margin-top:100px}@media (min-width:769px){.control-bar-container{justify-content:space-between!important}.control-group-left,.control-group-right{flex-direction:row!important;align-items:center!important;gap:.75rem!important;display:flex!important}}@media (min-width:641px) and (max-width:768px){.control-bar-container{justify-content:space-between!important;padding:.375rem!important}.control-group-left,.control-group-right{flex-direction:row!important;align-items:center!important;gap:.5rem!important;display:flex!important}.timer-container{min-width:70px!important;max-width:80px!important}.mode-container{min-width:110px!important;max-width:140px!important}.button-container,.fullscreen-container{min-width:36px!important;max-width:44px!important}.start-stop-container{min-width:70px!important;max-width:85px!important}.control-btn{min-width:36px!important;height:2.25rem!important;min-height:2.25rem!important;padding:.375rem!important;font-size:.8rem!important}.start-stop-btn{border-radius:1rem!important;height:2.25rem!important;padding:.375rem .75rem!important;font-size:.8rem!important}.timer-display{border-radius:1rem;min-width:60px;padding:.375rem .5rem;font-size:.8rem;justify-content:center!important;align-items:center!important;height:2.25rem!important;display:flex!important}}@media (max-width:640px){.control-bar-container{justify-content:space-between!important;gap:.375rem!important;padding:.25rem!important}.control-group-left,.control-group-right{flex-direction:row!important;align-items:center!important;gap:.375rem!important;display:flex!important}.timer-container{min-width:60px!important;max-width:70px!important}.mode-container{min-width:100px!important;max-width:120px!important}.button-container,.fullscreen-container{min-width:32px!important;max-width:40px!important}.start-stop-container{min-width:60px!important;max-width:75px!important}.control-btn{min-width:32px!important;height:2rem!important;min-height:2rem!important;padding:.25rem!important;font-size:.75rem!important}.start-stop-btn{border-radius:.875rem!important;height:2rem!important;padding:.25rem .5rem!important;font-size:.75rem!important}.timer-display{border-radius:.875rem;min-width:50px;padding:.25rem .375rem;font-size:.75rem;justify-content:center!important;align-items:center!important;height:2rem!important;display:flex!important}.mode-select{border-radius:.875rem;padding:.375rem .5rem;font-size:.75rem}#control-bar.sticky+#problems-container{margin-top:80px}}@media (max-width:480px){.control-bar-container{gap:.25rem!important;padding:.125rem!important}.timer-container{min-width:50px!important;max-width:60px!important}.mode-container{min-width:90px!important;max-width:110px!important}.button-container,.fullscreen-container{min-width:30px!important;max-width:36px!important}.start-stop-container{min-width:55px!important;max-width:65px!important}.control-btn{min-width:30px!important;height:1.875rem!important;min-height:1.875rem!important;padding:.125rem!important;font-size:.7rem!important}.start-stop-btn{border-radius:.75rem!important;height:1.875rem!important;padding:.125rem .375rem!important;font-size:.7rem!important}.timer-display{border-radius:.75rem;min-width:45px;padding:.125rem .25rem;font-size:.7rem;justify-content:center!important;align-items:center!important;height:1.875rem!important;display:flex!important}.mode-select{border-radius:.75rem;padding:.25rem .375rem;font-size:.7rem}}.control-btn:focus,.mode-select:focus{outline-offset:2px;outline:2px solid}.control-btn,.mode-select,.timer-display{transition:all .2s}@media (max-width:768px){.game-grid{box-sizing:border-box;grid-template-columns:1fr;gap:1rem;width:100%;max-width:100%;padding:.5rem}.game-card{box-sizing:border-box;width:100%;max-width:100%;min-height:160px;padding:1rem}.math-problem{margin:1rem 0 .5rem;font-size:1.75rem}.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{padding:.25rem .5rem;font-size:.875rem}}.game-card>*{flex-shrink:0}#problems-container{box-sizing:border-box;width:100%;max-width:100%;margin-bottom:2rem;overflow:visible}#problems-grid{box-sizing:border-box;width:100%;max-width:100%;overflow:visible}.math-problem{width:100%;min-width:-moz-fit-content;min-width:fit-content;max-width:none}.gold-medal{color:#fbbf24}.silver-medal{color:#9ca3af}.bronze-medal{color:#d97706}.participation-medal{color:#3b82f6}.best-record{animation:2s ease-in-out infinite alternate glow;position:relative;background:linear-gradient(145deg,#fffbeb,#fef3c7)!important;border:4px solid #fbbf24!important;box-shadow:0 8px 25px #fbbf2466!important}.best-record.double-crown{background:linear-gradient(145deg,#f5f3ff,#ede9fe)!important;border:4px solid #8b5cf6!important;box-shadow:0 8px 25px #8b5cf666!important}.best-record.best-time{background:linear-gradient(145deg,#ecfeff,#cffafe)!important;border:4px solid #06b6d4!important;box-shadow:0 8px 25px #06b6d466!important}.record-badge{color:#fff;white-space:nowrap;z-index:10;background:linear-gradient(145deg,#fbbf24,#f59e0b);border:2px solid #fff;border-radius:1rem;padding:.5rem 1rem;font-size:.875rem;font-weight:800;position:absolute;top:-15px;left:50%;transform:translate(-50%);box-shadow:0 4px 12px #fbbf2466}.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:2s ease-in-out infinite alternate crown-glow}@keyframes crown-glow{0%{box-shadow:0 8px 25px #8b5cf666}to{box-shadow:0 12px 35px #8b5cf699}}.best-record.best-time{animation:2s ease-in-out infinite alternate time-glow}@keyframes time-glow{0%{box-shadow:0 8px 25px #06b6d466}to{box-shadow:0 12px 35px #06b6d499}}.toggle-bg{transition:background-color .3s}.toggle-dot{transition:transform .3s}#free-time-toggle:checked+.toggle-bg{background-color:#3b82f6}#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,visibility .3s}#settings-modal.hidden{opacity:0;visibility:hidden}#settings-modal:not(.hidden){opacity:1;visibility:visible}#settings-modal>div{transition:transform .3s;transform:scale(.9)}#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{margin-bottom:1rem;font-size:1.5rem}#settings-modal .text-6xl{margin-bottom:.5rem;font-size:3rem}#settings-modal .text-lg{font-size:.875rem}#settings-modal .flex.gap-4{flex-direction:column;gap:.75rem}#settings-modal label{margin-bottom:.5rem!important;padding:.75rem!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{cursor:pointer;background-color:#d1d5db;border-radius:9999px;width:3rem;height:1.5rem;display:inline-block;position:relative;box-shadow:inset 0 2px 4px #0000001a}.toggle-dot{background-color:#fff;border-radius:50%;width:1.25rem;height:1.25rem;transition:transform .3s;position:absolute;top:.125rem;left:.125rem;box-shadow:0 2px 4px #0003}#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 #fff3}@media (max-width:640px){#timer-hint{max-width:85vw;padding:.75rem 1.25rem;font-size:1rem;bottom:1rem!important}}.toast-container{z-index:9999;pointer-events:none;flex-direction:column;align-items:center;gap:.5rem;display:flex;position:fixed;top:2rem;left:50%;transform:translate(-50%)}.toast{color:#fff;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);pointer-events:auto;text-align:center;background:#3b82f6f2;border:1px solid #fff3;border-radius:.75rem;max-width:90vw;padding:.75rem 1.25rem;font-family:Fredoka,sans-serif;font-size:1rem;font-weight:500;transition:all .2s;animation:.3s ease-out toast-slideUp;box-shadow:0 10px 25px #0003}.toast.toast-error{background:#ef4444f2;border-color:#ffffff4d}.toast.toast-success{background:#22c55ef2;border-color:#ffffff4d}.toast.toast-exit{animation:.3s ease-in forwards toast-slideDown}@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{border-radius:.625rem;max-width:85vw;padding:.625rem 1rem;font-size:.875rem}}@keyframes slideUp{0%{opacity:0;transform:translate(-50%,100%)}to{opacity:1;transform:translate(-50%)}}#timer-hint{animation:.3s ease-out slideUp,.6s ease-in-out .3s bounce}#max-problems-input{text-align:left!important}#max-problems-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}#max-problems-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}#max-problems-input[type=number]{-moz-appearance:textfield}.division-grid:not(.comparison-mode){box-sizing:border-box;grid-auto-flow:dense;gap:1rem;width:100%;max-width:100%;margin:0 auto;overflow:hidden;grid-template-columns:repeat(2,1fr)!important}.division-grid:not(.comparison-mode) .game-card{min-width:unset;box-sizing:border-box;width:100%;max-width:100%;min-height:280px;padding:1rem;overflow:hidden}.game-grid.division-grid.comparison-mode{box-sizing:border-box;grid-auto-flow:dense;gap:1.5rem;max-width:100%;margin:0 auto;grid-template-columns:repeat(3,1fr)!important}.game-grid.mixed-mode{box-sizing:border-box;grid-auto-flow:dense;gap:1rem;width:100%;max-width:100%;margin:0 auto;overflow:hidden;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))!important}.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{gap:1rem;grid-template-columns:1fr!important}.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{border-radius:.5rem;padding:.25rem .5rem;font-size:1rem;top:.5rem;left:.5rem}.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{flex-direction:column;justify-content:center;min-width:220px;min-height:130px;padding:.75rem;display:flex}@media (max-width:768px){.game-grid.division-grid.comparison-mode{gap:1rem;grid-template-columns:repeat(2,1fr)!important}.division-grid:not(.comparison-mode){gap:1rem;grid-template-columns:1fr!important}}@media (max-width:480px){.division-grid,.game-grid.division-grid.comparison-mode{gap:.75rem;grid-template-columns:1fr!important}.division-grid:not(.comparison-mode) .game-card{min-height:240px;padding:.75rem}}@media (max-width:640px){.division-grid .game-card{box-sizing:border-box;width:100%;min-height:230px;padding:.75rem}.emoji-box{border-radius:.5rem;flex-shrink:0;justify-content:center;gap:.25rem;min-width:65px;max-width:75px;min-height:70px;margin-top:10px;padding:.6rem .25rem .25rem;overflow:visible}.emoji-box .emoji-item{margin:.5px;font-size:.9rem;line-height:1}.emoji-box:has(.emoji-item:nth-child(2)){grid-template-columns:repeat(2,1fr);gap:1px;padding:.1rem;display:grid}.emoji-box:has(.emoji-item:nth-child(4)){grid-template-columns:repeat(2,1fr)}.emoji-box:has(.emoji-item:nth-child(6)),.emoji-box:has(.emoji-item:nth-child(9)){grid-template-columns:repeat(3,1fr)}.box-label{text-align:center;z-index:10;white-space:nowrap;letter-spacing:.125px;border-radius:.1875rem;min-width:24px;padding:.125rem .25rem;font-size:.5625rem;line-height:1;position:absolute;top:-8px;left:50%;transform:translate(-50%)}.division-problem{gap:.8rem;margin:.5rem 0}.sharing-text{margin-bottom:.5rem;font-size:.9rem;line-height:1.3}.division-input .problem-input{height:2.25rem;margin:0 .25rem;font-size:1.2rem}.division-input .problem-input.division-input{width:3rem}.multiplication-equation{margin-top:.5rem;padding:.25rem;font-size:.9rem}.emoji-container{justify-content:center;align-items:center;gap:.5rem}}.division-problem{flex-direction:column;align-items:center;gap:.5rem;margin:.5rem 0;display:flex}.division-prompt{text-align:center;z-index:1;margin-bottom:.5rem;position:relative}.sharing-text{color:#1e293b;z-index:10;text-align:center;width:100%;box-shadow:none;box-sizing:border-box;background:0 0;border:none;outline:none;margin-bottom:.25rem;padding:.2rem 0;font-size:1.25rem;font-weight:700;line-height:1.3;display:block;position:relative}.emoji-container{box-sizing:border-box;flex-flow:wrap;justify-content:center;align-items:flex-start;gap:.75rem;width:100%;max-width:100%;min-height:120px;margin:.5rem 0;padding-top:12px;display:flex;position:relative;overflow:visible}@media (max-width:400px){.emoji-container{flex-direction:column;align-items:center;gap:.75rem}}.emoji-grid{justify-content:center!important;justify-items:center!important;width:-moz-fit-content!important;width:fit-content!important;margin:0 auto!important;display:grid!important}.emoji-item{cursor:pointer;font-size:2rem;transition:all .3s;animation:.5s ease-out bounce-in}.emoji-item:hover{transform:scale(1.2)}.emoji-box{box-sizing:border-box;background:linear-gradient(145deg,#f0f9ff,#e0f2fe);border:2px solid #0284c7;border-radius:.75rem;flex-flow:column wrap;justify-content:center;align-items:center;gap:.3rem;min-width:80px;max-width:90px;min-height:75px;margin-top:12px;padding:.8rem .3rem .3rem;transition:all .3s;animation:.6s ease-out group-appear;display:flex;position:relative;overflow:visible}.emoji-box .emoji-item{margin:1px;font-size:1.25rem;line-height:1;animation:none;display:inline-block;position:relative}.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,#fefce8,#fef3c7);border-color:#eab308}.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,#fefce8,#fef3c7);border-color:#eab308}.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}}.multiplication-equation{color:#3b82f6;text-align:center;box-sizing:border-box;background:linear-gradient(145deg,#eff6ff,#dbeafe);border:2px solid #3b82f6;border-radius:.5rem;margin-top:.5rem;padding:.4rem;font-size:1rem;font-weight:700;animation:.5s ease-out slide-up;box-shadow:0 2px 8px #3b82f633}.box-label{color:#fff;text-transform:uppercase;letter-spacing:.25px;z-index:10;white-space:nowrap;text-align:center;border-radius:.25rem;min-width:28px;margin-bottom:4px;padding:.15rem .35rem;font-size:.625rem;font-weight:700;line-height:1;position:absolute;top:-10px;left:50%;transform:translate(-50%);box-shadow:0 1px 2px #0003}.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:#eab308}.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{gap:.4rem;max-width:100px;min-height:80px;padding:.4rem}.emoji-box-medium{gap:.5rem;max-width:120px;min-height:100px;padding:.5rem}.emoji-box-large{gap:.6rem;max-width:140px;min-height:120px;padding:.6rem}.division-input{text-align:center}.division-input .problem-input{height:2.25rem;margin:0 .25rem;font-size:1.25rem}.division-input .problem-input.division-input{width:4rem}.celebration-animation{pointer-events:none;z-index:10;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.celebration-item{opacity:0;font-size:2rem;animation:1s ease-out forwards celebrate-burst;display:inline-block}@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){box-sizing:border-box;max-width:100%;min-height:300px;padding:1.25rem;overflow:hidden}@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;margin-bottom:1.5rem;padding:1.5rem;transition:all .3s}.settings-form-group:hover{border-color:#3b82f6;box-shadow:0 4px 12px #3b82f626}.comparison-problem{text-align:center;flex-wrap:wrap;justify-content:center;align-items:center;gap:1rem;padding:1rem;display:flex}.comparison-problem .math-line{color:#4c1d95;min-width:60px;margin:0;font-family:JetBrains Mono,monospace;font-size:2rem;font-weight:700}.comparison-problem .math-question{background:#ffffff80;border:2px solid #8b5cf633;border-radius:1rem;justify-content:center;align-items:center;gap:.75rem;margin-bottom:.75rem;padding:.5rem;display:flex}.comparison-problem .math-equals{color:#6b21a8;white-space:nowrap;justify-content:center;align-items:center;gap:.5rem;margin:0;font-size:1rem;font-weight:600;display:flex;border-top:none!important;padding-top:0!important}.comparison-input{text-align:center;color:#4c1d95;cursor:default;background:#f3f4f6;border:3px solid #8b5cf6;border-radius:.75rem;height:40.5px;margin:0;font-size:1.5rem;font-weight:700;transition:all .2s;box-shadow:0 2px 4px #0000001a}.comparison-input.problem-input.comparison-input{width:3rem}.comparison-input:focus{outline:none}.comparison-buttons{flex-wrap:wrap;justify-content:center;gap:.25rem;max-width:100%;margin-top:.5rem;display:flex}.comparison-problem>.correct-answer-below{justify-content:center;align-items:center;width:auto;min-width:-moz-fit-content;min-width:fit-content;margin-top:.5rem;margin-bottom:0;display:flex}.comparison-btn{color:#4c1d95;cursor:pointer;white-space:normal;text-align:center;text-overflow:ellipsis;background:#fff;border:2px solid #8b5cf6;border-radius:.4rem;flex:1;min-width:55px;max-width:70px;padding:.3rem .4rem;font-size:.65rem;font-weight:600;line-height:1.1;transition:all .2s;overflow:hidden;box-shadow:0 1px 3px #0000001a}.comparison-btn:hover:not(:disabled){color:#fff;background:#8b5cf6;transform:translateY(-1px);box-shadow:0 2px 6px #8b5cf64d}.comparison-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.comparison-btn.selected{color:#fff;background:#8b5cf6;border-color:#7c3aed;box-shadow:0 0 8px #8b5cf666}.correct-answer-text{color:#dc2626;margin-left:.5rem;font-size:.9rem;font-weight:700}.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{min-width:50px;font-size:1.5rem}.comparison-input.problem-input.comparison-input{width:2.5rem;height:36px;font-size:1.25rem}.comparison-buttons{flex-flow:wrap;justify-content:center;gap:.25rem;max-width:100%}.comparison-btn{text-align:center;flex:1;min-width:45px;max-width:60px;padding:.25rem .3rem;font-size:.6rem;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{border-radius:1rem;padding:1.5rem}.achievement-card.best-record.best-score{text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:1.5rem;display:flex}.achievement-score{margin-bottom:.5rem;font-size:1.5rem}.achievement-details{font-size:1rem;line-height:1.4}.achievement-compact-list{margin-top:.75rem;padding:1rem}.achievement-compact-item{padding:.5rem}.compact-rank{min-width:35px;font-size:.875rem}.compact-medal{opacity:.6;filter:grayscale(80%);min-width:25px;font-size:1.125rem}.compact-score{min-width:70px;font-size:.875rem}.compact-mode{max-width:80px;font-size:.875rem}.compact-time{min-width:50px;font-size:.875rem}}input[name=global-difficulty]{-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;background:#fff;border:2px solid #a855f7;border-radius:50%;width:20px;height:20px;transition:all .3s;position:relative}input[name=global-difficulty]:checked{background:#a855f7;border-color:#9333ea;box-shadow:0 0 0 4px #a855f733}input[name=global-difficulty]:checked:after{content:"";background:#fff;border-radius:50%;width:8px;height:8px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);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);box-shadow:0 4px 12px #a855f733;border-color:#a855f7!important}label:has(input[name=global-difficulty]) .ml-3,label:has(input[name=global-difficulty]) .ml-3 div{text-align:left;align-self:flex-start}.division-input .math-equals.division-answer-line{box-sizing:border-box;gap:.25rem;width:100%;padding-top:.5rem;flex-direction:column!important;justify-content:center!important;align-items:center!important;display:flex!important}.division-input .math-equals.division-answer-line .inline-answer-group{flex-wrap:wrap;gap:.5rem;width:100%;flex-direction:row!important;justify-content:center!important;align-items:center!important;display:flex!important}.answer-label{color:#1e293b;white-space:nowrap;font-size:1rem;font-weight:600}.answer-emoji{margin-left:.25rem;font-size:1.25rem}.correct-answer-inline{color:#22c55e;white-space:nowrap;margin-left:.25rem;font-size:1rem;font-weight:700}@media (min-width:400px){.division-input .math-equals.division-answer-line{gap:.5rem;flex-direction:column!important}.division-input .math-equals.division-answer-line .inline-answer-group{flex-wrap:nowrap;gap:.75rem;flex-direction:row!important}.answer-label{font-size:1.1rem}.answer-emoji{margin-left:.5rem;font-size:1.5rem}.correct-answer-inline{margin-left:.5rem;font-size:1.1rem}}@media (min-width:768px){.division-input .math-equals.division-answer-line{gap:.75rem;flex-direction:column!important}.division-input .math-equals.division-answer-line .inline-answer-group{flex-wrap:nowrap;gap:1rem;flex-direction:row!important}.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{text-align:center;align-items:center;gap:.5rem;flex-direction:column!important}.division-input .math-equals.division-answer-line .inline-answer-group{flex-wrap:wrap;justify-content:center;gap:.25rem;flex-direction:row!important}.answer-label{font-size:.9rem}.answer-emoji{margin-left:0;font-size:1.1rem}.correct-answer-inline{margin-left:0;font-size:.9rem}}.digit-cell{width:var(--digit-cell-width,3rem);height:var(--digit-cell-height,3rem);font-family:ui-monospace,SFMono-Regular,SF Mono,Consolas,Liberation Mono,Menlo,monospace;font-size:var(--digit-cell-font-size,1.25rem);color:inherit;font-weight:inherit;border:1px solid #e2e8f0;border-left:none;justify-content:center;align-items:center;display:flex}.digit-cell:first-child{border-left:1px solid #e2e8f0}.math-display-container{align-items:center;gap:2px;display:flex;position:relative}.operator-sign{color:#475569;text-align:center;justify-content:center;align-items:center;width:2rem;height:3rem;font-size:2rem;font-weight:700;display:flex;position:absolute;bottom:0;left:-2.125rem}.problem-content{flex-direction:column;align-items:center;display:flex}.carry-row{height:1.5rem;margin-bottom:.25rem;display:flex}.carry-cell{color:#dc2626;justify-content:center;align-items:center;width:3rem;font-size:.875rem;font-weight:700;display:flex}.number-grid{flex-direction:column;display:flex}.num-row{display:flex}.separator-line{background:#1e293b;height:2px;margin:.5rem 0}.vedic-add-problem-display,.exact-grid-display{align-items:flex-start;display:flex}.operator-column{flex-direction:column;align-items:center;display:flex}.partial-row{align-items:center;display:flex}.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:3rem;height:0}.operator-column>div,.operator-column>div:first-child{width:2.5rem;height:3rem}.operator-column>div:nth-child(2){color:#475569;justify-content:center;align-items:center;font-size:1.875rem;line-height:2.25rem;display:flex}@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,.operator-column>div:first-child{width:2.5rem;height:4.5rem}.operator-column>div:nth-child(2){font-size:3rem;line-height:1}.separator-row>div{width:4.5rem}}.vedic-add-problem-display,.exact-grid-display{box-shadow:none;background:0 0;border:none;border-radius:0;margin:0;padding:0}.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{opacity:0!important;visibility:hidden!important;transition:all .3s!important;display:none!important;transform:scale(.8)!important}.mode-select:not(.hidden-buttons),.settings-btn:not(.hidden-buttons){transition:all .3s!important}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-duration{syntax:"*";inherits:false}@property --tw-scale-x{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-y{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-z{syntax:"*";inherits:false;initial-value:1}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}