.maths-memory-container{max-width:64rem;margin-left:auto;margin-right:auto;padding:1rem}.game-setup{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1));--tw-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color),0 4px 6px -4px var(--tw-shadow-color);max-width:42rem;box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);border-radius:.75rem;margin-left:auto;margin-right:auto;padding:2rem}.game-setup:is(.dark *){--tw-bg-opacity:1;background-color:rgb(31 41 55/var(--tw-bg-opacity,1))}.setup-section{margin-bottom:1.5rem}.setup-label{--tw-text-opacity:1;color:rgb(31 41 55/var(--tw-text-opacity,1));margin-bottom:.75rem;font-size:1.125rem;font-weight:600;line-height:1.75rem;display:block}.setup-label:is(.dark *){--tw-text-opacity:1;color:rgb(229 231 235/var(--tw-text-opacity,1))}.button-group{flex-wrap:wrap;gap:.75rem;display:flex}.option-button{--tw-border-opacity:1;border-width:2px;border-color:rgb(209 213 219/var(--tw-border-opacity,1));--tw-text-opacity:1;color:rgb(55 65 81/var(--tw-text-opacity,1));border-radius:.5rem;padding:.5rem 1.5rem;font-weight:500;transition-property:all;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.option-button:is(.dark *){--tw-border-opacity:1;border-color:rgb(75 85 99/var(--tw-border-opacity,1));--tw-text-opacity:1;color:rgb(209 213 219/var(--tw-text-opacity,1))}.option-button:hover{--tw-border-opacity:1;border-color:rgb(59 130 246/var(--tw-border-opacity,1));--tw-text-opacity:1;color:rgb(37 99 235/var(--tw-text-opacity,1))}.option-button:hover:is(.dark *){--tw-border-opacity:1;border-color:rgb(96 165 250/var(--tw-border-opacity,1));--tw-text-opacity:1;color:rgb(96 165 250/var(--tw-text-opacity,1))}.option-button.active{--tw-border-opacity:1;border-color:rgb(37 99 235/var(--tw-border-opacity,1));--tw-bg-opacity:1;background-color:rgb(37 99 235/var(--tw-bg-opacity,1));--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.option-button.active:is(.dark *){--tw-border-opacity:1;border-color:rgb(59 130 246/var(--tw-border-opacity,1));--tw-bg-opacity:1;background-color:rgb(59 130 246/var(--tw-bg-opacity,1))}.option-button.active:hover{--tw-border-opacity:1;border-color:rgb(29 78 216/var(--tw-border-opacity,1));--tw-bg-opacity:1;background-color:rgb(29 78 216/var(--tw-bg-opacity,1))}.option-button.active:hover:is(.dark *){--tw-border-opacity:1;border-color:rgb(37 99 235/var(--tw-border-opacity,1));--tw-bg-opacity:1;background-color:rgb(37 99 235/var(--tw-bg-opacity,1))}.start-button{--tw-text-opacity:1;width:100%;color:rgb(255 255 255/var(--tw-text-opacity,1));background-image:linear-gradient(to right,var(--tw-gradient-stops));--tw-gradient-from:#2563eb var(--tw-gradient-from-position);--tw-gradient-to:#9333ea var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to);border-radius:.5rem;margin-top:1.5rem;padding:1rem 2rem;font-size:1.125rem;font-weight:700;line-height:1.75rem}.start-button:hover{--tw-gradient-from:#1d4ed8 var(--tw-gradient-from-position);--tw-gradient-to:#7e22ce var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.start-button{--tw-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color),0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);transition-property:all;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.stats-bar{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1));--tw-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;--tw-shadow-colored:0 4px 6px -1px var(--tw-shadow-color),0 2px 4px -2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);border-radius:.75rem;justify-content:space-around;align-items:center;margin-bottom:1.5rem;padding:1rem;display:flex}.stats-bar:is(.dark *){--tw-bg-opacity:1;background-color:rgb(31 41 55/var(--tw-bg-opacity,1))}.stat-item{flex-direction:column;align-items:center;display:flex}.stat-label{--tw-text-opacity:1;color:rgb(75 85 99/var(--tw-text-opacity,1));font-size:.875rem;font-weight:500;line-height:1.25rem}.stat-label:is(.dark *){--tw-text-opacity:1;color:rgb(156 163 175/var(--tw-text-opacity,1))}.stat-value{--tw-text-opacity:1;color:rgb(37 99 235/var(--tw-text-opacity,1));font-size:1.5rem;font-weight:700;line-height:2rem}.stat-value:is(.dark *){--tw-text-opacity:1;color:rgb(96 165 250/var(--tw-text-opacity,1))}.card-grid{justify-content:center;gap:.75rem;margin-bottom:1.5rem;display:grid}@media (min-width:640px){.card-grid{gap:1rem}}.card-grid.grid-cols-4{grid-template-columns:repeat(4,minmax(80px,120px))}.card-grid.grid-cols-5{grid-template-columns:repeat(5,minmax(70px,100px))}@media (max-width:640px){.card-grid.grid-cols-4{grid-template-columns:repeat(4,minmax(70px,90px))}.card-grid.grid-cols-5{grid-template-columns:repeat(5,minmax(60px,75px))}}.card-wrapper{cursor:pointer}.memory-card{aspect-ratio:3/4;width:100%;transform-style:preserve-3d;cursor:pointer;transition:transform .6s;position:relative}.memory-card.flipped{transform:rotateY(180deg)}.memory-card.matched{cursor:default;animation:.5s ease-out matchSuccess}.memory-card.matched .card-front{--tw-border-opacity:1;border-color:rgb(16 185 129/var(--tw-border-opacity,1))}.memory-card.matched .card-front:is(.dark *){--tw-border-opacity:1;border-color:rgb(52 211 153/var(--tw-border-opacity,1))}.memory-card.matched .card-front{border-width:3px;box-shadow:0 0 12px #10b98166}.memory-card.matched .card-content{--tw-text-opacity:1;color:rgb(4 120 87/var(--tw-text-opacity,1))}.memory-card.matched .card-content:is(.dark *){--tw-text-opacity:1;color:rgb(110 231 183/var(--tw-text-opacity,1))}.memory-card.matched .card-front:after{content:"";background:linear-gradient(135deg,#10b981,#059669);border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;display:flex;position:absolute;top:6px;right:6px}.memory-card.matched .card-front:before{content:"";z-index:1;border:2px solid #fff;border-width:0 2px 2px 0;width:5px;height:10px;position:absolute;top:10px;right:14px;transform:rotate(45deg)}@keyframes matchSuccess{0%{transform:rotateY(180deg) scale(1)}50%{transform:rotateY(180deg) scale(1.08)}to{transform:rotateY(180deg) scale(1)}}.card-face{backface-visibility:hidden;--tw-border-opacity:1;border-width:2px;border-color:rgb(209 213 219/var(--tw-border-opacity,1));border-radius:.75rem;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:absolute}.card-face:is(.dark *){--tw-border-opacity:1;border-color:rgb(75 85 99/var(--tw-border-opacity,1))}.card-back{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1));background:linear-gradient(135deg,#1e3a5f,#2d5a7b 35%,#3d7a9e 65%,#1e3a5f);font-size:2.25rem;font-weight:700;line-height:2.5rem;box-shadow:inset 0 0 0 3px #ffffff26,inset 0 0 20px #0003}.card-back:before{content:"";pointer-events:none;border:1px solid #fff3;border-radius:8px;position:absolute;inset:6px}.card-back-pattern{opacity:.9;text-shadow:0 2px 4px #0000004d}.card-front{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}.card-front:is(.dark *){--tw-bg-opacity:1;background-color:rgb(55 65 81/var(--tw-bg-opacity,1))}.card-front{transform:rotateY(180deg)}.card-content{--tw-text-opacity:1;color:rgb(31 41 55/var(--tw-text-opacity,1));font-size:1.5rem;font-weight:700;line-height:2rem}.card-content:is(.dark *){--tw-text-opacity:1;color:rgb(243 244 246/var(--tw-text-opacity,1))}@media (min-width:640px){.card-content{font-size:1.875rem;line-height:2.25rem}}.card-content{overflow-wrap:break-word;text-align:center;padding:.5rem}.modal-overlay{z-index:50;background-color:rgb(0 0 0/var(--tw-bg-opacity,1));--tw-bg-opacity:.5;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal-content{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1));border-radius:1rem;max-width:28rem;margin-left:1rem;margin-right:1rem;padding:2rem}.modal-content:is(.dark *){--tw-bg-opacity:1;background-color:rgb(31 41 55/var(--tw-bg-opacity,1))}.modal-content{text-align:center;--tw-shadow:0 25px 50px -12px #00000040;--tw-shadow-colored:0 25px 50px -12px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.final-stats{margin-bottom:1.5rem}.final-stats>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(.75rem*calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.75rem*var(--tw-space-y-reverse))}.final-stat{--tw-bg-opacity:1;background-color:rgb(243 244 246/var(--tw-bg-opacity,1));border-radius:.5rem;justify-content:space-between;align-items:center;padding:.75rem;display:flex}.final-stat:is(.dark *){--tw-bg-opacity:1;background-color:rgb(55 65 81/var(--tw-bg-opacity,1))}.play-again-button{--tw-text-opacity:1;width:100%;color:rgb(255 255 255/var(--tw-text-opacity,1));background-image:linear-gradient(to right,var(--tw-gradient-stops));--tw-gradient-from:#22c55e var(--tw-gradient-from-position);--tw-gradient-to:#2563eb var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to);border-radius:.5rem;padding:.75rem 1.5rem;font-weight:700}.play-again-button:hover{--tw-gradient-from:#16a34a var(--tw-gradient-from-position);--tw-gradient-to:#1d4ed8 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.play-again-button{--tw-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color),0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);transition-property:all;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.control-buttons{justify-content:center;gap:1rem;display:flex}.control-button{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1));--tw-bg-opacity:1;background-color:rgb(75 85 99/var(--tw-bg-opacity,1));border-radius:.5rem;padding:.5rem 1.5rem;font-weight:500}.control-button:hover,.control-button:is(.dark *){--tw-bg-opacity:1;background-color:rgb(55 65 81/var(--tw-bg-opacity,1))}.control-button:hover:is(.dark *){--tw-bg-opacity:1;background-color:rgb(75 85 99/var(--tw-bg-opacity,1))}.control-button{--tw-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;--tw-shadow-colored:0 4px 6px -1px var(--tw-shadow-color),0 2px 4px -2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);transition-property:all;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}