*{box-sizing:border-box;margin:0;padding:0}:root{--primary:#58cc02;--primary-dark:#46a302;--secondary:#1cb0f6;--warning:#ff9600;--danger:#ff4b4b;--background:#131f24;--surface:#1a2b32;--surface-light:#253d47;--text:#fff;--text-muted:#8a9da5;--coin-gold:#ffc800;--purple:#a560e8;--p1-color:#1cb0f6;--p2-color:#ff6b6b}html,body{height:100%;overflow:hidden}body{background:var(--background);color:var(--text);touch-action:manipulation;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,sans-serif}body.upside-down #problem-display{transition:transform .5s;transform:rotate(180deg)}#app{max-width:500px;height:100%;padding:12px;padding-bottom:env(safe-area-inset-bottom,12px);flex-direction:column;margin:0 auto;display:flex;position:relative}.stats-bar{flex-wrap:wrap;justify-content:space-around;gap:4px;margin-bottom:6px;padding:6px 0;display:flex}.stat{background:var(--surface);border-radius:8px;align-items:center;gap:4px;padding:4px 8px;font-size:.85rem;font-weight:700;display:flex}.student-stat{cursor:pointer;border:2px solid #0000}.student-stat:hover{border-color:var(--secondary)}.stat-icon{font-size:.9rem}.decay-warning{text-align:center;background:linear-gradient(90deg, var(--danger), var(--warning));color:var(--text);border-radius:8px;margin-bottom:6px;padding:8px;font-size:.85rem;animation:1s 3 decayPulse}@keyframes decayPulse{0%,to{opacity:1}50%{opacity:.7}}.streak-bonus{text-align:center;background:linear-gradient(90deg, var(--warning), var(--coin-gold));color:var(--background);border-radius:6px;margin-bottom:5px;padding:5px;font-size:.9rem;font-weight:700;animation:.5s infinite alternate bonusPulse}@keyframes bonusPulse{0%{transform:scale(1)}to{transform:scale(1.02)}}.wrong-used{text-align:center;background:var(--purple);border-radius:6px;margin-bottom:6px;padding:6px;font-size:.85rem}.monster-chase{background:var(--surface);border-radius:8px;margin-bottom:6px;padding:6px}.chase-track{background:var(--surface-light);border-radius:18px;height:36px;position:relative;overflow:hidden}.runner,.monster-icon{font-size:1.3rem;transition:left .3s;position:absolute;top:50%;transform:translateY(-50%)}.runner{z-index:2;left:80%}.monster-icon{z-index:1;left:10%}.speed-timer{background:var(--surface);border-radius:3px;height:6px;margin-bottom:6px;overflow:hidden}.speed-bar{background:linear-gradient(90deg, var(--danger), var(--warning), var(--primary));border-radius:3px;width:100%;height:100%;transition:width .1s linear}.battle-header{background:var(--surface);border-radius:10px;justify-content:space-around;align-items:center;margin-bottom:6px;padding:8px;display:flex}.battle-player{text-align:center}.battle-player.p1 .battle-name{color:var(--p1-color)}.battle-player.p2 .battle-name{color:var(--p2-color)}.battle-name{font-size:.8rem;font-weight:600;display:block}.battle-score{font-size:1.5rem;font-weight:700}.battle-vs{color:var(--text-muted);font-size:1rem;font-weight:700}.game-area{flex-direction:column;flex:1;justify-content:center;display:flex;overflow-y:auto}.student-select{text-align:center}.student-select h2{color:var(--text-muted);margin-bottom:14px;font-size:1.3rem}.student-list{flex-wrap:wrap;justify-content:center;gap:8px;max-height:160px;margin-bottom:14px;display:flex;overflow-y:auto}.student-btn{background:var(--surface);border:3px solid var(--surface-light);color:var(--text);cursor:pointer;border-radius:10px;padding:8px 14px;font-size:.95rem;font-weight:600;transition:all .15s}.student-btn:hover{border-color:var(--secondary);transform:scale(1.02)}.student-btn .student-coins{color:var(--coin-gold);margin-top:2px;font-size:.7rem;display:block}.add-student{justify-content:center;gap:6px;max-width:240px;margin:0 auto;display:flex}#new-student-input{background:var(--surface);border:2px solid var(--surface-light);color:var(--text);border-radius:8px;outline:none;flex:1;padding:8px 12px;font-size:.95rem}#new-student-input:focus{border-color:var(--secondary)}#new-student-input::placeholder{color:var(--text-muted)}.add-btn{background:var(--primary);color:var(--text);cursor:pointer;border:none;border-radius:8px;width:42px;font-size:1.3rem;font-weight:700}.data-controls{justify-content:center;gap:8px;margin-top:16px;display:flex}.data-btn{background:var(--surface);border:2px solid var(--surface-light);color:var(--text-muted);cursor:pointer;border-radius:8px;padding:8px 14px;font-size:.8rem;transition:all .15s}.data-btn:hover{border-color:var(--secondary);color:var(--text)}.operator-select{text-align:center}.operator-select h2{color:var(--text-muted);margin-bottom:10px;font-size:1.2rem}.difficulty-select{justify-content:center;gap:6px;margin-bottom:10px;display:flex}.diff-btn{background:var(--surface);border:2px solid var(--surface-light);color:var(--text-muted);cursor:pointer;border-radius:14px;padding:5px 10px;font-size:.75rem;font-weight:600}.diff-btn.active{background:var(--secondary);border-color:var(--secondary);color:var(--text)}.diff-btn[data-diff=easy].active{background:var(--primary);border-color:var(--primary)}.diff-btn[data-diff=hard].active{background:var(--danger);border-color:var(--danger)}.mode-select{flex-wrap:wrap;justify-content:center;gap:5px;margin-bottom:12px;display:flex}.mode-btn{background:var(--surface);border:2px solid var(--surface-light);color:var(--text-muted);cursor:pointer;border-radius:10px;padding:5px 8px;font-size:.7rem;font-weight:600}.mode-btn.active{background:var(--purple);border-color:var(--purple);color:var(--text)}.operator-buttons{grid-template-columns:repeat(2,1fr);gap:8px;max-width:260px;margin:0 auto;display:grid}.operator-btn{background:var(--surface);border:3px solid var(--surface-light);color:var(--text);cursor:pointer;border-radius:12px;padding:14px;font-size:1.8rem;font-weight:700;transition:all .15s}.operator-btn:hover{background:var(--surface-light);transform:scale(1.02)}.operator-btn:active{transform:scale(.98)}.operator-btn[data-op=\+]{border-color:var(--primary)}.operator-btn[data-op=\-]{border-color:var(--secondary)}.operator-btn[data-op=\*]{border-color:var(--warning)}.operator-btn[data-op=\/]{border-color:var(--danger)}.mix-btn{background:linear-gradient(135deg, var(--primary), var(--secondary), var(--warning), var(--danger));border:none;grid-column:span 2;font-size:1.1rem}.calculator-btn{background:var(--surface);border:2px dashed var(--text-muted);color:var(--text-muted);cursor:pointer;opacity:.6;border-radius:8px;margin-top:12px;padding:8px 16px;font-size:.85rem}.calculator-btn:hover{opacity:1;border-color:var(--secondary)}.battle-setup,.revenge-mode{text-align:center}.battle-setup h2,.revenge-mode h2{margin-bottom:10px;font-size:1.3rem}.battle-desc,.revenge-desc{color:var(--text-muted);margin-bottom:16px;font-size:.9rem}.battle-players-setup{justify-content:center;align-items:center;gap:12px;margin-bottom:20px;display:flex}.battle-player-input label{color:var(--text-muted);margin-bottom:4px;font-size:.8rem;display:block}.battle-player-input input{background:var(--surface);border:2px solid var(--surface-light);color:var(--text);text-align:center;border-radius:8px;outline:none;width:100px;padding:8px 12px;font-size:1rem}.battle-player-input input:focus{border-color:var(--secondary)}.battle-vs-setup{color:var(--text-muted);font-weight:700}.start-battle-btn{background:linear-gradient(135deg, var(--p1-color), var(--p2-color));color:var(--text);cursor:pointer;border:none;border-radius:10px;width:100%;max-width:250px;margin:0 auto 10px;padding:14px 32px;font-size:1.1rem;font-weight:700;display:block}.cancel-btn{background:var(--surface);border:2px solid var(--surface-light);color:var(--text-muted);cursor:pointer;border-radius:8px;padding:10px 24px;font-size:.9rem}.revenge-builder{flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;margin-bottom:16px;display:flex}.revenge-input{background:var(--surface);border:2px solid var(--surface-light);color:var(--text);text-align:center;-moz-appearance:textfield;border-radius:8px;outline:none;width:60px;padding:10px;font-size:1.3rem;font-weight:700}.revenge-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.revenge-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.revenge-input:focus{border-color:var(--secondary)}.revenge-op{background:var(--surface);border:2px solid var(--purple);color:var(--text);cursor:pointer;border-radius:8px;outline:none;padding:10px;font-size:1.3rem;font-weight:700}.revenge-equals{color:var(--text-muted);font-size:1.5rem}.revenge-answer{color:var(--primary);font-size:1.5rem;font-weight:700}.revenge-error{color:var(--danger);margin-bottom:12px;font-size:.85rem}.send-teacher-btn{background:var(--warning);color:var(--background);cursor:pointer;border:none;border-radius:10px;padding:14px 28px;font-size:1rem;font-weight:700}.teacher-solve{text-align:center}.teacher-solve h2{margin-bottom:6px}.teacher-name{color:var(--text-muted);margin-bottom:14px;font-size:.9rem}.teacher-problem{background:linear-gradient(135deg, var(--surface), #2a1a32);border:2px solid var(--purple)}.teacher-numpad{margin-top:12px}.revenge-result{text-align:center}.revenge-result-emoji{margin-bottom:10px;font-size:4rem}.revenge-result h2{margin-bottom:8px}.revenge-result p{color:var(--text-muted);margin-bottom:12px}.revenge-coins{color:var(--coin-gold);margin-bottom:20px;font-size:2rem;font-weight:700}.problem-area{flex-direction:column;height:100%;display:flex}.problem-header{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.back-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:none;padding:4px;font-size:.9rem}#problem-count{color:var(--text-muted);font-size:.9rem;font-weight:600}.golden-indicator{font-size:1.1rem;animation:.5s infinite alternate sparkle}@keyframes sparkle{0%{transform:scale(1)rotate(0)}to{transform:scale(1.2)rotate(10deg)}}.problem-display{background:var(--surface);border-radius:14px;flex-wrap:wrap;justify-content:center;align-items:center;gap:6px;margin-bottom:8px;padding:14px;transition:transform .5s;display:flex}.problem-display.golden{background:linear-gradient(135deg, var(--surface), #3d3510);box-shadow:0 0 20px #ffc8004d}.number{font-size:2rem;font-weight:700}.number.mystery{background:var(--secondary);text-align:center;border-radius:6px;min-width:45px;padding:2px 12px}.operator{color:var(--primary);font-size:1.8rem;font-weight:700}.equals{color:var(--text-muted);font-size:1.8rem}.answer-box{text-align:center;background:var(--surface-light);border:3px solid var(--secondary);border-radius:8px;min-width:55px;padding:2px 10px;font-size:2rem;font-weight:700}.alien-problem{z-index:10;background:linear-gradient(135deg,#1a1a2e,#16213e);border-radius:14px;flex-direction:column;justify-content:center;align-items:center;padding:12px;display:flex;position:absolute;inset:0}.alien-character{font-size:2.5rem;animation:2s ease-in-out infinite float}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.alien-equation{margin:10px 0;font-size:1.5rem;font-weight:700}.alien-hint{color:var(--text-muted);font-size:.9rem}.feedback{text-align:center;justify-content:center;align-items:center;height:28px;font-size:1rem;font-weight:700;display:flex}.feedback.correct{color:var(--primary);animation:.3s pulse}.feedback.wrong{color:var(--danger);animation:.3s shake}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-6px)}75%{transform:translate(6px)}}.choice-buttons{grid-template-columns:repeat(2,1fr);gap:8px;margin-bottom:8px;display:grid}.choice-btn{background:var(--surface);border:3px solid var(--surface-light);color:var(--text);cursor:pointer;border-radius:10px;padding:14px;font-size:1.3rem;font-weight:700}.choice-btn:hover{border-color:var(--secondary)}.choice-btn.correct-choice{background:var(--primary);border-color:var(--primary)}.choice-btn.wrong-choice{background:var(--danger);border-color:var(--danger)}.choice-btn.absurd{font-size:1rem}.numpad{grid-template-columns:repeat(3,1fr);gap:5px;margin-top:auto;padding-top:8px;display:grid}.num-btn{background:var(--surface);color:var(--text);cursor:pointer;border:none;border-radius:8px;padding:12px;font-size:1.4rem;font-weight:700}.num-btn:hover{background:var(--surface-light)}.num-btn:active{transform:scale(.95)}.clear-btn{background:var(--danger)}.submit-btn{background:var(--primary)}.battle-area{text-align:center}.battle-problem{background:var(--surface);border-radius:14px;justify-content:center;align-items:center;gap:8px;margin-bottom:12px;padding:16px;display:flex}.battle-inputs{gap:8px;display:flex}.battle-side{border-radius:10px;flex:1;padding:8px}.p1-side{border:2px solid var(--p1-color);background:#1cb0f61a}.p2-side{border:2px solid var(--p2-color);background:#ff6b6b1a}.battle-answer{background:var(--surface);border-radius:8px;justify-content:center;align-items:center;min-height:50px;margin-bottom:8px;padding:8px;font-size:1.8rem;font-weight:700;display:flex}.battle-numpad{grid-template-columns:repeat(3,1fr);gap:4px;display:grid}.battle-num-btn{background:var(--surface);color:var(--text);cursor:pointer;border:none;border-radius:6px;padding:10px;font-size:1.1rem;font-weight:700}.p1-btn:active{background:var(--p1-color)}.p2-btn:active{background:var(--p2-color)}.battle-num-btn.clear-btn{background:var(--danger)}.battle-num-btn.submit-btn{background:var(--primary)}.battle-divider{background:var(--surface-light);width:2px}.battle-feedback{min-height:30px;margin-top:10px;font-size:1.2rem;font-weight:700}.battle-complete{text-align:center}.battle-winner-emoji{margin-bottom:10px;font-size:4rem}.battle-complete h2{margin-bottom:16px}.battle-final-scores{justify-content:space-around;margin-bottom:20px;display:flex}.final-score{text-align:center}.final-score span:first-child{color:var(--text-muted);margin-bottom:4px;font-size:.9rem;display:block}.final-score-num{color:var(--primary);font-size:2rem;font-weight:700}.voice-btn{background:var(--purple);color:var(--text);cursor:pointer;border:none;border-radius:8px;margin-top:6px;padding:10px;font-size:.85rem;font-weight:600}.voice-btn.listening{animation:1s infinite listenPulse}@keyframes listenPulse{0%,to{box-shadow:0 0 #a560e866}50%{box-shadow:0 0 0 8px #a560e800}}.dance-break{z-index:1000;background:linear-gradient(135deg,#ff006e,#8338ec,#3a86ff);flex-direction:column;justify-content:center;align-items:center;animation:.5s infinite discoColors;display:flex;position:fixed;inset:0}@keyframes discoColors{0%{filter:hue-rotate()}to{filter:hue-rotate(360deg)}}.dance-emoji{font-size:5rem;animation:.3s infinite alternate dance}@keyframes dance{0%{transform:translate(-15px)rotate(-10deg)}to{transform:translate(15px)rotate(10deg)}}.dance-text{margin-top:12px;font-size:1.8rem;font-weight:700}.round-complete{text-align:center}.celebration{font-size:2.5rem;animation:.5s infinite alternate bounce}@keyframes bounce{0%{transform:translateY(0)}to{transform:translateY(-8px)}}.round-complete h2{margin:8px 0 14px;font-size:1.4rem}.round-stats{justify-content:space-around;margin-bottom:14px;display:flex}.round-stat{flex-direction:column;align-items:center;gap:2px;display:flex}.round-stat-value{color:var(--primary);font-size:1.5rem;font-weight:700}.round-stat-label{color:var(--text-muted);font-size:.75rem}.missed-section{background:var(--surface);border-radius:8px;margin-bottom:14px;padding:10px}.missed-section h3{color:var(--warning);margin-bottom:8px;font-size:.95rem}.missed-problems{flex-direction:column;gap:5px;max-height:80px;display:flex;overflow-y:auto}.missed-item{background:var(--surface-light);border-radius:5px;justify-content:space-between;padding:6px 10px;font-size:.85rem;display:flex}.missed-answer{color:var(--primary);font-weight:700}.continue-btn{background:var(--primary);color:var(--text);cursor:pointer;border:none;border-radius:8px;padding:12px 32px;font-size:1rem;font-weight:700}.modal{z-index:2000;background:#000c;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal-content{background:var(--surface);text-align:center;border-radius:16px;max-width:280px;padding:28px;animation:.3s modalPop}@keyframes modalPop{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.modal-emoji{margin-bottom:14px;font-size:3.5rem}.modal-text{margin-bottom:18px;font-size:1.2rem;font-weight:700}.modal-close{background:var(--primary);color:var(--text);cursor:pointer;border:none;border-radius:8px;padding:10px 20px;font-size:1rem;font-weight:600}.progress-container{background:var(--surface);border-radius:3px;height:5px;margin-top:8px;overflow:hidden}.progress-bar{background:linear-gradient(90deg, var(--primary), var(--secondary));border-radius:3px;width:0%;height:100%;transition:width .3s}.sound-toggle,.fart-toggle{background:var(--surface);cursor:pointer;opacity:.7;border:none;border-radius:50%;width:32px;height:32px;font-size:.9rem;position:absolute}.sound-toggle{top:12px;right:12px}.fart-toggle{opacity:.4;top:12px;right:50px}.sound-toggle:hover,.fart-toggle:hover{opacity:1}.sound-toggle.muted{opacity:.4}.fart-toggle.active{opacity:1;background:var(--warning)}.hidden{display:none!important}.coin-popup{color:var(--coin-gold);pointer-events:none;z-index:100;font-size:1.1rem;font-weight:700;animation:.8s forwards coinFloat;position:fixed}@keyframes coinFloat{0%{opacity:1;transform:translateY(0)scale(1)}to{opacity:0;transform:translateY(-50px)scale(1.2)}}.level-up{background:linear-gradient(135deg, var(--coin-gold), var(--warning));z-index:200;border-radius:12px;padding:16px 32px;font-size:1.2rem;font-weight:700;animation:1.5s forwards levelPop;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}@keyframes levelPop{0%{opacity:0;transform:translate(-50%,-50%)scale(.5)}20%{opacity:1;transform:translate(-50%,-50%)scale(1.1)}30%{transform:translate(-50%,-50%)scale(1)}80%{opacity:1}to{opacity:0}}@media (max-height:600px){.num-btn{padding:8px;font-size:1.2rem}.problem-display{padding:10px}.number,.answer-box{font-size:1.6rem}.stats-bar{padding:2px 0}.stat{padding:2px 6px;font-size:.75rem}.battle-num-btn{padding:6px;font-size:.9rem}}