body{margin:0;padding:0;font-family:Arial,sans-serif;background:linear-gradient(135deg,#ff9a9e,#fecfef);display:flex;justify-content:center;align-items:center;min-height:100vh;color:#333;overscroll-behavior:none}.game-container{text-align:center;background:#ffffffe6;border-radius:20px;padding:20px;box-shadow:0 8px 32px #0000001a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.game-header{position:relative;margin-bottom:15px}.game-header h1{color:#2c3e50;font-size:2em;margin:0 0 10px;text-shadow:2px 2px 4px rgba(0,0,0,.1)}.back-to-menu-btn{position:absolute;left:0;top:0;display:flex;align-items:center;justify-content:center;padding:8px 12px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;text-decoration:none;border-radius:8px;font-size:14px;transition:all .3s}.back-to-menu-btn:hover{transform:translateY(-2px);box-shadow:0 4px 15px #0003;background:linear-gradient(135deg,#5a6fd8,#6a4190)}.back-icon{font-size:16px;font-weight:700}.mute-btn{position:absolute;right:0;top:0;display:flex;align-items:center;justify-content:center;padding:8px 12px;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;font-size:16px;cursor:pointer;transition:all .3s}.mute-btn:hover{transform:translateY(-2px);box-shadow:0 4px 15px #0003;background:linear-gradient(135deg,#5a6fd8,#6a4190)}.score,.high-score{display:inline-block;margin:0 15px;font-size:1.1em;font-weight:700;color:#e74c3c}#gameCanvas{border:3px solid #34495e;border-radius:10px;box-shadow:0 4px 16px #0003;touch-action:none;width:100%;max-width:400px;max-height:calc(100dvh - 180px);height:auto}.game-controls{margin-top:15px}.instructions{margin-bottom:15px;color:#2c3e50}.instructions p{margin:5px 0;font-size:1em}.modal-overlay{position:fixed;inset:0;background:#0009;justify-content:center;align-items:center;z-index:100}.modal-content{background:#fff;border:2px solid #e74c3c;border-radius:16px;padding:30px 40px;text-align:center;box-shadow:0 12px 40px #0000004d;animation:modal-pop-in .25s ease-out;width:min(420px,92vw);max-height:90vh;overflow-y:auto;box-sizing:border-box}.modal-content h2{color:#e74c3c;margin-top:0;font-size:1.8em}.modal-content p{font-size:1.2em;color:#2c3e50}@keyframes modal-pop-in{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.hidden{display:none}.score-submission-section{background:#f0f0f0f2;padding:20px;border-radius:12px;margin:20px 0;border:2px solid #e0e0e0;text-align:center}.score-submission-section h3{font-size:1.2rem;margin-top:0;margin-bottom:15px;color:#333;font-weight:700}.player-name-input{margin-bottom:15px}.name-input{width:100%;max-width:300px;padding:10px;font-size:1rem;border:2px solid #ddd;border-radius:6px;background:#fff;color:#333;text-align:center;transition:border-color .3s,box-shadow .3s;box-sizing:border-box}.name-input:focus{outline:none;border-color:#4caf50;box-shadow:0 0 8px #4caf504d}.input-hint{display:block;margin-top:5px;font-size:.8rem;color:#666}.submit-score-btn{width:100%;max-width:250px;padding:12px 20px;font-size:1.1rem;background:linear-gradient(135deg,#4caf50,#45a049);color:#fff;border:none;border-radius:6px;cursor:pointer;font-weight:700;transition:transform .2s,box-shadow .2s;position:relative;overflow:hidden}.submit-score-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #4caf5066}.submit-score-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.btn-loading{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.submission-status{margin-top:10px;font-size:.9rem;min-height:20px;font-weight:700}.submission-status.error{color:#f44336}.submission-status.success{color:#4caf50}.submission-success{margin-top:15px;padding:15px;background:#4caf501a;border-radius:8px;border:1px solid rgba(76,175,80,.3)}.submission-success.hidden{display:none}.view-ranking-btn{margin-top:10px;padding:8px 16px;background:linear-gradient(135deg,#2196f3,#1976d2);color:#fff;border:none;border-radius:5px;cursor:pointer;font-size:.9rem;transition:transform .2s;text-decoration:none;display:inline-block}.view-ranking-btn:hover{transform:translateY(-1px);box-shadow:0 2px 8px #2196f366}#restartBtn{background:#3498db;color:#fff;border:none;padding:12px 24px;font-size:1.1em;border-radius:6px;cursor:pointer;transition:background .3s}#restartBtn:hover{background:#2980b9}#restartBtn:active{transform:translateY(1px)}@media (max-width: 480px){.game-container{padding:10px;border-radius:0;width:100%;min-height:100vh;box-sizing:border-box}.game-header h1{font-size:1.4em;margin-top:40px}.score,.high-score{margin:0 8px;font-size:1em}.instructions{display:none}}