:root{--bg:#f4f7fb;--card:#fff;--text:#1d2939;--muted:#667085;--border:#d0d5dd;--accent:#2563eb;--cell-size:32px}:root[data-theme="dark"]{--bg:#121214;--card:#1c1c20;--text:#ececee;--muted:#9a9aa2;--border:#2c2c31;--accent:#6fa8ff}:root[data-theme="dark"] .ad-slot{background:repeating-linear-gradient(45deg,#1c1c20,#1c1c20 12px,#232328 12px,#232328 24px)}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:"Hiragino Sans","Yu Gothic",Meiryo,sans-serif;text-align:center}.site-nav{max-width:1000px;margin:auto;padding:12px 16px;display:flex;justify-content:space-between}.site-nav a,button,select{font:inherit}.site-nav a{color:var(--accent);text-decoration:none}header{padding:8px 16px}header h1{margin:0;font-size:2rem}header p{color:var(--muted)}.ad-slot{min-height:56px;max-width:728px;margin:10px auto;background:repeating-linear-gradient(45deg,#e8edf5,#e8edf5 12px,#dfe7f2 12px,#dfe7f2 24px);border-radius:8px}main{max-width:1040px;margin:auto;padding:12px 16px 36px}.controls,.status{display:flex;gap:10px;align-items:center;justify-content:center;flex-wrap:wrap;margin:12px 0}.controls button,.controls select{padding:9px 12px;border:1px solid var(--border);border-radius:8px;background:var(--card);cursor:pointer}.controls button:first-of-type{background:var(--accent);color:#fff;border-color:var(--accent)}.status{justify-content:space-between;max-width:640px;margin:12px auto}.status div{display:flex;flex-direction:column;min-width:76px}.status small{color:var(--muted)}.status strong{font-size:1.45rem;font-variant-numeric:tabular-nums}.message{margin:0;color:var(--muted)}.message.win{color:#15803d;font-weight:bold}.message.lose{color:#dc2626;font-weight:bold}.board-scroll{overflow-x:auto;padding:10px}.board{display:grid;gap:2px;width:max-content;margin:auto;padding:7px;background:#94a3b8;border:3px solid #64748b;border-radius:7px}.cell{width:var(--cell-size);height:var(--cell-size);padding:0;border:1px outset #f8fafc;border-radius:2px;background:#cbd5e1;font-weight:800;font-size:16px;cursor:pointer}.cell:hover:not(:disabled){background:#dbeafe}.cell.opened{background:#e2e8f0;border:1px solid #94a3b8;cursor:default}.cell.flagged{background:#dbeafe}.cell.mine{background:#fecaca}.cell.exploded{background:#ef4444}.number-1{color:#2563eb}.number-2{color:#15803d}.number-3{color:#dc2626}.number-4{color:#4338ca}.number-5{color:#991b1b}.number-6{color:#0f766e}.number-7{color:#111827}.number-8{color:#475569}.howto{max-width:680px;text-align:left;margin:24px auto;background:var(--card);border:1px solid var(--border);border-radius:10px;padding:14px 20px}.howto h2{margin:0}.howto li{margin:8px 0;line-height:1.5}footer{padding:20px;color:var(--muted)}footer a{color:inherit}@media(max-width:600px){:root{--cell-size:30px}header h1{font-size:1.6rem}.status{gap:6px}.message{width:100%;order:3}.controls label{width:100%}}