.math-meteor-game{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;padding:1rem;background:linear-gradient(135deg,#1a1a2e,#16213e,#0f3460)}.game-canvas-container{border-radius:16px;overflow:hidden;box-shadow:0 0 20px #00a6b34d,0 8px 32px #0000004d;max-width:100%;width:800px;transition:transform .3s ease,box-shadow .3s ease}.game-canvas-container:hover{transform:translateY(-2px);box-shadow:0 0 30px #00a6b366,0 12px 40px #0006}.game-canvas-container canvas{display:block;width:100%!important;height:auto!important}.game-stats{display:flex;gap:1rem;flex-wrap:wrap;justify-content:center;padding:1rem;margin-top:1rem}.stat-item{background:#ffffff0d;border:2px solid rgba(255,255,255,.1);border-radius:12px;padding:.75rem 1.5rem;min-width:100px;text-align:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .3s ease}.stat-item:hover{transform:translateY(-2px);border-color:#00a6b380;box-shadow:0 4px 20px #00a6b333}.stat-item .stat-label{font-size:.75rem;text-transform:uppercase;letter-spacing:.05em;color:#fff9;margin-bottom:.25rem}.stat-item .stat-value{font-size:1.5rem;font-weight:700;color:#fff}.stat-item.score{border-color:#00a6b366;background:#00a6b31a}.stat-item.score .stat-value{color:#00a6b3}.stat-item.level{border-color:#ff9a6f66;background:#ff9a6f1a}.stat-item.level .stat-value{color:#ff9a6f}.stat-item.lives{border-color:#ff6b6b66;background:#ff6b6b1a}.stat-item.lives .stat-value{color:#ff6b6b}.stat-item.streak{border-color:#fae4b066;background:#fae4b01a}.stat-item.streak .stat-value{color:#fae4b0}@keyframes score-pulse{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(1)}}.stat-item.score-increased .stat-value{animation:score-pulse .3s ease}@keyframes life-shake{0%,to{transform:translate(0)}10%,30%,50%,70%,90%{transform:translate(-2px)}20%,40%,60%,80%{transform:translate(2px)}}.stat-item.life-lost{animation:life-shake .5s ease}.game-title{font-size:2rem;font-weight:700;color:#00a6b3;text-align:center;margin-bottom:.5rem;text-shadow:0 2px 4px rgba(0,0,0,.3),0 0 20px rgba(0,166,179,.3)}.game-instructions{font-size:.875rem;color:#ffffffb3;text-align:center;max-width:500px;margin-bottom:1rem;line-height:1.5}.game-buttons{display:flex;gap:1rem;margin-top:1.5rem;flex-wrap:wrap;justify-content:center}.game-button{padding:.75rem 2rem;border-radius:30px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;border:none;outline:none}.game-button.primary{background:linear-gradient(135deg,#00a6b3,#008a94);color:#fff;box-shadow:0 4px 15px #00a6b366}.game-button.primary:hover{transform:translateY(-2px);box-shadow:0 6px 20px #00a6b380}.game-button.primary:active{transform:translateY(0)}.game-button.secondary{background:transparent;color:#ffffffb3;border:2px solid rgba(255,255,255,.3)}.game-button.secondary:hover{color:#fff;border-color:#ffffff80;background:#ffffff1a}.game-over-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:#000000d9;display:flex;flex-direction:column;align-items:center;justify-content:center;animation:fade-in .5s ease}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.game-over-title{font-size:3rem;font-weight:700;color:#fff;margin-bottom:1rem;text-shadow:0 0 10px rgba(255,255,255,.5),0 0 30px rgba(255,255,255,.3)}.game-over-score{font-size:1.5rem;color:#a1e3fc;margin-bottom:.5rem}.game-over-stats{font-size:1rem;color:#fae4b0;margin-bottom:2rem}@keyframes float-up{0%{opacity:1;transform:translateY(0) scale(1)}to{opacity:0;transform:translateY(-60px) scale(1.5)}}.floating-points{position:absolute;font-size:1.5rem;font-weight:700;pointer-events:none;animation:float-up 1s ease forwards}.floating-points.correct{color:#4ade80;text-shadow:0 0 10px rgba(74,222,128,.5)}.floating-points.incorrect{color:#ff6b6b;text-shadow:0 0 10px rgba(255,107,107,.5)}.streak-indicator{position:absolute;top:90px;left:50%;transform:translate(-50%);background:linear-gradient(135deg,#fae4b0,#f7d880);color:#1a1a2e;padding:.25rem 1rem;border-radius:20px;font-size:.875rem;font-weight:700;box-shadow:0 4px 15px #fae4b066;animation:streak-bounce .5s ease}@keyframes streak-bounce{0%,to{transform:translate(-50%) scale(1)}50%{transform:translate(-50%) scale(1.1)}}@media(max-width:850px){.game-canvas-container{width:100%;max-width:600px}.game-stats{gap:.75rem}.stat-item{padding:.5rem 1rem;min-width:80px}.stat-item .stat-value{font-size:1.25rem}.game-title{font-size:1.5rem}}@media(max-width:500px){.math-meteor-game{padding:.5rem}.game-canvas-container{border-radius:12px}.game-stats{gap:.5rem}.stat-item{padding:.5rem .75rem;min-width:70px}.stat-item .stat-label{font-size:.65rem}.stat-item .stat-value{font-size:1rem}.game-title{font-size:1.25rem}.game-instructions{font-size:.75rem;padding:0 .5rem}.game-button{padding:.6rem 1.5rem;font-size:.875rem}}[data-theme=light] .math-meteor-game{background:linear-gradient(135deg,#f0f4f8,#e0e8f0,#d0dce8)}[data-theme=light] .stat-item{background:#00000008;border-color:#0000001a}[data-theme=light] .game-instructions{color:#0009}.game-button:focus-visible{outline:3px solid #a1e3fc;outline-offset:2px}@media(prefers-reduced-motion:reduce){.stat-item,.game-canvas-container,.game-button{transition:none}.stat-item.score-increased .stat-value,.stat-item.life-lost,.streak-indicator,.floating-points{animation:none}}@media(prefers-contrast:high){.stat-item,.game-button{border-width:3px}.game-title,.stat-item .stat-value{text-shadow:none}}.geometry-shape-shifter{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;padding:1rem;background:linear-gradient(135deg,#1a0a2e,#2d1b4e,#3d2d5c)}.geometry-shape-shifter .game-canvas-container{border-radius:16px;overflow:hidden;box-shadow:0 0 20px #9b59b659,0 8px 32px #0006;max-width:100%;width:800px;transition:transform .3s ease,box-shadow .3s ease}.geometry-shape-shifter .game-canvas-container:hover{transform:translateY(-2px);box-shadow:0 0 35px #9b59b673,0 12px 40px #00000080}.geometry-shape-shifter .game-canvas-container canvas{display:block;width:100%!important;height:auto!important}.geometry-shape-shifter .game-stats{display:flex;gap:1rem;flex-wrap:wrap;justify-content:center;padding:1rem;margin-top:1rem}.geometry-shape-shifter .stat-item{background:#9b59b614;border:2px solid rgba(155,89,182,.2);border-radius:12px;padding:.75rem 1.5rem;min-width:100px;text-align:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:transform .2s ease,border-color .2s ease}.geometry-shape-shifter .stat-item:hover{transform:translateY(-2px);border-color:#9b59b666}@keyframes geometryPulse{0%,to{box-shadow:0 0 20px #9b59b659}50%{box-shadow:0 0 30px #9b59b680}}@keyframes shapeFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}@keyframes scorePopGeometry{0%{transform:scale(1)}50%{transform:scale(1.15)}to{transform:scale(1)}}@media(max-width:850px){.geometry-shape-shifter{padding:.5rem}.geometry-shape-shifter .game-canvas-container{border-radius:12px;max-width:calc(100vw - 1rem)}.geometry-shape-shifter .game-stats{gap:.5rem;padding:.5rem}.geometry-shape-shifter .stat-item{padding:.5rem 1rem;min-width:80px;font-size:.875rem}}@media(max-width:500px){.geometry-shape-shifter .game-stats{flex-direction:row;gap:.5rem}.geometry-shape-shifter .stat-item{flex:1;min-width:70px;padding:.5rem}}@media(prefers-reduced-motion:reduce){.geometry-shape-shifter .game-canvas-container,.geometry-shape-shifter .stat-item{transition:none}.geometry-shape-shifter .game-canvas-container:hover{transform:none}}@media(prefers-contrast:high){.geometry-shape-shifter{background:#1a0a2e}.geometry-shape-shifter .stat-item{border-width:3px;border-color:#9b59b699}}.algebra-equation-quest{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;padding:1rem;background:linear-gradient(135deg,#2c1810,#4a2c1a,#5c3d2e)}.algebra-equation-quest .game-canvas-container{border-radius:16px;overflow:hidden;box-shadow:0 0 20px #e74c3c59,0 8px 32px #0006;max-width:100%;width:800px;transition:transform .3s ease,box-shadow .3s ease}.algebra-equation-quest .game-canvas-container:hover{transform:translateY(-2px);box-shadow:0 0 35px #e74c3c73,0 12px 40px #00000080}.algebra-equation-quest .game-canvas-container canvas{display:block;width:100%!important;height:auto!important}.algebra-equation-quest .game-stats{display:flex;gap:1rem;flex-wrap:wrap;justify-content:center;padding:1rem;margin-top:1rem}.algebra-equation-quest .stat-item{background:#e74c3c14;border:2px solid rgba(231,76,60,.2);border-radius:12px;padding:.75rem 1.5rem;min-width:100px;text-align:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:transform .2s ease,border-color .2s ease}.algebra-equation-quest .stat-item:hover{transform:translateY(-2px);border-color:#e74c3c66}@keyframes algebraPulse{0%,to{box-shadow:0 0 20px #e74c3c59}50%{box-shadow:0 0 30px #e74c3c80}}@keyframes scaleBalance{0%,to{transform:rotate(0)}25%{transform:rotate(-3deg)}75%{transform:rotate(3deg)}}@keyframes keyGlow{0%,to{filter:drop-shadow(0 0 5px rgba(255,215,0,.5))}50%{filter:drop-shadow(0 0 15px rgba(255,215,0,.8))}}@media(max-width:850px){.algebra-equation-quest{padding:.5rem}.algebra-equation-quest .game-canvas-container{border-radius:12px;max-width:calc(100vw - 1rem)}.algebra-equation-quest .game-stats{gap:.5rem;padding:.5rem}.algebra-equation-quest .stat-item{padding:.5rem 1rem;min-width:80px;font-size:.875rem}}@media(max-width:500px){.algebra-equation-quest .game-stats{flex-direction:row;gap:.5rem}.algebra-equation-quest .stat-item{flex:1;min-width:70px;padding:.5rem}}@media(prefers-reduced-motion:reduce){.algebra-equation-quest .game-canvas-container,.algebra-equation-quest .stat-item{transition:none}.algebra-equation-quest .game-canvas-container:hover{transform:none}}@media(prefers-contrast:high){.algebra-equation-quest{background:#2c1810}.algebra-equation-quest .stat-item{border-width:3px;border-color:#e74c3c99}}.statistics-data-dash{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;padding:1rem;background:linear-gradient(135deg,#0d3320,#1a5c3a,#1e4d2b)}.statistics-data-dash .game-canvas-container{border-radius:16px;overflow:hidden;box-shadow:0 0 20px #2ecc7159,0 8px 32px #0006;max-width:100%;width:800px;transition:transform .3s ease,box-shadow .3s ease}.statistics-data-dash .game-canvas-container:hover{transform:translateY(-2px);box-shadow:0 0 35px #2ecc7173,0 12px 40px #00000080}.statistics-data-dash .game-canvas-container canvas{display:block;width:100%!important;height:auto!important}.statistics-data-dash .game-stats{display:flex;gap:1rem;flex-wrap:wrap;justify-content:center;padding:1rem;margin-top:1rem}.statistics-data-dash .stat-item{background:#2ecc7114;border:2px solid rgba(46,204,113,.2);border-radius:12px;padding:.75rem 1.5rem;min-width:100px;text-align:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:transform .2s ease,border-color .2s ease}.statistics-data-dash .stat-item:hover{transform:translateY(-2px);border-color:#2ecc7166}@keyframes dataPulse{0%,to{box-shadow:0 0 20px #2ecc7159}50%{box-shadow:0 0 30px #2ecc7180}}@keyframes chartGrow{0%{transform:scaleY(0);transform-origin:bottom}to{transform:scaleY(1);transform-origin:bottom}}@keyframes dataPointPop{0%{transform:scale(0)}70%{transform:scale(1.2)}to{transform:scale(1)}}@media(max-width:850px){.statistics-data-dash{padding:.5rem}.statistics-data-dash .game-canvas-container{border-radius:12px;max-width:calc(100vw - 1rem)}.statistics-data-dash .game-stats{gap:.5rem;padding:.5rem}.statistics-data-dash .stat-item{padding:.5rem 1rem;min-width:80px;font-size:.875rem}}@media(max-width:500px){.statistics-data-dash .game-stats{flex-direction:row;gap:.5rem}.statistics-data-dash .stat-item{flex:1;min-width:70px;padding:.5rem}}@media(prefers-reduced-motion:reduce){.statistics-data-dash .game-canvas-container,.statistics-data-dash .stat-item{transition:none}.statistics-data-dash .game-canvas-container:hover{transform:none}}@media(prefers-contrast:high){.statistics-data-dash{background:#0d3320}.statistics-data-dash .stat-item{border-width:3px;border-color:#2ecc7199}}