html,body{min-height:100vh}body{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}:root{--bg-primary: #f0f0f0;--bg-secondary: #ffffff;--bg-cell: #c0c0c0;--bg-cell-revealed: #e0e0e0;--text-primary: #333333;--text-secondary: #666666;--border-light: #ffffff;--border-dark: #808080;--accent-color: #4a90d9;--danger-color: #ff4444;--success-color: #44ff44}[data-theme=dark]{--bg-primary: #1a1a2e;--bg-secondary: #16213e;--bg-cell: #0f3460;--bg-cell-revealed: #1a1a2e;--text-primary: #eaeaea;--text-secondary: #b0b0b0;--border-light: #4a4a6a;--border-dark: #0a0a1a;--accent-color: #e94560;--danger-color: #ff6b6b;--success-color: #6bff6b}*{box-sizing:border-box;margin:0;padding:0}.game-container{display:flex;flex-direction:column;align-items:center;min-height:100vh;padding:20px;background:var(--bg-primary);color:var(--text-primary);font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;transition:background-color .3s ease,color .3s ease}.game-title{font-size:2.5rem;margin-bottom:20px;text-shadow:2px 2px 4px rgba(0,0,0,.2);animation:titlePulse 2s ease-in-out infinite}@keyframes titlePulse{0%,to{transform:scale(1)}50%{transform:scale(1.02)}}.game-wrapper{background:var(--bg-secondary);border-radius:12px;padding:20px;box-shadow:0 10px 30px #0003}.header{display:flex;justify-content:space-between;align-items:center;padding:10px 15px;background:var(--bg-cell);border-radius:8px;margin-bottom:15px;border:3px solid;border-color:var(--border-dark) var(--border-light) var(--border-light) var(--border-dark)}.counter{display:flex;align-items:center;gap:8px;background:#000;padding:8px 12px;border-radius:4px;border:2px inset var(--border-dark)}.counter-icon{font-size:1.2rem}.counter-value{font-family:Courier New,monospace;font-size:1.5rem;font-weight:700;color:red;text-shadow:0 0 10px #ff0000;min-width:50px;text-align:center}.reset-button{font-size:2rem;width:50px;height:50px;border-radius:8px;border:3px solid;border-color:var(--border-light) var(--border-dark) var(--border-dark) var(--border-light);background:var(--bg-cell);cursor:pointer;transition:all .1s ease;display:flex;align-items:center;justify-content:center}.reset-button:hover{transform:scale(1.05)}.reset-button:active{border-color:var(--border-dark) var(--border-light) var(--border-light) var(--border-dark);transform:scale(.95)}.board{display:grid;gap:1px;background:var(--border-dark);padding:3px;border:3px solid;border-color:var(--border-dark) var(--border-light) var(--border-light) var(--border-dark);border-radius:4px}.cell{width:30px;height:30px;border:none;font-size:1rem;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .1s ease;padding:0;background:var(--bg-cell)}.cell.hidden{border:3px solid;border-color:var(--border-light) var(--border-dark) var(--border-dark) var(--border-light)}.cell.hidden:hover{background:#d0d0d0}[data-theme=dark] .cell.hidden:hover{background:#1a4a7a}.cell.hidden:active{border-color:var(--border-dark) var(--border-light) var(--border-light) var(--border-dark)}.cell.revealed{background:var(--bg-cell-revealed);border:1px solid var(--border-dark);animation:reveal .2s ease-out}@keyframes reveal{0%{transform:scale(.8);opacity:.5}to{transform:scale(1);opacity:1}}.cell.mine-cell{background:var(--danger-color);animation:explode .3s ease-out}@keyframes explode{0%{transform:scale(1);background:var(--danger-color)}50%{transform:scale(1.2);background:#f80}to{transform:scale(1);background:var(--danger-color)}}.cell.wrong-flag{background:#faa}.cell .number{font-weight:700;text-shadow:1px 1px 1px rgba(0,0,0,.2)}.cell .flag{animation:flagWave .5s ease-out}@keyframes flagWave{0%{transform:scale(0) rotate(-180deg)}to{transform:scale(1) rotate(0)}}.cell .mine{animation:mineAppear .3s ease-out}@keyframes mineAppear{0%{transform:scale(0)}50%{transform:scale(1.3)}to{transform:scale(1)}}.controls{margin-top:15px}.difficulty-buttons{display:flex;gap:10px;justify-content:center;flex-wrap:wrap}.difficulty-btn{padding:10px 20px;font-size:1rem;border:2px solid var(--border-dark);border-radius:6px;background:var(--bg-cell);color:var(--text-primary);cursor:pointer;transition:all .2s ease}.difficulty-btn:hover{background:var(--accent-color);color:#fff;transform:translateY(-2px)}.difficulty-btn.active{background:var(--accent-color);color:#fff;box-shadow:0 4px 10px #0003}.custom-settings{display:flex;gap:15px;margin-top:15px;padding:15px;background:var(--bg-primary);border-radius:8px;flex-wrap:wrap;justify-content:center;align-items:center;animation:slideDown .3s ease-out}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.custom-input{display:flex;align-items:center;gap:8px}.custom-input label{font-size:.9rem;color:var(--text-secondary)}.custom-input input{width:60px;padding:8px;border:2px solid var(--border-dark);border-radius:4px;font-size:1rem;text-align:center;background:var(--bg-secondary);color:var(--text-primary)}.apply-btn{padding:8px 20px;background:var(--accent-color);color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:1rem;transition:all .2s ease}.apply-btn:hover{transform:scale(1.05);box-shadow:0 4px 10px #0003}.extra-controls{margin-top:15px;display:flex;justify-content:center}.theme-btn{padding:10px 20px;font-size:1rem;border:2px solid var(--border-dark);border-radius:6px;background:var(--bg-cell);color:var(--text-primary);cursor:pointer;transition:all .2s ease}.theme-btn:hover{transform:translateY(-2px);box-shadow:0 4px 10px #0003}.game-info{margin-top:20px;text-align:center;color:var(--text-secondary);font-size:.9rem}.best-score{margin-top:10px;color:var(--accent-color);font-weight:700}.modal-overlay{position:fixed;inset:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .2s ease-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal-content{background:var(--bg-secondary);border-radius:12px;padding:0;min-width:300px;max-width:90%;box-shadow:0 20px 50px #0000004d;animation:modalSlide .3s ease-out}@keyframes modalSlide{0%{opacity:0;transform:scale(.8) translateY(-20px)}to{opacity:1;transform:scale(1) translateY(0)}}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:15px 20px;border-bottom:1px solid var(--border-dark)}.modal-header h2{margin:0;font-size:1.5rem}.modal-close{background:none;border:none;font-size:1.5rem;cursor:pointer;color:var(--text-secondary);transition:color .2s ease}.modal-close:hover{color:var(--danger-color)}.modal-body{padding:20px;text-align:center}.win-content,.lose-content{display:flex;flex-direction:column;gap:15px}.new-record{color:gold;font-size:1.2rem;animation:recordPulse .5s ease-in-out infinite}@keyframes recordPulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.play-again-btn{padding:12px 30px;font-size:1.1rem;background:var(--accent-color);color:#fff;border:none;border-radius:8px;cursor:pointer;transition:all .2s ease}.play-again-btn:hover{transform:scale(1.05);box-shadow:0 4px 15px #0000004d}@media (max-width: 600px){.game-title{font-size:1.8rem}.cell{width:25px;height:25px;font-size:.85rem}.header{padding:8px 10px}.counter-value{font-size:1.2rem}.reset-button{width:40px;height:40px;font-size:1.5rem}.difficulty-btn{padding:8px 15px;font-size:.9rem}}@media (max-width: 400px){.cell{width:22px;height:22px;font-size:.75rem}}