html,body{display:flex;background-color:#777;justify-content:center;align-items: center;width:100%;height:100%;margin:0}*{box-sizing:border-box}html,body{min-width:100%;height:auto;min-height:100%}body{color:#111;align-items: flex-start;padding:18px;font-family:Arial,Helvetica,sans-serif}button,input,select{font:inherit}button,select,input{color:#111;background:#c6c6c6;border:2px solid #555;border-color:#fff #555 #555 #fff;border-radius:0}button{cursor:pointer;min-height:32px;padding:4px 10px}button:active,button.active{background:#b8b8b8;border-color:#555 #fff #fff #555}button:focus-visible{outline:3px solid #000;outline-offset:2px}select:focus-visible{outline:3px solid #000;outline-offset:2px}input:focus-visible{outline:3px solid #000;outline-offset:2px}canvas:focus-visible{outline:3px solid #000;outline-offset:2px}.minesweeper-page{width:min(100%,790px);margin:auto}h1{text-align:center;margin:0 0 12px;font-size:clamp(1.45rem,5vw,2rem)}.settings{display:grid;grid-template-columns:minmax(130px,1.8fr)repeat(3,minmax(76px,1fr))auto;background:#c6c6c6;border:3px solid #555;border-color:#fff #555 #555 #fff;gap:8px;margin-bottom:12px;padding:10px}.settings label{display:grid;gap:3px;min-width:0;font-size:.78rem;font-weight:700}.settings input,.settings select{width:100%;min-height:32px;padding:3px 5px}.settings button{white-space:nowrap;align-self: end}.game-frame{background:#c6c6c6;border:4px solid #555;border-color:#fff #555 #555 #fff;width:-moz-fit-content;width:fit-content;max-width:100%;margin:0 auto;padding:9px}.scoreboard{display:grid;grid-template-columns:1fr auto 1fr;border:3px solid #fff;border-color:#555 #fff #fff #555;align-items: center;margin-bottom:9px;padding:6px}.digital{color:#ff2424;letter-spacing:2px;text-align:right;background:#160000;border:2px inset #aaa;width:72px;padding:1px 5px;font:700 2rem/1 Consolas,monospace}.digital:last-child{justify-self:end}.face{width:42px;min-height:38px;padding:1px;font-size:1.45rem;line-height:1}.board-wrap{overflow:auto;background:#c6c6c6;border:3px solid #fff;border-color:#555 #fff #fff #555;max-width:100%}canvas{display:block;image-rendering:pixelated;touch-action:manipulation;max-width:100%;height:auto}.below-board{display:flex;justify-content:center;align-items: center;gap:12px;min-height:44px;margin-top:10px}#message,.instructions{margin:0}#message{font-weight:700}.instructions{text-align:center;font-size:.82rem;line-height:1.4}@media (max-width:650px){body{padding:8px}.settings{grid-template-columns:repeat(3,1fr)}.settings label:first-child,.settings button{grid-column:span 3}.settings label:first-child{grid-template-columns:90px 1fr;align-items: center}.game-frame{width:100%;padding:7px}.board-wrap{width:-moz-fit-content;width:fit-content;margin:auto}.below-board{flex-wrap:wrap;gap:6px 10px}#message{text-align:center;flex-basis:100%}}