.board-container{align-items:center;display:flex;justify-content:center;margin:20px 0}.board-container .loading{color:#666;font-size:1.2rem;padding:20px}.game-board{background-color:#f8f9fa;border-collapse:collapse;border-radius:8px;box-shadow:0 4px 8px #0000001a;overflow:hidden}.game-board td{background-color:#fff;border:2px solid #dee2e6;cursor:pointer;font-size:24px;font-weight:700;height:60px;text-align:center;transition:all .2s ease;-webkit-user-select:none;user-select:none;vertical-align:middle;width:60px}.game-board td:hover{background-color:#e9ecef;transform:scale(1.05)}.game-board td:empty{background-color:#f8f9fa;cursor:default}.game-board td:empty:hover{background-color:#f8f9fa;transform:none}.game-board td.selected{background-color:#007bff;box-shadow:0 2px 8px #007bff4d;color:#fff;transform:scale(1.1)}.game-board td.selected:hover{background-color:#0056b3}.game-board td.cell--new{animation:cellNewAppear .7s cubic-bezier(.23,1,.32,1);background-color:#ffe066;z-index:1}@keyframes cellNewAppear{0%{opacity:0;transform:scale(.5)}60%{opacity:1;transform:scale(1.15)}to{opacity:1;transform:scale(1)}}.controls{text-align:center}.add-button{background-color:#28a745;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:1.1rem;font-weight:700;height:48px;line-height:1.2;padding:12px 24px;transition:background-color .2s ease}.add-button:hover:not(:disabled){background-color:#218838}.add-button:disabled{background-color:#6c757d;cursor:not-allowed}.app{align-items:center;background-color:#f5f5f5;display:flex;flex-direction:column;min-height:100vh;padding:20px;position:relative}@keyframes shake{0%,to{transform:translateX(0)}10%,30%,50%,70%,90%{transform:translateX(-5px)}20%,40%,60%,80%{transform:translateX(5px)}}.shake{animation:shake .5s ease-in-out}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}.pulse{animation:pulse .3s ease-in-out}@keyframes fadeOut{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.8)}}.fade-out{animation:fadeOut .3s ease-out}@keyframes successFlash{0%{background-color:#28a745}50%{background-color:#20c997}to{background-color:#28a745}}.success-flash{animation:successFlash .5s ease-in-out}.game-title{color:#333;font-size:2.5rem;font-weight:700;margin-bottom:30px;text-align:center}.loading{align-items:center;color:#666;display:flex;font-size:1.5rem;height:100vh;justify-content:center}.howto-btn{background:#fff;border:2px solid #007bff;border-radius:50%;box-shadow:0 2px 8px #00000012;color:#007bff;cursor:pointer;font-size:1.7rem;font-weight:700;height:44px;position:absolute;right:24px;top:18px;transition:background .2s,color .2s;width:44px;z-index:10}.howto-btn:hover{background:#007bff;color:#fff}.sound-toggle-btn{align-items:center;background:#fff;border:2px solid #28a745;border-radius:50%;box-shadow:0 2px 8px #00000012;color:#28a745;cursor:pointer;display:flex;font-size:1.5rem;font-weight:700;height:44px;justify-content:center;position:absolute;right:74px;top:18px;transition:background .2s,color .2s,border .2s;width:44px;z-index:10}.sound-toggle-btn.sound-off{border-color:#dc3545;color:#dc3545}.sound-toggle-btn:hover{background:#28a745;color:#fff}.sound-toggle-btn.sound-off:hover{background:#dc3545;color:#fff}.modal-overlay{align-items:center;background:#0000004d;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.modal-content{background:#fff;border-radius:12px;box-shadow:0 4px 24px #0000002e;max-width:400px;padding:32px 24px 24px;position:relative;text-align:left;width:90vw}.modal-content h2{color:#007bff;font-size:1.5rem;margin-bottom:16px;margin-top:0}.modal-content ul{margin-bottom:20px;padding-left:20px}.close-modal{background:#007bff;border:none;border-radius:6px;color:#fff;cursor:pointer;display:block;font-size:1rem;font-weight:700;margin:0 auto;padding:10px 24px;transition:background .2s}.close-modal:hover{background:#0056b3}.controls-row{align-items:center;display:flex;flex-direction:row;justify-content:space-between;margin-bottom:20px;max-width:600px;width:100%}.score-display{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:20px;box-shadow:0 2px 8px #0000001a;color:#333;color:#fff;font-size:1.2rem;font-weight:700;min-width:120px;padding:8px 16px;text-align:center}.new-game-button{background-color:#007bff;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:1.1rem;font-weight:700;padding:12px 24px;transition:background-color .2s ease}.new-game-button:hover{background-color:#0056b3}
/*# sourceMappingURL=main.83954f67.css.map*/