.saper-stage{padding:4px}.saper-fit{place-items:center;width:100%;height:100%;min-height:300px;display:grid;position:relative}.saper-board{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;flex:none;position:relative}.saper-board.is-square{box-shadow:0 0 0 1px var(--line-strong), var(--shadow-lg);border-radius:10px;overflow:hidden}.saper-cell{width:var(--cell);height:var(--cell);color:var(--paper);font-family:var(--font-display);font-size:calc(var(--cell) * .52);cursor:pointer;touch-action:manipulation;background:#3a3830;border:0;place-items:center;padding:0;line-height:1;transition:background .12s,transform .12s;display:grid;position:absolute}.is-square .saper-cell{box-shadow:inset 2px 2px #ffffff1a,inset -2px -2px #0006}.is-square .saper-cell:hover:not(.is-open){background:#4a473d}.is-hex .saper-cell{height:calc(var(--cell) * 1.1547);clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%);background:#4a473d}.is-hex .saper-cell:before{content:"";clip-path:inherit;z-index:-1;background:#3a3830;position:absolute;inset:1.5px}.is-hex .saper-cell:hover:not(.is-open){background:var(--orange)}.saper-cell.is-open{cursor:default;background:#141412;box-shadow:inset 0 0 0 .5px #ffffff0d}.is-hex .saper-cell.is-open{background:#22211d}.is-hex .saper-cell.is-open:before{background:#121210}.saper-cell.is-flag{color:var(--orange)}.saper-cell.is-mine{color:var(--paper);background:#3a1d17}.saper-cell.is-exploded{color:#fff;background:#ff4d2e!important}.is-hex .saper-cell.is-exploded:before{background:#ff4d2e}.saper-cell.is-wrong{color:#ff8a7a}.saper-cell[data-n="1"]{color:#4dd9ff}.saper-cell[data-n="2"]{color:#6dffb0}.saper-cell[data-n="3"]{color:#ff6a45}.saper-cell[data-n="4"]{color:#a48dff}.saper-cell[data-n="5"]{color:#ffc43d}.saper-cell[data-n="6"]{color:#ff5cc8}.saper-cell[data-n="7"]{color:#f4f1ea}.saper-cell[data-n="8"]{color:#a8a399}.saper-board.is-lost{animation:.4s both ak-shake}