body{font-family:Inter,system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial;display:flex;min-height:100vh;align-items:center;justify-content:center;background:#f3f4f6;margin:0}
main{width:min(900px,95vw);background:#fff;padding:20px;border-radius:8px;box-shadow:0 8px 24px rgba(16,24,40,0.08)}
h1{margin:0 0 12px;font-size:1.2rem}
.controls{display:flex;gap:12px;align-items:center;margin-bottom:12px}
.controls label{font-size:0.9rem}
.controls input{width:60px;padding:6px;border:1px solid #ddd;border-radius:4px}
.controls button{padding:6px 10px;border:none;background:#111827;color:#fff;border-radius:6px;cursor:pointer}
.status{margin-left:12px;display:flex;gap:12px}
.board{display:grid;gap:4px;background:#e5e7eb;padding:8px;border-radius:6px}
.cell{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:#9ca3af;color:#111827;font-weight:600;border-radius:4px;cursor:pointer;user-select:none}
.cell.open{background:#f9fafb;cursor:default;color:#111827;font-weight:700}
.cell.mine{background:#f87171;color:#fff}
.cell.flag{background:#fde68a}
.footer{margin-top:8px}
@media (max-width:600px){.cell{width:28px;height:28px;font-size:0.9rem}}