.game-quick-math #game-container{flex-direction:column;justify-content:center;align-items:center;min-height:calc(100vh - 200px);padding:40px 20px;display:flex}#math-problem-container{flex-direction:column;align-items:center;gap:30px;width:100%;max-width:600px;display:flex}#math-problem{color:#fff;text-align:center;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-radius:16px;justify-content:center;align-items:center;width:100%;min-height:120px;padding:40px;font-size:3.5rem;font-weight:700;transition:all .3s;display:flex;box-shadow:0 8px 16px #00000026}#math-problem.correct{background:linear-gradient(135deg,#84fab0 0%,#8fd3f4 100%);animation:.3s correctPulse;transform:scale(1.05)}#math-problem.wrong{background:linear-gradient(135deg,#f093fb 0%,#f5576c 100%);animation:.5s wrongShake}@keyframes correctPulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes wrongShake{0%,to{transform:translate(0)}25%{transform:translate(-10px)}75%{transform:translate(10px)}}#answer-container{gap:12px;width:100%;max-width:400px;display:flex}#answer-input{text-align:center;color:#1f2937;background:#fff;border:3px solid #e5e7eb;border-radius:12px;outline:none;flex:1;padding:16px 20px;font-size:1.5rem;font-weight:600;transition:all .2s}#answer-input:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}#answer-input.shake{border-color:#ef4444;animation:.5s shake}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-8px)}75%{transform:translate(8px)}}#submit-answer{white-space:nowrap;padding:16px 32px;font-size:1.2rem;font-weight:600}@media (width<=768px){.game-quick-math #game-container{min-height:calc(100dvh - 180px);padding:20px 16px}#math-problem{min-height:100px;padding:30px 20px;font-size:2.5rem}#answer-container{flex-direction:column;max-width:100%}#answer-input{padding:14px 16px;font-size:1.3rem}#submit-answer{width:100%;padding:14px;font-size:1.1rem}}@media (width<=480px){#math-problem{min-height:80px;padding:24px 16px;font-size:2rem}#answer-input{padding:12px;font-size:1.2rem}}.game-quick-math.immersive-mode #game-container{min-height:calc(100vh - 120px);padding:60px 20px}@media (width<=768px){.game-quick-math.immersive-mode #game-container{min-height:calc(100dvh - 100px);padding:40px 16px}#answer-input{font-size:16px!important}@supports (-webkit-touch-callout:none){#answer-input{-webkit-user-select:text;user-select:text;position:relative}}.game-quick-math.immersive-mode{height:100dvh}}
