.mn{grid-template-columns:minmax(0,1fr);grid-template-areas:"level""panel""info""keys"}.mn-level{grid-area:level}.mn-panel{grid-area:panel;gap:10px;min-width:0;max-width:100%;display:grid}.mn-info{grid-area:info;min-width:0}.mn>.keys{grid-area:keys}@media (width>=1024px){.mn{grid-template:"panel level""panel info""panel keys""panel."1fr/auto minmax(280px,340px);justify-content:start;align-items:start;gap:20px 40px}.mn-info .status{border-top:1px solid var(--line);padding-top:12px}}.mn-scroll{overscroll-behavior-x:contain;margin:-2px;padding:2px;overflow-x:auto}.mn-board{--min:22px;--max:40px;grid-template-columns:repeat(var(--w), minmax(var(--min), var(--max)));border:2px solid var(--ink);background:var(--line);-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;direction:ltr;gap:1px;width:fit-content;margin-inline:auto;display:grid}.mn--medium .mn-board{--max:36px}.mn--expert .mn-board{--max:32px}@media (pointer:coarse){.mn-board{--min:28px}}.mn-cell{aspect-ratio:1;background:var(--input);min-width:0;color:var(--ink);font-variant-numeric:tabular-nums;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;border:0;border-radius:0;justify-content:center;align-items:center;margin:0;padding:0;font-size:16px;font-weight:700;line-height:1;display:flex;position:relative}@media (width>=1024px){.mn-cell{font-size:18px}.mn--expert .mn-cell{font-size:16px}}@media (hover:hover){.mn:not(.mn--won):not(.mn--lost) .mn-cell:not(.mn-cell--open):hover{background:var(--line-2)}}.mn-cell:active:not(.mn-cell--open){background:var(--line-2)}.mn-cell:focus-visible{z-index:1;outline:2px solid var(--accent);outline-offset:-2px}.mn-cell--open{background:var(--panel);cursor:default}.mn-n1{color:var(--muted);font-weight:600}.mn-n2{color:var(--ink)}.mn-n3{color:var(--accent-text)}.mn-n4,.mn-n5{color:var(--accent-text);font-weight:800}.mn-n1,.mn-n2,.mn-n3,.mn-n4,.mn-n5{cursor:pointer}.mn-icon{width:62%;height:62%}.mn-cell--flag{color:var(--accent-text)}.mn-cell--mine{color:var(--ink);cursor:default}.mn-cell--boom{z-index:1;background:var(--accent);color:var(--ink);cursor:default}.mn-cell--wrong{color:var(--muted);cursor:default}.mn-cell--wrong:after{content:"";background:var(--ink);height:2px;margin-top:-1px;position:absolute;top:50%;left:18%;right:18%;transform:rotate(-45deg)}.mn--won .mn-cell,.mn--lost .mn-cell{cursor:default}.mn--flag .mn-cell:not(.mn-cell--open){cursor:cell}@media (prefers-reduced-motion:no-preference){.mn-cell--boom{animation:.4s ease-out mn-boom}.mn--won .mn-cell--flag{animation:.36s cubic-bezier(.2,.8,.2,1) mn-pop}}@keyframes mn-boom{0%{transform:scale(1.3)}to{transform:none}}@keyframes mn-pop{0%{transform:scale(.7)}60%{transform:scale(1.12)}to{transform:none}}