.mine-board{grid-template-columns:repeat(var(--mine-size), minmax(0, 1fr));background:#293c4b;border:1px solid #536b7e;border-radius:.8rem;gap:.15rem;width:min(100%,28rem);padding:.38rem;display:grid}.mine-cell{aspect-ratio:1;color:#c5e8ff;background:#425b70;border:1px solid #607687;border-radius:.24rem;place-items:center;min-width:0;padding:0;font-size:clamp(.7rem,2.8vw,1.15rem);font-weight:780;line-height:1;display:grid;box-shadow:inset 0 -2px #334657}.mine-cell[data-state=hidden]:hover{background:#536c80}.mine-cell[data-state=open]{box-shadow:none;background:#1d2b36;border-color:#364b5a}.mine-cell[data-state=mine]{color:#ffd4d4;background:#773c48}.mine-cell[data-state=flag]{color:#ffd095}.mine-cell[data-number="2"]{color:#a7e1a8}.mine-cell[data-number="3"]{color:#ffa992}.mine-cell[data-number="4"],.mine-cell[data-number="5"]{color:#e6b9f8}.mine-cell[data-hint=clue]{outline-offset:-1px;outline:1px solid #e6ce8a}.mine-cell[data-hint=target]{outline-offset:-2px;background:#675530;outline:2px solid #ffdb83}.mine-cell:focus-visible{z-index:1}