.mn{width:100%;height:100%;container-type:size}.mn-in{--board:min(calc(100cqw - 20px), calc(100cqh - 74px), 600px);box-sizing:border-box;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;padding:10px;display:flex}.mn-in [hidden]{display:none!important}.mn-pick{text-align:center;flex-direction:column;align-items:center;gap:clamp(10px,3cqmin,22px);width:min(100%,460px);display:flex}.mn-pick-title{font:400 clamp(1.1rem, 5.5cqmin, 2rem) / 1.1 var(--font-display);color:var(--text-main);margin:0}.mn-pick-list{grid-template-columns:1fr 1fr;gap:clamp(8px,2.5cqmin,18px);width:100%;display:grid}.mn-level{border:2px solid var(--line);background:var(--surface-raised);min-height:clamp(96px,30cqmin,170px);color:var(--text-secondary);font:500 clamp(.72rem, 2.6cqmin, .92rem) / 1.3 var(--font-hud);cursor:pointer;transition:border-color .12s var(--ease), transform .12s var(--ease), background-color .12s var(--ease);flex-direction:column;justify-content:center;align-items:center;gap:6px;padding:12px 10px;display:flex;box-shadow:4px 4px #000}.mn-level strong{font:400 clamp(1.4rem, 7cqmin, 2.6rem) / 1 var(--font-display);color:var(--action)}.mn-level[data-level=large] strong{color:var(--hot-pink)}.mn-level:focus-visible{outline:3px solid var(--text-main);outline-offset:3px}@media (hover:hover) and (pointer:fine){.mn-level:hover{border-color:var(--action);background:var(--surface-hover);transform:translate(-2px,-2px)}}.mn-pick-note{font:500 clamp(.7rem, 2.4cqmin, .88rem) / 1.3 var(--font-hud);color:var(--text-secondary);margin:0}.mn-game{flex-direction:column;align-items:center;gap:8px;display:flex}.mn-head{width:var(--board);align-items:stretch;gap:6px;height:36px;display:flex}.mn-stat{border:2px solid var(--line);background:var(--surface-raised);font:700 clamp(.8rem, 3cqmin, 1.05rem) / 1 var(--font-hud);color:var(--text-main);font-variant-numeric:tabular-nums;align-items:center;gap:6px;margin:0;padding:0 8px;display:flex}.mn-btn{border:2px solid var(--line);background:var(--ink);color:var(--text-main);font:600 clamp(.66rem, 2.4cqmin, .85rem) / 1 var(--font-hud);text-transform:uppercase;letter-spacing:.03em;cursor:pointer;white-space:nowrap;align-items:center;gap:6px;margin-left:auto;padding:0 10px;display:inline-flex}.mn-btn+.mn-btn{margin-left:0}.mn-btn:focus-visible{outline:3px solid var(--text-main);outline-offset:2px}.mn-flagmode[aria-pressed=true]{background:var(--hot-pink);border-color:var(--hot-pink);color:var(--ink)}@media (hover:hover) and (pointer:fine){.mn-btn:hover{border-color:var(--action)}}@container (width<=440px){.mn-in{--board:min(calc(100cqw - 10px), calc(100cqh - 50px));padding:5px}.mn-game{gap:6px}.mn-head{gap:4px;height:32px}.mn-stat{gap:4px;padding:0 5px;font-size:.78rem}.mn-btn{letter-spacing:0;gap:4px;padding:0 6px;font-size:.66rem}.mn-head .mn-ico-clock{display:none}.mn-sm-hide{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}}.mn-ico{flex:none;width:14px;height:14px;display:inline-block;position:relative}.mn-ico-mine:before,.mn-ico-mine:after{content:"";background:var(--danger);position:absolute;inset:2px}.mn-ico-mine:after{transform:rotate(45deg)}.mn-ico-clock{border:2px solid var(--action)}.mn-ico-clock:before{content:"";background:var(--action);width:2px;height:5px;box-shadow:2px 3px 0 0 var(--action);position:absolute;top:1px;left:4px}.mn-ico-flag:before{content:"";background:currentColor;width:2px;height:12px;position:absolute;top:1px;left:2px}.mn-ico-flag:after{content:"";clip-path:polygon(0 0,100% 50%,0 100%);background:currentColor;width:9px;height:7px;position:absolute;top:1px;left:4px}.mn-grid{--cols:9;--cell:calc((var(--board) - 4px) / var(--cols));grid-template-rows:repeat(var(--cols), 1fr);width:var(--board);height:var(--board);box-sizing:border-box;background:var(--ink);border:2px solid var(--line);touch-action:manipulation;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;padding:2px;display:grid;box-shadow:0 0 0 2px #000,0 0 24px #3ee8ff24}.mn-row{grid-template-columns:repeat(var(--cols), 1fr);display:grid}.mn-cell{border:1px solid var(--ink);min-width:0;min-height:0;color:var(--text-main);font:700 calc(var(--cell) * .56) / 1 var(--font-hud);cursor:pointer;-webkit-tap-highlight-color:transparent;transition:background-color .1s var(--ease);background:#261e48;border-top-color:#43377a;border-left-color:#43377a;place-items:center;margin:0;padding:0;display:grid;position:relative}@media (hover:hover) and (pointer:fine){.mn-cell:not(.is-open):hover{background:#32285e}}.mn-cell:focus-visible,[data-mount]:focus .mn-cell.is-cursor{outline:3px solid var(--action);outline-offset:-3px;z-index:1}.mn-cell.is-open{background:var(--ink);cursor:default;border-color:#3a2e6066}.mn-cell[data-n="1"]{color:var(--action)}.mn-cell[data-n="2"]{color:var(--primary-lime)}.mn-cell[data-n="3"]{color:var(--hot-pink)}.mn-cell[data-n="4"]{color:var(--electric-purple)}.mn-cell[data-n="5"]{color:var(--volt)}.mn-cell[data-n="6"]{color:var(--danger)}.mn-cell[data-n="7"]{color:var(--text-main)}.mn-cell[data-n="8"]{color:var(--text-secondary)}.mn-cell.is-flag:before{content:"";background:var(--text-main);width:max(2px,8%);height:60%;position:absolute;top:20%;left:34%}.mn-cell.is-flag:after{content:"";background:var(--hot-pink);clip-path:polygon(0 0,100% 50%,0 100%);width:38%;height:32%;position:absolute;top:20%;left:calc(34% + max(2px,8%))}.mn-cell.is-mine:before,.mn-cell.is-mine:after{content:"";background:var(--text-main);position:absolute;inset:30%}.mn-cell.is-mine:after{transform:rotate(45deg)}.mn-cell.is-boom{background:var(--danger)}.mn-cell.is-boom:before,.mn-cell.is-boom:after{background:var(--ink)}.mn-cell.is-wrong{background:linear-gradient(45deg, transparent 44%, var(--danger) 44%, var(--danger) 56%, transparent 56%), linear-gradient(-45deg, transparent 44%, var(--danger) 44%, var(--danger) 56%, transparent 56%), #261e48}.mn-cell.is-open:not(.is-mine){animation:mn-open .14s var(--ease)}@keyframes mn-open{0%{background-color:var(--surface-hover)}}.mn--still .mn-cell,.mn--still .mn-level{transition:none;animation:none}@media (prefers-reduced-motion:reduce){.mn-cell,.mn-level{transition:none;animation:none!important}}
