.ms{display:flex;flex-direction:column;gap:var(--sp-3);width:100%;align-items:center}.ms-status{margin:0;font-size:14px;color:var(--c-text-muted);text-align:center;min-height:1.6em}.ms-board-wrap{max-width:100%;overflow-x:auto;padding:2px}.ms-board{display:grid;grid-template-columns:repeat(var(--cols, 9),var(--ms-cell, 32px));grid-template-rows:repeat(var(--rows, 9),var(--ms-cell, 32px));gap:2px;padding:4px;background:var(--c-bg-sunken);border:1px solid var(--c-border-strong);border-radius:var(--r-md);--ms-cell: clamp(20px, calc((min(100vw, 900px) - 80px) / var(--cols, 9)), 34px)}.ms-cell{display:flex;align-items:center;justify-content:center;border-radius:4px;background:var(--c-border-strong);color:var(--c-text);font-family:var(--font-mono);font-size:calc(var(--ms-cell, 32px) * .55);font-weight:700;line-height:1;user-select:none;cursor:pointer;transition:background-color .1s ease,transform .08s ease}.ms-cell:hover{background:color-mix(in srgb,var(--c-border-strong) 82%,var(--c-accent))}.ms-cell:active{transform:scale(.94)}.ms-cell--revealed{background:var(--c-bg-elevated);border:1px solid var(--c-border);cursor:default}.ms-cell--revealed:hover{background:var(--c-bg-elevated)}.ms-cell--revealed:active{transform:none}.ms-cell--flagged{background:var(--c-warning);font-size:calc(var(--ms-cell, 32px) * .5)}.ms-cell--mine{background:var(--c-danger);font-size:calc(var(--ms-cell, 32px) * .5)}.ms-cell[data-num="1"]{color:var(--ms-num-1)}.ms-cell[data-num="2"]{color:var(--ms-num-2)}.ms-cell[data-num="3"]{color:var(--ms-num-3)}.ms-cell[data-num="4"]{color:var(--ms-num-4)}.ms-cell[data-num="5"]{color:var(--ms-num-5)}.ms-cell[data-num="6"]{color:var(--ms-num-6)}.ms-cell[data-num="7"]{color:var(--ms-num-7)}.ms-cell[data-num="8"]{color:var(--ms-num-8)}.ms-hint{margin:0;font-size:12px;color:var(--c-text-muted);text-align:center;max-width:520px}@media(max-width:640px){.ms-board{--ms-cell: clamp(26px, calc((100vw - 60px) / var(--cols, 9)), 32px)}}