*{box-sizing:border-box;margin:0;padding:0}body{background-color:#333;color:#fff}main{margin:0;display:flex;align-items:center;flex-direction:column}.title{height:fit-content;text-align:center;font-size:3rem;margin:2rem 0rem}.title>img{width:100%;height:100%}.msg{margin-top:-.1rem}.subtext{color:#ccc;font-size:1.5rem;margin-bottom:10px}.board{display:inline-grid;padding:10px;grid-template-columns:repeat(var(--size),var(--cell-size));grid-template-rows:repeat(var(--size),var(--cell-size));gap:4px;background-color:#777;position:relative}button{background-color:transparent;font-size:16px}.board>*{width:100%;height:100%;display:flex;justify-content:center;align-items:center;color:#fff;border:2px solid #bbb;-webkit-user-select:none;user-select:none}.board>[data-status=hidden]{background-color:#bbb;cursor:pointer}.board>[data-status=mine]{content:"";background-image:url(/bomb50*50.png);background-repeat:no-repeat;background-position:center;background-size:contain;width:100%;height:100%}.board>[data-status=number]{background-color:none}.board>[data-status=marked]:after{content:"";background-image:url(/flag50*50.png);background-repeat:no-repeat;background-position:center;background-size:contain;width:100%;height:100%}@media(max-width:768px){.board{--cell-size: 30px}}@media(min-width:768px){.board{--cell-size: 60px}}