.ms-wrap{width:100%;position:relative}.ms{--ms-well:color-mix(in srgb, var(--mines-ink) 90%, var(--puzzle-killer));--ms-dug:color-mix(in srgb, var(--mines-ink) 80%, var(--puzzle-killer));--ms-tile:color-mix(in srgb, var(--mines-ink) 68%, var(--card));--ms-lit:color-mix(in srgb, var(--mines-ink) 54%, var(--card));--ms-shade:color-mix(in srgb, var(--mines-ink) 82%, var(--card));--ms-gold:var(--accent);width:100%;aspect-ratio:calc(var(--w) + .5) / calc(var(--h) + .5);background:var(--puzzle-killer);border:max(var(--line-width), 2px) solid var(--board-line);border-radius:10px;padding:6px}.ms-grid{background:var(--ms-well);grid-template-columns:repeat(var(--w), minmax(0, 1fr));grid-template-rows:repeat(var(--h), minmax(0, 1fr));touch-action:none;cursor:pointer;border-radius:4px;gap:3px;width:100%;height:100%;padding:3px;display:grid;container-type:size}.ms .cell{background:var(--ms-dug);border-radius:2px;place-items:center;min-width:0;min-height:0;display:grid;position:relative}.ms .cell.covered{background:var(--ms-tile);box-shadow:inset 2px 2px 0 var(--ms-lit), inset -2px -2px 0 var(--ms-shade)}@media (hover:hover) and (pointer:fine){.ms .cell.covered:hover{background:color-mix(in srgb, var(--ms-tile) 85%, var(--card))}}.ms .cell.covered.lit{background:var(--ms-shade);box-shadow:inset 2px 2px 0 color-mix(in srgb, var(--ms-shade) 70%, #000)}.ms .mark{display:contents}.ms .num{font:700 calc(100cqw / var(--w) * .52) / 1 "Silkscreen", var(--font-mono), monospace;color:var(--ms-gold);text-shadow:0 .12em 0 color-mix(in srgb, var(--accent) 50%, var(--mines-ink));pointer-events:none}.ms .cell svg{pointer-events:none;width:66%;height:66%}.ms .cell.hit{background:color-mix(in srgb, var(--danger) 45%, var(--ms-dug))}.ms .cell.hit svg{width:86%;height:86%;animation:.36s steps(4,end) both ms-burst}@keyframes ms-burst{0%{transform:scale(.3)}50%{transform:scale(1.15)}}.ms .cell.mine svg{animation:.2s steps(2,end) both ms-fade}@keyframes ms-fade{0%{opacity:0}}.ms .cell.fresh:before{content:"";pointer-events:none;background:var(--ms-tile);box-shadow:inset 2px 2px 0 var(--ms-lit), inset -2px -2px 0 var(--ms-shade);animation:.2s steps(4,end) both ms-away;animation-delay:var(--d,0s);border-radius:2px;position:absolute;inset:0}@keyframes ms-away{to{opacity:0;transform:scale(.4)}}.ms .cell.fresh .num{animation:.16s steps(2,end) both ms-fade;animation-delay:calc(var(--d,0s) + .12s)}.ms .cell.planted svg{animation:.2s steps(3,end) both ms-plant;animation-delay:var(--d,0s)}@keyframes ms-plant{0%{opacity:0;transform:translateY(-35%)}}.ms .cell.start:after{content:"";border:2px solid var(--ms-gold);animation:.9s step-end infinite ms-blink;position:absolute;inset:30%}@keyframes ms-blink{50%{opacity:.25}}.ms .cell.ms-nudge{animation:.3s steps(3,end) ms-nudge}@keyframes ms-nudge{50%{transform:scale(1.12)}}.ms .cage-line{z-index:1;pointer-events:none;border:0 dashed var(--ms-gold);position:absolute;inset:-2px}.ms .cage-line.cg-t{border-top-width:2px}.ms .cage-line.cg-b{border-bottom-width:2px}.ms .cage-line.cg-l{border-left-width:2px}.ms .cage-line.cg-r{border-right-width:2px}.ms .cage-n{z-index:2;pointer-events:none;font:700 max(8px, calc(100cqw / var(--w) * .24)) / 1.1 var(--font-mono), monospace;color:var(--ms-well);background:var(--ms-gold);border-radius:2px;padding:0 2px;position:absolute;top:1px;left:1px}.ms:focus-visible .cell.cursor{box-shadow:inset 0 0 0 3px var(--ms-gold)}.ms-stats{background:var(--secondary);border:var(--line-width) solid var(--border);border-radius:99px;align-items:center;gap:10px;padding:9px 14px;display:inline-flex}.ms-left{font:700 15px var(--font-mono), monospace;align-items:center;gap:5px;display:inline-flex}.ms-left svg{width:16px;height:16px}.ms-left svg path:not([style*=\#ffffff]){fill:var(--foreground)!important}.ms-hearts svg{width:18px;height:18px}@media (width<=420px){.ms-stats{gap:8px;padding:9px 11px}.ms-hearts{gap:2px}}.ms-out{z-index:3;background:color-mix(in srgb, var(--background) 60%, transparent);border-radius:10px;justify-content:center;align-items:center;padding:16px;animation:.3s .6s both ms-fade;display:flex;position:absolute;inset:0}.ms-out[hidden]{display:none}.ms-out-card{text-align:center;background:var(--card);max-width:280px;color:var(--foreground);border:var(--line-width) solid var(--border);border-radius:var(--radius);flex-direction:column;align-items:center;gap:12px;padding:18px 20px;display:flex}.ms-out-card p{margin:0;font-size:16px;line-height:1.4}.ms-out-card b{font-family:var(--font-title);font-weight:var(--title-weight);font-size:20px;display:block}.is-done .ms-grid{cursor:default}@media (prefers-reduced-motion:reduce){.ms .cell,.ms .cell *,.ms .cell:before,.ms .cell:after{animation:none!important}.ms .cell.fresh:before{display:none}}