.mn{display:grid;grid-template-columns:minmax(0,1fr);gap:10px;max-width:640px;margin:0 auto}.mn-row{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:40px}.mn-meta{display:flex;gap:14px;color:var(--ink-2);font-variant-numeric:tabular-nums;font-size:.95rem;white-space:nowrap}.mn-meta b{color:var(--ink)}.mn-flagbtn{min-width:110px}.mn-flagbtn.is-on{background:var(--coral);border-color:var(--coral);color:#fff}.mn-scroll{overflow:auto;touch-action:pan-x pan-y;-webkit-overflow-scrolling:touch;padding:2px;margin:0 -4px;border-radius:12px}.mn-board{display:grid;gap:1px;margin:0 auto;width:max-content;padding:3px;background:var(--line);border-radius:12px;user-select:none;-webkit-user-select:none;--cell: 30px}.mn-cell{width:var(--cell);height:var(--cell);display:grid;place-items:center;font-weight:800;font-size:calc(var(--cell) * .55);line-height:1;background:var(--cell-given);border-radius:5px;color:var(--ink);cursor:pointer;position:relative;box-shadow:inset 0 -2px #00000014}.mn-cell.is-open{background:var(--cell);box-shadow:none;cursor:default}.mn-cell.is-start:after{content:"★";color:var(--sun);font-size:calc(var(--cell) * .6);animation:mn-star calc(1.4s * var(--motion)) ease-in-out infinite}@keyframes mn-star{50%{transform:scale(1.25)}}.mn-cell.is-flag:after{content:"🚩";font-size:calc(var(--cell) * .55)}.mn-cell.is-mine{background:var(--cell-wrong)}.mn-cell.is-mine:after{content:"💣";font-size:calc(var(--cell) * .55)}.mn-cell.is-boom{background:var(--coral)}.mn-cell.is-wrongflag:after{content:"✕";color:var(--coral)}.mn-cell.is-open.is-pop{animation:mn-pop calc(.18s * var(--motion)) ease-out}@keyframes mn-pop{0%{transform:scale(.7)}}.mn-cell[data-n="1"]{color:var(--sky)}.mn-cell[data-n="2"]{color:var(--leaf)}.mn-cell[data-n="3"]{color:var(--coral)}.mn-cell[data-n="4"]{color:var(--plum)}.mn-cell[data-n="5"]{color:sienna}.mn-cell[data-n="6"]{color:#0e8a8a}.mn-cell[data-n="7"]{color:var(--ink)}.mn-cell[data-n="8"]{color:var(--ink-2)}.mn-cell.is-chordhint{outline:2px solid var(--sun)}.mn-tools{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.mn-done .mn-board{outline:2px solid var(--leaf)}.mn-dead .mn-board{outline:2px solid var(--coral)}