*,:before,:after{box-sizing:border-box}:root{--bg:#eef1f5;--panel:silver;--light:#fff;--dark:#7b7b7b;--cell:28px;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}body{background:var(--bg);color:#1d2330;margin:0}.app{flex-direction:column;align-items:center;gap:12px;max-width:100%;padding:16px;display:flex}h1{margin:0;font-size:1.8rem}h2{margin:0 0 6px;font-size:1.1rem}.controls{flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;display:flex}select{font:inherit;padding:4px 8px}.game{background:var(--panel);border:3px solid;border-color:var(--light) var(--dark) var(--dark) var(--light);max-width:100%;padding:8px}.topbar{border:3px solid;border-color:var(--dark) var(--light) var(--light) var(--dark);justify-content:space-between;align-items:center;gap:8px;margin-bottom:8px;padding:6px;display:flex}.counter{color:#ff2a2a;text-align:center;background:#111;min-width:3.4ch;padding:4px 6px;font-family:Courier New,ui-monospace,monospace;font-size:1.6rem;font-weight:700;line-height:1}.reset{cursor:pointer;background:var(--panel);border:3px solid;border-color:var(--light) var(--dark) var(--dark) var(--light);width:44px;height:44px;padding:0;font-size:1.6rem;line-height:1}.reset:active{border-color:var(--dark) var(--light) var(--light) var(--dark)}.board-scroll{-webkit-overflow-scrolling:touch;border:3px solid;border-color:var(--dark) var(--light) var(--light) var(--dark);max-width:calc(100vw - 54px);overflow:auto hidden}.board{grid-template-columns:repeat(var(--cols,9), var(--cell));grid-auto-rows:var(--cell);-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;touch-action:manipulation;width:max-content;display:grid}.cell{width:var(--cell);height:var(--cell);cursor:pointer;background:var(--panel);border:3px solid;border-color:var(--light) var(--dark) var(--dark) var(--light);color:inherit;justify-content:center;align-items:center;margin:0;padding:0;font:700 16px/1 system-ui,sans-serif;display:flex}.cell:focus-visible{outline-offset:-3px;outline:2px solid #2563eb}.cell.revealed{border:1px solid var(--dark);cursor:default;background:#d6d6d6}.board.over .cell{cursor:default}.cell.flagged,.cell.mine{font-size:14px}.cell.exploded{background:#ff3b3b}.cell.wrong-flag{background:#ffd6d6;font-size:13px}.n1{color:#00f}.n2{color:#007b00}.n3{color:red}.n4{color:#00007b}.n5{color:#7b0000}.n6{color:#007b7b}.n7{color:#000}.n8{color:#7b7b7b}.message{text-align:center;min-height:1.5em;margin:0;font-weight:600}.message.win{color:#0f7a2c}.message.lose{color:#b3261e}.message.record{font-size:1.15rem}.records-box{text-align:center}.records{flex-wrap:wrap;justify-content:center;gap:16px;margin:0;padding:0;list-style:none;display:flex}.records .current{font-weight:700}.help{color:#4b5563;text-align:center;margin:0;font-size:.9rem}@media (width<=480px){:root{--cell:32px}.app{padding:10px}.board-scroll{max-width:calc(100vw - 42px)}}