*{margin:0;padding:0;box-sizing:border-box}body{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;background:linear-gradient(135deg,#ff9a9e,#fecfef,#fecfef);min-height:100vh;display:flex;align-items:center;justify-content:center;padding:20px}.game-container{background:#fff;border-radius:20px;padding:30px;box-shadow:0 10px 30px #0003;text-align:center}h1{color:#ff6b6b;margin-bottom:20px;font-size:2.5em}.controls{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;gap:20px;flex-wrap:wrap}.info{display:flex;gap:20px;font-size:1.2em;font-weight:700}.reset-btn{background:#ff6b6b;color:#fff;border:none;padding:12px 24px;border-radius:25px;font-size:1.1em;cursor:pointer;transition:all .3s ease}.reset-btn:hover{background:#ff5252;transform:translateY(-2px)}.timer{font-size:1.2em;font-weight:700}.game-board{display:inline-grid;gap:2px;background:#ddd;padding:10px;border-radius:10px;margin-bottom:20px}.cell{width:40px;height:40px;background:#f0f0f0;border:1px solid #ccc;display:flex;align-items:center;justify-content:center;font-size:1.2em;font-weight:700;cursor:pointer;transition:all .2s ease;-webkit-user-select:none;user-select:none}.cell:hover:not(.revealed):not(.flagged){background:#e0e0e0}.cell.revealed{background:#fff;cursor:default}.cell.mine{background:#ff6b6b}.cell.flagged{background:#ffd93d}.cell[data-count="1"]{color:#1976d2}.cell[data-count="2"]{color:#388e3c}.cell[data-count="3"]{color:#d32f2f}.cell[data-count="4"]{color:#7b1fa2}.cell[data-count="5"]{color:#f57c00}.cell[data-count="6"]{color:#00796b}.cell[data-count="7"]{color:#5d4037}.cell[data-count="8"]{color:#424242}.difficulty{display:flex;gap:10px;justify-content:center}.difficulty-btn{padding:8px 16px;border:2px solid #ff6b6b;background:#fff;color:#ff6b6b;border-radius:20px;cursor:pointer;transition:all .3s ease}.difficulty-btn.active,.difficulty-btn:hover{background:#ff6b6b;color:#fff}.modal{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.modal.hidden{display:none}.modal-content{background:#fff;padding:40px;border-radius:20px;text-align:center;box-shadow:0 10px 30px #0000004d}.modal-content h2{color:#ff6b6b;margin-bottom:20px;font-size:2em}@media (max-width: 600px){.cell{width:30px;height:30px;font-size:1em}.controls{flex-direction:column;gap:10px}}