.game-container{font-family:Quicksand,PingFang SC,system-ui,sans-serif;background-color:#fff8e7;min-height:100vh;display:flex;flex-direction:column;align-items:center;padding:20px;color:#2c3e50;-webkit-user-select:none;user-select:none;overflow-x:hidden}.game-header{text-align:center;margin-bottom:20px;width:100%;max-width:800px}.main-title{font-size:32px;font-weight:800;color:#ff8a65;text-shadow:3px 3px 0px #2C3E50;margin:0;display:flex;align-items:center;justify-content:center;gap:10px}.subtitle{font-size:16px;background:#4ecdc4;color:#fff;padding:4px 10px;border-radius:999px;text-shadow:none;transform:rotate(-2deg);display:inline-block}.player-badge{background:#fff;border:3px solid #2C3E50;border-radius:12px;padding:6px 16px;display:inline-block;margin-top:10px;font-weight:700;box-shadow:0 4px #0000001a}.card{background:#fff;border:4px solid #2C3E50;border-radius:24px;padding:30px;width:100%;max-width:550px;box-shadow:0 10px #2c3e50;margin-top:20px}.avatar-selection{margin-bottom:24px}.avatar-selection h3{margin-top:0;font-size:18px;color:#2c3e50}.names-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-top:12px}.name-btn{background:#fff;border:3px solid #2C3E50;border-radius:16px;padding:10px;font-size:16px;font-weight:700;cursor:pointer;transition:all .15s ease;box-shadow:0 4px #2c3e50}.name-btn:hover{transform:translateY(-2px);box-shadow:0 6px #2c3e50;background:#fffee0}.name-btn.active{background:#ffd93d;transform:translateY(2px);box-shadow:0 2px #2c3e50}.rules-box{background:#f0f4f8;border:3px solid #2C3E50;border-radius:16px;padding:15px 20px;margin-bottom:24px}.rules-box h4{margin:0 0 10px;color:#ff8a65}.rules-box ul{margin:0;padding-left:20px}.rules-box li{margin-bottom:8px;font-size:14px;line-height:1.4}.game-play-area{width:100%;max-width:800px;display:flex;flex-direction:column;gap:20px}.status-bar{display:flex;gap:15px;width:100%}.stat-box{background:#fff;border:3px solid #2C3E50;border-radius:16px;padding:12px;flex:1;display:flex;flex-direction:column;align-items:center;box-shadow:0 6px #0000001a}.stat-label{font-size:12px;font-weight:700;color:#7f8c8d;margin-bottom:4px}.stat-value{font-size:28px;font-weight:900}.text-yellow{color:#ffd93d;text-shadow:2px 2px 0 #2C3E50}.suspicion-box{flex:1.5}.progress-bar-bg{width:100%;height:16px;background:#e0e0e0;border:2px solid #2C3E50;border-radius:999px;overflow:hidden;position:relative;margin-top:4px}.progress-bar-fill{height:100%;background:#4ecdc4;transition:width .2s ease,background-color .3s ease}.progress-bar-fill.warning{background:#ffd93d}.progress-bar-fill.danger{background:#ff6b9d}.suspicion-text{font-size:12px;font-weight:700;margin-top:4px}.classroom-scene{background:#e8f5e9;border:4px solid #2C3E50;border-radius:24px;height:380px;position:relative;overflow:hidden;box-shadow:inset 0 10px 20px #0000000d,0 8px #2c3e50;display:flex;flex-direction:column;justify-content:space-between;padding:20px}.blackboard-area{display:flex;justify-content:space-between;align-items:flex-start;height:180px}.blackboard{background:#2e5a44;border:6px solid #8D6E63;border-radius:8px;padding:10px;width:260px;height:110px;box-shadow:inset 0 4px 10px #0000004d}.chalk-text{font-family:Courier New,Courier,monospace;color:#fff;font-size:14px;margin:0 0 5px;font-weight:700}.chalk-text-sub{font-family:Courier New,Courier,monospace;color:#ffd93d;font-size:12px;margin:0}.teacher-container{position:relative;width:180px;height:150px;display:flex;flex-direction:column;align-items:center;justify-content:flex-end}.teacher-sprite{display:flex;flex-direction:column;align-items:center;position:relative}.teacher-head{font-size:48px;line-height:1;z-index:2}.teacher-body{font-size:54px;line-height:.8;margin-top:-10px}.chalk-hand{position:absolute;right:-10px;top:30px;font-size:24px;animation:chalkScribble .5s infinite alternate}@keyframes chalkScribble{0%{transform:translate(0) rotate(0)}to{transform:translate(-5px,-5px) rotate(15deg)}}.teacher-action-tag{position:absolute;bottom:-25px;font-size:12px;font-weight:700;color:#fff;padding:2px 8px;border-radius:6px;border:2px solid #2C3E50}.teacher-action-tag.writing{background:#4ecdc4}.teacher-action-tag.warning-tag{background:#ffd93d;color:#2c3e50}.teacher-action-tag.watching{background:#ff6b9d}.quote-bubble{position:absolute;top:-45px;right:10px;background:#fff;border:2px solid #2C3E50;border-radius:12px;padding:6px 12px;font-size:11px;font-weight:700;max-width:140px;box-shadow:3px 3px #0000001a}.quote-bubble:after{content:"";position:absolute;bottom:-8px;left:50%;transform:translate(-50%);border-width:8px 8px 0;border-style:solid;border-color:white transparent;display:block;width:0}.student-area{display:flex;justify-content:center;position:relative;height:140px}.desk{background:#ff8a65;border:4px solid #2C3E50;border-radius:16px 16px 0 0;width:280px;height:90px;position:absolute;bottom:0;box-shadow:0 4px #2c3e50;display:flex;flex-direction:column;align-items:center}.desk-items{display:flex;gap:15px;margin-top:-15px}.desk-item{font-size:20px;filter:drop-shadow(2px 2px 0 rgba(0,0,0,.1))}.player-avatar-container{display:flex;flex-direction:column;align-items:center;margin-top:10px}.avatar-wrapper{background:#fff;border:3px solid #2C3E50;width:50px;height:50px;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 4px #00000026}.avatar-emoji{font-size:28px}.player-action-label{font-size:11px;font-weight:700;background:#2c3e50;color:#fff;padding:2px 8px;border-radius:999px;margin-top:5px}.flying-airplane{position:absolute;font-size:32px;z-index:10}.controls-panel{display:flex;flex-direction:column;gap:15px}.defense-zone{width:100%}.btn-defense{width:100%;background:#4ecdc4;color:#fff;border:4px solid #2C3E50;border-radius:20px;padding:16px;font-size:20px;font-weight:800;cursor:pointer;box-shadow:0 8px #2c8c84;display:flex;flex-direction:column;align-items:center;justify-content:center;transition:all .1s ease}.btn-defense:hover{transform:translateY(-2px);box-shadow:0 10px #2c8c84}.btn-defense:active,.btn-defense.active{transform:translateY(6px);box-shadow:0 2px #2c3e50;background:#3cb0a7}.btn-subtext{font-size:12px;font-weight:400;opacity:.9;margin-top:4px}.prank-zone{background:#fff;border:3px solid #2C3E50;border-radius:20px;padding:15px}.zone-title{margin:0 0 12px;font-size:14px;text-align:center;color:#7f8c8d}.prank-buttons{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.btn-prank{background:#fff8e7;border:3px solid #2C3E50;border-radius:16px;padding:12px 8px;display:flex;flex-direction:column;align-items:center;cursor:pointer;box-shadow:0 5px #2c3e50;transition:all .1s ease}.btn-prank:disabled{opacity:.5;cursor:not-allowed;transform:none!important;box-shadow:0 5px #2c3e50!important}.btn-prank:hover:not(:disabled){transform:translateY(-3px);box-shadow:0 8px #2c3e50}.btn-prank:active:not(:disabled){transform:translateY(3px);box-shadow:0 2px #2c3e50}.btn-prank .emoji{font-size:28px;margin-bottom:4px}.btn-prank .name{font-size:13px;font-weight:800}.btn-prank .points{font-size:11px;color:#ff8a65;font-weight:700;margin-top:2px}.gameover-card{text-align:center}.gameover-icon{font-size:64px;display:block;margin-bottom:10px;animation:bounce .6s infinite alternate}@keyframes bounce{0%{transform:translateY(0)}to{transform:translateY(-10px)}}.caught-reason{color:#e74c3c;font-weight:700;font-size:16px;margin-bottom:20px}.score-report{background:#f9f9f9;border:3px solid #2C3E50;border-radius:16px;padding:15px;margin-bottom:24px}.score-row{display:flex;justify-content:space-between;font-size:18px;font-weight:700;margin-bottom:8px}.final-score{font-size:24px;color:#ffd93d;text-shadow:2px 2px 0 #2C3E50}.high-score{color:#2c3e50}.title-box{border-top:2px dashed #BDC3C7;margin-top:12px;padding-top:12px;display:flex;align-items:center;justify-content:center;gap:10px}.title-label{font-size:12px;color:#7f8c8d;text-align:left}.title-value{font-size:18px;font-weight:800;color:#ff8a65}.btn-primary{background:#ffd93d;color:#2c3e50;border:4px solid #2C3E50;border-radius:999px;padding:12px 28px;font-size:18px;font-weight:800;cursor:pointer;box-shadow:0 6px #2c3e50;display:inline-flex;align-items:center;gap:8px;transition:all .1s ease}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px #2c3e50}.btn-primary:active{transform:translateY(4px);box-shadow:0 2px #2c3e50}.btn-secondary{background:#fff;color:#2c3e50;border:3px solid #2C3E50;border-radius:999px;padding:10px 24px;font-size:16px;font-weight:700;cursor:pointer;box-shadow:0 4px #2c3e50;transition:all .1s ease}.btn-secondary:hover{transform:translateY(-2px);box-shadow:0 6px #2c3e50}.gameover-actions{display:flex;flex-direction:column;gap:12px;align-items:center}