#board-container{display:flex;justify-content:center;align-items:center;min-height:100vh;padding-top:4rem}#board{display:inline-grid;gap:2px;background:#0000004d;padding:8px;border-radius:8px;border:2px solid rgba(139,119,73,.3);box-shadow:0 8px 32px #00000080}.cell{width:36px;height:36px;display:flex;align-items:center;justify-content:center;font-family:var(--font-pixel);font-size:.55rem;cursor:pointer;border-radius:4px;transition:transform .1s;-webkit-user-select:none;user-select:none;position:relative}.cell:hover{transform:scale(1.05);z-index:1}.cell.hidden{background:linear-gradient(135deg,#6d8c3e,#5a7830,#4e6a28);border:2px solid rgba(0,0,0,.2);box-shadow:inset 0 1px #ffffff26,inset 0 -1px #00000026}.cell.hidden:after{content:"";position:absolute;inset:3px;border-radius:2px;background:#ffffff0a}.cell.hidden:hover{background:linear-gradient(135deg,#7d9c4e,#6a8840,#5e7a38)}.cell.revealed{background:#3e2723;border:1px solid rgba(0,0,0,.3);box-shadow:inset 0 1px 3px #0000004d}.cell.flagged{background:linear-gradient(135deg,#6d8c3e,#5a7830);border:2px solid rgba(255,179,0,.4);box-shadow:0 0 8px #ffb30026}.cell.mine{background:#c62828!important;box-shadow:0 0 12px #c6282866}.cell.mine-hit{background:#ff1744!important;box-shadow:0 0 20px #ff174499;animation:mine-explode .3s ease-out}.n1{color:#4fc3f7}.n2{color:#66bb6a}.n3{color:#ef5350}.n4{color:#7e57c2}.n5{color:#ff7043}.n6{color:#26c6da}.n7{color:#ec407a}.n8{color:#bdbdbd}.difficulty-select{display:flex;gap:.5rem;margin-top:1rem;flex-wrap:wrap;justify-content:center}.diff-btn{font-size:.4rem!important;padding:.6rem 1rem!important}@keyframes mine-explode{0%{transform:scale(1)}50%{transform:scale(1.3)}to{transform:scale(1)}}@keyframes cell-reveal{0%{transform:scale(.8);opacity:0}to{transform:scale(1);opacity:1}}.cell.revealed{animation:cell-reveal .15s ease-out}.mobile-actions-center{position:absolute;bottom:80px;left:50%;transform:translate(-50%);display:none;z-index:20}body.mobile-controls-active .mobile-actions-center{display:flex}.action-btn-large{width:100px;height:50px;background:#ffb3004d;border:2px solid rgba(255,255,255,.4);border-radius:25px;color:#fff;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .1s;-webkit-tap-highlight-color:transparent}.action-btn-large:active,.action-btn-large.active{background:#ffb30099;transform:scale(.95)}#board-container{padding-top:5rem}@media(max-width:768px){#board-container{padding-top:6rem;padding-bottom:5rem}}