.ms-area { max-width:720px; margin:0 auto; }
.ms-toolbar { display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:10px; margin-bottom:12px; }
.diff-group { display:flex; flex-wrap:wrap; gap:7px; }
.flag-mode.active { border-color:var(--orange); color:var(--orange); }
.ms-status { display:flex; align-items:center; justify-content:center; gap:18px; padding:8px 16px; margin-bottom:12px; }
.ms-num { font:700 22px ui-monospace,Consolas,monospace; letter-spacing:.08em; min-width:56px; text-align:center; color:var(--orange); }
.face { font-size:26px; line-height:1; border:1px solid var(--rule); background:transparent; padding:3px 12px; }
.ms-board { display:inline-grid; gap:1px; background:var(--rule); border:1px solid var(--rule); padding:1px; margin:0 auto; display:grid; max-width:100%; }
.ms-board .cell { width:clamp(18px,3.2vw,32px); height:clamp(18px,3.2vw,32px); display:flex; align-items:center; justify-content:center; font:800 clamp(10px,1.8vw,16px) ui-monospace,Consolas,monospace; background:var(--panel); cursor:pointer; user-select:none; padding:0; }
.ms-board .cell.hidden { background:var(--bluewash); }
.ms-board .cell.hidden:hover { background:color-mix(in srgb,var(--blue) 22%,var(--panel)); }
.ms-board .cell.revealed.zero { background:var(--paper); cursor:default; }
.ms-board .cell.revealed.mine { background:#e8b4b8; }
.ms-board .cell.revealed.wrongflag { background:#f4c2c2; }
.ms-board .cell.flag { font-size:clamp(11px,2vw,17px); }
.n1 { color:var(--blue); } .n2 { color:#2e7d32; } .n3 { color:#c62828; } .n4 { color:#4527a0; } .n5 { color:#8d6e63; } .n6 { color:#00838f; } .n7 { color:#111; } .n8 { color:#757575; }
[data-theme="dark"] .n7 { color:#eee; }
.center { text-align:center; }
@media (max-width:560px) { .ms-toolbar { justify-content:center; } }