.mines-board { display: grid; place-items: center; }
.grid { display: grid; grid-template-columns: repeat(5, 1fr); gap: 8px; width: min(460px, 100%); }
.mtile { aspect-ratio: 1; border: 0; border-radius: 12px; background: #3a2a7a; font-size: clamp(22px, 5vw, 36px); line-height: 1;
         box-shadow: inset 0 -4px 0 rgba(0,0,0,.25); transition: transform .1s, background-color .15s; }
.playing .mtile:not(:disabled) { background: #6a4ad0; cursor: pointer; }
.playing .mtile:not(:disabled):hover { background: #8a6af0; transform: translateY(-2px); }
.mtile.gem { background: #4dff8f; box-shadow: none; }
.mtile.bomb { background: #d8344d; box-shadow: none; }
.mtile.shown { opacity: .5; }
.mtile.hit { opacity: 1; animation: boom .4s; }
@keyframes boom { 30% { transform: scale(1.15); } }