.ms{width:100%;display:flex;flex-direction:column;gap:10px;align-items:center;min-width:0}
.ms-bar{display:flex;gap:10px;align-items:center;flex-wrap:wrap;justify-content:center}
#ms-flagmode.on{background:#e04848;color:#fff;border-color:#e04848}
.ms-tip{font-size:12px;color:var(--muted)}
.ms-wrap{max-width:100%;overflow-x:auto;padding-bottom:4px}
.ms-grid{display:grid;border:3px solid #8a8174;border-radius:6px;background:#8a8174;gap:1px;width:max-content;margin:0 auto;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}
.ms-cell{width:var(--cs);height:var(--cs);padding:0;border:0;border-radius:0;background:linear-gradient(#ece6d9,#d6cdbb);display:flex;align-items:center;justify-content:center;cursor:pointer;touch-action:manipulation;font-size:calc(var(--cs)*.58);line-height:1}
.ms-cell:hover{background:#f1ebdf}
.ms-cell.open{background:#fbf8f2;cursor:default}
.ms-cell.mine{background:#f3e1dc}
.ms-cell.boom{background:#e04848}
.ms-cell.wrongflag{background:#f7c9c4}
.ms-cell svg{width:70%;height:70%;pointer-events:none}
.ms-cell b{font-weight:900;pointer-events:none}
.ms-cell .n1{color:#1e5fd0}.ms-cell .n2{color:#2a8a3a}.ms-cell .n3{color:#d63a30}.ms-cell .n4{color:#1b2f7a}.ms-cell .n5{color:#8a2a1a}.ms-cell .n6{color:#158a8a}.ms-cell .n7{color:#222}.ms-cell .n8{color:#777}