.mine-left{font-variant-numeric:tabular-nums;text-align:center;min-width:4.5em;font-weight:600}.mine-result{border:1px solid var(--error);border-radius:var(--radius);background:var(--error-soft);width:fit-content;max-width:100%;color:var(--error);flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;margin:0 auto 14px;padding:8px 12px;font-weight:600;display:flex}.mine-result button{color:var(--text);font-weight:400}.mine-wrap{width:fit-content;max-width:100%;margin:0 auto;overflow-x:auto}.mine-board{--cell:30px;--cols:9;grid-template-columns:repeat(var(--cols), var(--cell));grid-auto-rows:var(--cell);border:2px solid var(--line-strong);background:var(--panel);-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;touch-action:manipulation;border-radius:4px;display:grid}.mine-board .cell{border:0;border-right:1px solid var(--border);border-bottom:1px solid var(--border);background:var(--accent-soft);font-size:calc(var(--cell) * .56);cursor:pointer;border-radius:0;justify-content:center;align-items:center;min-width:0;padding:0;font-weight:700;line-height:1;display:flex}.mine-board .cell:hover{border-color:var(--border);filter:brightness(.96)}.mine-board .cell:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}.mine-board .cell.open{background:var(--panel);cursor:default}.mine-board .cell.open:hover{filter:none}.mine-board .cell.flag{font-size:calc(var(--cell) * .5)}.mine-board .cell.mine{background:var(--panel);font-size:calc(var(--cell) * .5)}.mine-board .cell.hit{background:var(--error-soft);box-shadow:inset 0 0 0 2px var(--error)}.mine-board .cell.wrong{background:var(--error-soft)}.mine-board .cell.n1{color:#2f6fed}.mine-board .cell.n2{color:#1d7a46}.mine-board .cell.n3{color:#c62f2f}.mine-board .cell.n4{color:#5b3cc4}.mine-board .cell.n5{color:#a2541a}.mine-board .cell.n6{color:#0f7f86}.mine-board .cell.n7{color:var(--text)}.mine-board .cell.n8{color:var(--muted)}@media (prefers-color-scheme:dark){.mine-board .cell.n1{color:#6b9bff}.mine-board .cell.n2{color:#5fcf8d}.mine-board .cell.n3{color:#ff7b7b}.mine-board .cell.n4{color:#b29bff}.mine-board .cell.n5{color:#f0a35e}.mine-board .cell.n6{color:#4fd1d9}}.mine-board.solved{border-color:var(--ok)}.mine-board.solved .cell.open{background:var(--ok-soft)}.mine-board.lost{border-color:var(--error)}
