@import"https://fonts.googleapis.com/css2?family=Quicksand:wght@400;500;600;700&family=ZCOOL+KuaiLe&display=swap";:root{--bg: #FFFFFF;--surface: #F7F7F7;--primary: #3DA000;--primary-dark: #2C7A00;--accent: #E51919;--text: #1F1F1F;--text-muted: #5C5C5C;--border: #E5E5E5;--success: #3DA000;--warning: #A87C00;--danger: #E51919;--radius: 20px;--shadow: 0 1px 3px rgba(0,0,0,.08), 0 1px 2px rgba(0,0,0,.04)}body{margin:0;padding:0;background:radial-gradient(circle at 10% 20%,#E5191933 0%,transparent 40%),radial-gradient(circle at 90% 80%,#3DA00022 0%,transparent 40%),var(--bg);color:var(--text);font-family:Quicksand,ZCOOL KuaiLe,Nunito,sans-serif;display:flex;justify-content:center;align-items:center;min-height:100vh;overflow:hidden;box-sizing:border-box}#root{width:100%;height:100%;display:flex;justify-content:center;align-items:center}.app-container{background-color:var(--surface);border-radius:var(--radius);box-shadow:var(--shadow);padding:20px;width:90%;max-width:500px;text-align:center;position:relative;overflow:hidden;min-height:600px;display:flex;flex-direction:column;justify-content:center;align-items:center}.cloud-status-badge{position:absolute;top:15px;right:15px;display:flex;align-items:center;gap:5px;font-size:.8em;color:var(--text-muted);background-color:var(--border);padding:5px 10px;border-radius:15px;box-shadow:var(--shadow)}.icon-spin{animation:spin 2s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.loading-screen{display:flex;flex-direction:column;justify-content:center;align-items:center;min-height:100vh;background:var(--bg);color:var(--text);font-family:Quicksand,sans-serif;font-size:1.2em}.loading-spinner{color:var(--primary);margin-bottom:20px}.panel{width:100%;padding:20px;box-sizing:border-box;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px}.title{font-family:ZCOOL KuaiLe,Quicksand,sans-serif;font-size:2.5em;color:var(--primary-dark);margin-bottom:10px;text-shadow:2px 2px 0px rgba(0,0,0,.1)}.start-screen .avatar-container{width:150px;height:150px;border-radius:50%;background-color:var(--border);display:flex;justify-content:center;align-items:center;overflow:hidden;box-shadow:var(--shadow)}.start-screen .student-avatar{width:100%;height:100%;object-fit:cover;font-size:80px;display:flex;justify-content:center;align-items:center}.description{font-size:1.1em;color:var(--text-muted);line-height:1.5;margin-bottom:20px}.start-button,.replay-button,.option-button{background-color:var(--primary);color:var(--bg);border:none;border-radius:var(--radius);padding:15px 30px;font-size:1.2em;font-weight:700;cursor:pointer;box-shadow:var(--shadow);display:flex;align-items:center;gap:10px;justify-content:center;transition:background-color .3s ease}.start-button:hover,.replay-button:hover,.option-button:hover{background-color:var(--primary-dark)}.high-score-display{font-size:1.1em;color:var(--text);display:flex;align-items:center;gap:8px;margin-top:20px;padding:10px 20px;background-color:var(--border);border-radius:var(--radius);box-shadow:var(--shadow)}.trophy-icon{color:var(--warning)}.game-header{display:flex;justify-content:space-between;width:100%;margin-bottom:20px;font-size:1.1em;font-weight:600;color:var(--text)}.score-info,.lives-info,.level-info{display:flex;align-items:center;gap:5px;background-color:var(--border);padding:8px 15px;border-radius:var(--radius);box-shadow:var(--shadow)}.star-icon{color:var(--warning)}.heart-icon{color:var(--danger)}.timer-bar-container{width:100%;height:20px;background-color:var(--border);border-radius:10px;margin-bottom:25px;position:relative;overflow:hidden;box-shadow:inset 0 1px 3px #0000001a}.timer-bar{height:100%;background-color:var(--primary);border-radius:10px;transition:width 1s linear,background-color .5s ease}.timer-text{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:var(--bg);font-weight:700;font-size:.9em;text-shadow:1px 1px 2px rgba(0,0,0,.2)}.question-card{background-color:var(--bg);border-radius:var(--radius);padding:25px;margin-bottom:25px;box-shadow:var(--shadow);width:100%;min-height:120px;display:flex;flex-direction:column;justify-content:center;align-items:center;position:relative}.question-icon{position:absolute;top:-20px;left:50%;transform:translate(-50%);width:60px;height:60px;background-color:var(--primary);border-radius:50%;display:flex;justify-content:center;align-items:center;box-shadow:var(--shadow);z-index:1}.homework-book-icon{width:70%;height:70%;object-fit:contain;font-size:30px;color:var(--bg)}.question-text{font-family:ZCOOL KuaiLe,Quicksand,sans-serif;font-size:1.8em;font-weight:700;color:var(--text);margin-top:15px}.options-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px;width:100%}.option-button{padding:15px 10px;font-size:1.1em;background-color:var(--primary);color:var(--bg);border-radius:var(--radius);box-shadow:var(--shadow)}.option-button:nth-child(2n){background-color:var(--accent)}.option-button:nth-child(2n):hover{background-color:#c21515}.combo-display{font-family:ZCOOL KuaiLe,Quicksand,sans-serif;font-size:1.5em;font-weight:700;color:var(--primary);margin-top:15px;text-shadow:1px 1px 3px rgba(0,0,0,.2)}.feedback-message{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);padding:15px 25px;border-radius:var(--radius);font-size:1.3em;font-weight:700;color:var(--bg);box-shadow:var(--shadow);z-index:10;display:flex;align-items:center;gap:10px}.feedback-message.correct{background-color:var(--success)}.feedback-message.wrong{background-color:var(--danger)}.bomb-feedback-icon{width:30px;height:30px;object-fit:contain;font-size:20px}.gameover-screen{gap:15px}.gameover-title{font-family:ZCOOL KuaiLe,Quicksand,sans-serif;font-size:2.8em;color:var(--danger);margin-bottom:10px;text-shadow:2px 2px 0px rgba(0,0,0,.1)}.gameover-score,.gameover-high-score{font-size:1.5em;font-weight:700;color:var(--text);display:flex;align-items:center;gap:10px;padding:10px 20px;background-color:var(--border);border-radius:var(--radius);box-shadow:var(--shadow)}.reward-section{width:100%;margin-top:20px;padding:15px;background-color:var(--bg);border-radius:var(--radius);box-shadow:var(--shadow)}.reward-section h3{font-family:ZCOOL KuaiLe,Quicksand,sans-serif;color:var(--primary-dark);font-size:1.3em;margin-bottom:10px}.reward-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:8px}.reward-list li{display:flex;align-items:center;gap:8px;font-size:1.1em;color:var(--text-muted)}.reward-star-icon{width:24px;height:24px;object-fit:contain;font-size:18px}.replay-button{margin-top:20px;background-color:var(--accent)}.replay-button:hover{background-color:#c21515}