.game-container{width:100%;max-width:600px;height:100vh;margin:0 auto;background-color:#f4f1ea;display:flex;flex-direction:column;font-family:PingFang SC,Microsoft YaHei,sans-serif;overflow:hidden;position:relative;box-shadow:0 0 20px #00000026;-webkit-user-select:none;user-select:none}.game-header{background-color:#343a40;color:#fff;padding:12px 16px;display:flex;justify-content:space-between;align-items:center;border-bottom:4px solid #212529}.header-left,.header-right{display:flex;align-items:center;gap:10px}.level-badge{background-color:#e8590c;padding:4px 8px;border-radius:6px;font-size:12px;font-weight:700}.lives-container{display:flex;gap:4px}.heart-icon{width:18px;height:18px;transition:transform .2s}.heart-icon.active{color:#ff4d4d;filter:drop-shadow(0 0 2px rgba(255,77,77,.5))}.heart-icon.empty{color:#868e96}.header-center{flex:1;max-width:200px;margin:0 10px}.anger-bar-wrapper{display:flex;flex-direction:column;align-items:center;gap:4px}.anger-label{font-size:10px;color:#ced4da}.anger-bar-bg{width:100%;height:10px;background-color:#495057;border-radius:5px;overflow:hidden;border:1px solid #212529}.anger-bar-fill{height:100%;background:linear-gradient(90deg,#ff922b,#ff4d4d);transition:width .3s ease}.anger-percent{font-size:10px;font-weight:700;color:#ff6b6b}.stat-item{font-size:14px;font-weight:700}.sound-btn{background:none;border:none;color:#fff;cursor:pointer;padding:4px;display:flex;align-items:center}.game-stage{flex:1;display:flex;flex-direction:column;background-color:#e9ecef;position:relative;overflow:hidden}.blackboard{height:180px;background-color:#1c3d27;border:10px solid #8b5a2b;border-radius:4px;margin:10px;position:relative;box-shadow:inset 0 0 20px #0009;display:flex;justify-content:space-between;padding:10px}.chalk-writing{color:#ffffffb3;font-family:Courier New,Courier,monospace;font-size:12px;pointer-events:none}.blackboard-title{font-size:14px;color:#ffd43b;margin-top:10px;font-weight:700}.teacher-area{position:absolute;right:20px;bottom:10px;width:120px;display:flex;flex-direction:column;align-items:center}.speech-bubble{background-color:#fff;color:#333;padding:6px 12px;border-radius:12px;font-size:11px;font-weight:700;position:absolute;top:-55px;right:-10px;white-space:nowrap;box-shadow:0 4px 8px #00000026;border:2px solid #333}.speech-bubble:after{content:"";position:absolute;bottom:-8px;right:40px;border-width:8px 8px 0;border-style:solid;border-color:#fff transparent;display:block;width:0}.speech-bubble.angry{background-color:#ff4d4d;color:#fff;border-color:#c00;animation:shake .3s infinite}.speech-bubble.angry:after{border-color:#ff4d4d transparent}.teacher-sprite{width:80px;height:90px;position:relative;display:flex;justify-content:center;align-items:flex-end}.teacher-back{display:flex;flex-direction:column;align-items:center}.teacher-back .hair{width:40px;height:25px;background-color:#495057;border-radius:20px 20px 0 0}.teacher-back .suit{width:55px;height:50px;background-color:#1a365d;border-radius:10px 10px 0 0}.writing-arm{position:absolute;right:-5px;top:40px;font-size:18px;animation:armWiggle .5s infinite alternate}.teacher-turning{display:flex;flex-direction:column;align-items:center;animation:shake .1s infinite}.warning-exclamation{font-size:24px;color:#fcc419;font-weight:700;position:absolute;top:-30px;animation:bounce .4s infinite alternate}.side-face{width:40px;height:40px;background-color:#ffd8a8;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:16px}.teacher-turning .suit{width:50px;height:45px;background-color:#1a365d;border-radius:8px 8px 0 0}.teacher-front{display:flex;flex-direction:column;align-items:center}.angry-eyes{font-size:12px;color:#f36;position:absolute;top:-15px;font-weight:700}.front-face{width:45px;height:45px;background-color:#ffc9c9;border-radius:50%;border:2px solid #fa5252;display:flex;align-items:center;justify-content:center;font-size:20px}.teacher-front .suit{width:60px;height:45px;background-color:#1a365d;border-radius:10px 10px 0 0}.pointer{position:absolute;left:-15px;top:35px;font-size:24px;transform:rotate(-30deg)}.classroom-floor{flex:1;position:relative;background:repeating-linear-gradient(0deg,#dee2e6,#dee2e6 10px,#ced4da 10px,#ced4da 20px)}.projectile{position:absolute;font-size:28px;z-index:10;pointer-events:none}.floating-text{position:absolute;font-size:18px;font-weight:700;text-shadow:1px 1px 2px rgba(0,0,0,.8);pointer-events:none;z-index:15}.player-area{height:120px;background-color:#8b5a2b;border-top:6px solid #5c3a21;position:relative;display:flex;justify-content:center}.desk{width:100%;height:100%;background-color:sienna;display:flex;justify-content:center;align-items:flex-start;padding-top:10px}.player-sprite{width:100px;height:80px;display:flex;justify-content:center;align-items:center;position:relative}.hiding-pose{display:flex;flex-direction:column;align-items:center}.textbook-shield{filter:drop-shadow(0 4px 6px rgba(0,0,0,.3))}.player-eye{font-size:16px;position:absolute;top:12px}.status-badge{font-size:10px;padding:2px 6px;border-radius:10px;color:#fff;margin-top:4px;font-weight:700}.status-badge.hiding{background-color:#2b8a3e}.status-badge.idle{background-color:#e8590c}.idle-pose{display:flex;flex-direction:column;align-items:center}.player-face{font-size:32px}.slingshot{font-size:20px;position:absolute;right:10px;bottom:15px}.control-panel{background-color:#f1f3f5;border-top:4px solid #dee2e6;padding:12px;display:flex;flex-direction:column;gap:12px}.weapon-shop{background-color:#fff;border-radius:8px;padding:8px;box-shadow:0 2px 6px #0000000d}.shop-title{font-size:12px;color:#495057;font-weight:700;margin-bottom:6px;display:flex;align-items:center;gap:4px}.weapon-list{display:grid;grid-template-columns:repeat(2,1fr);gap:6px}.weapon-card{display:flex;align-items:center;gap:8px;background-color:#f8f9fa;border:2px solid #e9ecef;border-radius:6px;padding:6px;cursor:pointer;text-align:left;transition:all .2s}.weapon-card:hover{background-color:#e9ecef}.weapon-card.selected{border-color:#228be6;background-color:#e7f5ff}.weapon-card.locked{opacity:.6}.weapon-icon{font-size:24px}.weapon-info{display:flex;flex-direction:column}.weapon-name{font-size:11px;font-weight:700;color:#212529}.weapon-desc{font-size:9px;color:#868e96}.weapon-cost{font-size:9px;color:#e8590c;font-weight:700}.action-buttons{display:grid;grid-template-columns:1fr 1fr;gap:12px}.action-btn{height:50px;border:none;border-radius:10px;font-size:16px;font-weight:700;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;transition:transform .1s,filter .2s;box-shadow:0 4px #0003}.action-btn:active{transform:translateY(4px);box-shadow:none}.hide-btn{background-color:#3b5bdb}.hide-btn.active{background-color:#2b8a3e}.throw-btn{background-color:#e03131}.throw-btn:disabled{background-color:#ced4da;cursor:not-allowed;box-shadow:none;transform:none}.modal-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background-color:#000c;display:flex;justify-content:center;align-items:center;z-index:100;padding:20px}.modal-content{background-color:#fff;border-radius:16px;padding:24px;width:100%;max-width:400px;text-align:center;box-shadow:0 10px 25px #0000004d;border:4px solid #343a40}.game-title{font-size:24px;color:#2b8a3e;margin-bottom:8px}.game-subtitle{font-size:14px;color:#868e96;margin-bottom:20px}.tutorial-card{background-color:#f8f9fa;border-radius:10px;padding:12px 16px;text-align:left;margin-bottom:20px;border-left:5px solid #228be6}.tutorial-card h3{font-size:14px;margin-bottom:8px;color:#343a40}.tutorial-card ul{padding-left:16px;font-size:12px;color:#495057;line-height:1.6}.start-btn{background-color:#fab005;color:#343a40;border:none;border-radius:8px;padding:12px 24px;font-size:16px;font-weight:700;cursor:pointer;display:inline-flex;align-items:center;gap:8px;box-shadow:0 4px #e67e22;transition:transform .1s}.start-btn:active{transform:translateY(4px);box-shadow:none}.modal-title{font-size:28px;margin-bottom:10px}.modal-content.gameover .modal-title{color:#fa5252}.modal-content.victory .modal-title{color:#40c057}.score-summary{background-color:#f1f3f5;border-radius:8px;padding:12px;margin-bottom:20px;display:flex;justify-content:space-around;font-size:14px}@keyframes armWiggle{0%{transform:rotate(0)}to{transform:rotate(15deg)}}@keyframes shake{0% {transform: translate(1px,1px) rotate(0deg);} 10s {transform: translate(-1px,-2px) rotate(-1deg);} 20% {transform: translate(-3px,0px) rotate(1deg);} 30% {transform: translate(0px,2px) rotate(0deg);} 40% {transform: translate(1px,-1px) rotate(1deg);} 50% {transform: translate(-1px,2px) rotate(-1deg);} 60% {transform: translate(-3px,1px) rotate(0deg);} 70% {transform: translate(2px,1px) rotate(-1deg);} 80% {transform: translate(-1px,-1px) rotate(1deg);} 90% {transform: translate(2px,2px) rotate(0deg);} 100% {transform: translate(1px,-2px) rotate(-1deg);}}@keyframes bounce{0%{transform:translateY(0)}to{transform:translateY(-8px)}}