.m-board-wrap{width:min(100%, calc(var(--cols,9) * 32px));aspect-ratio:var(--cols,9) / var(--rows,9);margin-inline:auto;position:relative}.m-board{--line:#2b2a28;grid-template-columns:repeat(var(--cols,9), 1fr);grid-template-rows:repeat(var(--rows,9), 1fr);border:3px solid var(--line);-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;touch-action:manipulation;background:#fff;border-radius:8px;width:100%;height:100%;display:grid;position:relative;overflow:hidden;container-type:size}.m-row{display:contents}.m-cell{box-sizing:border-box;color:#2b2a28;min-width:0;min-height:0;font:800 calc(100cqw / var(--cols,9) * .58) / 1 ui-sans-serif, system-ui, sans-serif;font-variant-numeric:tabular-nums;cursor:pointer;-webkit-tap-highlight-color:transparent;background:#c9d0da;border:1px solid #9aa3b0;border-color:#e6eaf0 #9aa3b0 #9aa3b0 #e6eaf0;justify-content:center;align-items:center;padding:0;display:flex;position:relative}.m-cell:focus-visible{outline:3px solid var(--accent);outline-offset:-3px;z-index:2}@media (hover:hover){.m-cell:not(.is-open):hover{filter:brightness(1.06)}}.m-cell.is-open{cursor:default;background:#f4f2ed;border-color:#0000001f}.m-cell.n1{color:#1f5fd1}.m-cell.n2{color:#1b7f3b}.m-cell.n3{color:#c62828}.m-cell.n4{color:#283593}.m-cell.n5{color:#8b1a1a}.m-cell.n6{color:#00838f}.m-cell.n7{color:#222}.m-cell.n8{color:#666}.m-cell.is-flag:after,.m-cell.is-wrong:after,.m-cell.is-mine:after{content:"";pointer-events:none;width:62%;height:62%}.m-cell.is-flag:after,.m-cell.is-wrong:after{background:#d32f2f;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M6 2.5h2v19H6z'/%3E%3Cpath d='M8 3l11 5-11 5z'/%3E%3Cpath d='M3 20h10v2.5H3z'/%3E%3C/svg%3E") 50%/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M6 2.5h2v19H6z'/%3E%3Cpath d='M8 3l11 5-11 5z'/%3E%3Cpath d='M3 20h10v2.5H3z'/%3E%3C/svg%3E") 50%/contain no-repeat}.m-cell.is-mine:after{background:#1d1c1a;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='12' r='6.5'/%3E%3Cpath d='M12 1.5v4M12 18.5v4M1.5 12h4M18.5 12h4M4.6 4.6l2.8 2.8M16.6 16.6l2.8 2.8M4.6 19.4l2.8-2.8M16.6 7.4l2.8-2.8' stroke='black' stroke-width='2.2' stroke-linecap='round'/%3E%3C/svg%3E") 50%/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='12' r='6.5'/%3E%3Cpath d='M12 1.5v4M12 18.5v4M1.5 12h4M18.5 12h4M4.6 4.6l2.8 2.8M16.6 16.6l2.8 2.8M4.6 19.4l2.8-2.8M16.6 7.4l2.8-2.8' stroke='black' stroke-width='2.2' stroke-linecap='round'/%3E%3C/svg%3E") 50%/contain no-repeat}.m-cell.is-boom{background:#f28b82}.m-cell.is-wrong{background:#f6d6d3}.m-cell.is-wrong:before{content:"";z-index:1;background:linear-gradient(45deg,#0000 45%,#1d1c1a 45% 55%,#0000 55%);position:absolute;inset:18%}.m-cell.is-start{box-shadow:inset 0 0 0 3px #1b7f3b}.m-cell.is-start:after{content:"";background:#1b7f3b;border-radius:50%;width:34%;height:34%;animation:1.6s ease-in-out infinite m-beacon}@keyframes m-beacon{50%{opacity:.6;transform:scale(.7)}}.m-cell.m-hint{animation:.9s ease-in-out 3 m-pulse;box-shadow:inset 0 0 0 3px #1b7f3b}.m-cell.m-mistake{animation:.9s ease-in-out 3 m-pulse;box-shadow:inset 0 0 0 3px #c62828}.m-cell.m-cause{box-shadow:inset 0 0 0 3px #5b3cc4e6}@keyframes m-pulse{50%{filter:brightness(1.12)}}@media (prefers-reduced-motion:reduce){.m-cell.m-hint,.m-cell.m-mistake,.m-cell.is-start:after{animation:none}}.is-won .m-cell.is-flag:after{animation:.5s ease-out both m-pop}@keyframes m-pop{40%{transform:scale(1.25)}}.m-toggle.is-on,.m-game .is-primary{background:var(--accent);border-color:var(--accent);color:var(--accent-fg)}.m-overlay{background:var(--surface-2);color:var(--fg);z-index:5;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;gap:.75rem;font-weight:600;display:none;position:absolute;inset:0}.is-paused .m-overlay[data-for=paused],.is-loading .m-overlay[data-for=loading]{display:flex}.m-spinner{border:3px solid var(--border);border-top-color:var(--accent);border-radius:50%;width:28px;height:28px;animation:.8s linear infinite m-spin}@keyframes m-spin{to{transform:rotate(360deg)}}.m-win::backdrop{background:#00000073}.m-win dl>div{border-bottom:1px solid var(--border);justify-content:space-between;gap:1rem;padding:.35rem 0;display:flex}.m-win dt{color:var(--muted)}.m-win dd{font-variant-numeric:tabular-nums;font-weight:650}.m-static .m-cell{cursor:default}.m-static .m-cell.is-new{box-shadow:inset 0 0 0 3px #1b7f3b}.m-static .m-cell.is-new.is-open{background:#e3f3e7}.m-static .m-cell.is-focus{box-shadow:inset 0 0 0 3px #5b3cc4d9}.m-static .m-cell.is-start:after{animation:none}