.ms-bar{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:12px;margin:16px 0 10px}
.ms-counter{display:flex;flex-direction:column;padding:8px 12px;border:1px solid var(--border);border-radius:10px;background:var(--paper)}
.ms-counter:last-child{text-align:right}
.ms-counter span{font-size:12px;color:var(--muted)}
.ms-counter strong{font:700 20px var(--mono)}
.ms-face{width:52px;height:52px;border-radius:50%;border:1px solid var(--border);background:var(--surface);font-size:26px;line-height:1}
.ms-face:hover{border-color:var(--accent)}
.ms-tools{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:12px;flex-wrap:wrap}
.ms-flag{min-height:38px;padding:6px 14px}
.ms-flag[aria-pressed="true"]{background:var(--accent);color:var(--accent-ink);border-color:var(--accent)}
.ms-best{font-size:13px;color:var(--muted)}
.ms-best strong{font-family:var(--mono);color:var(--ink)}
.ms-scroll{overflow:auto;max-width:100%}
.ms-grid{--cols:9;--cell:clamp(16px,calc((100vw - 82px - (var(--cols) - 1) * 2px) / var(--cols)),38px);display:grid;grid-template-columns:repeat(var(--cols),var(--cell));gap:2px;width:max-content;margin:0 auto;padding:6px;border-radius:12px;background:var(--border);touch-action:manipulation;user-select:none;-webkit-user-select:none}
.ms-grid[data-mode="easy"]{--cell:clamp(28px,calc((100vw - 92px) / 9),44px)}
.ms-cell{width:var(--cell);height:var(--cell);padding:0;border-radius:5px;background:var(--surface);box-shadow:inset 0 -2px 0 #0002;font:800 calc(var(--cell) * .52) var(--mono);color:var(--ink);-webkit-touch-callout:none}
.ms-cell:hover:not(.open){filter:brightness(.95)}
.ms-cell:focus-visible{outline:3px solid var(--accent);outline-offset:-1px;position:relative;z-index:1}
.ms-cell.open{background:var(--paper);box-shadow:none;cursor:default}
.ms-cell.flag,.ms-cell.mine{font-size:calc(var(--cell) * .5)}
.ms-cell.exploded{background:#e05a4a}
.ms-cell.wrong{background:#f4c27a}
.ms-cell[data-count="1"]{color:#2f6fb3}
.ms-cell[data-count="2"]{color:#2e8b57}
.ms-cell[data-count="3"]{color:#c0392b}
.ms-cell[data-count="4"]{color:#4457b8}
.ms-cell[data-count="5"]{color:#8a3a1f}
.ms-cell[data-count="6"]{color:#17808c}
.ms-cell[data-count="7"]{color:#222a30}
.ms-cell[data-count="8"]{color:#66716f}
@media(prefers-color-scheme:dark){:root:not([data-theme="light"]) .ms-cell[data-count="1"]{color:#6aa6ea}:root:not([data-theme="light"]) .ms-cell[data-count="2"]{color:#5fc28c}:root:not([data-theme="light"]) .ms-cell[data-count="3"]{color:#f07a6c}:root:not([data-theme="light"]) .ms-cell[data-count="4"]{color:#8f9cf0}:root:not([data-theme="light"]) .ms-cell[data-count="7"]{color:#e8eae6}}