._shading_o46j2_1{--tile-shade:calc(var(--tile-size) / 40);--tile-radius:calc(var(--tile-size) / 12);--tile-bevel:var(--tile-shade) calc(var(--tile-shade) * -2) calc(var(--tile-shade) * 5) inset #000000a6;--tile-base-color:#c8ae79;--tile-face:var(--tile-base-color)}._tile_o46j2_10{all:unset;outline:revert;outline-offset:2.5px;width:var(--tile-size);height:var(--tile-size);line-height:var(--tile-size);font-size:calc(var(--tile-size) * .55);border-radius:var(--tile-radius);text-align:center;color:#000;-webkit-user-select:none;user-select:none;font-family:monospace;font-weight:700}._faceUp_o46j2_27{background-color:var(--tile-face);box-shadow:var(--tile-bevel)}:root{--tile-back:#8c5c32}body{max-width:30rem;margin:auto;padding:0 1rem}._grid_1oqjt_11{--tile-size:2.5rem;grid-template-columns:repeat(var(--size), var(--tile-size));gap:calc(var(--tile-size) * .1);display:grid}._cell_1oqjt_18{all:unset;outline:revert;outline-offset:2.5px;border-radius:var(--tile-radius);cursor:pointer;touch-action:manipulation;display:grid}._cell_1oqjt_18:active{scale:.94}@media (hover:hover){._cell_1oqjt_18:hover{filter:brightness(1.1)}}._faceUp_1oqjt_39{rotate:var(--tilt-after-flip)}._flipping_1oqjt_44{--half-thickness:calc(var(--tile-size) * .095);--tile-perspective:calc(var(--tile-size) * 4.6);--bevel-cut:calc(var(--tile-size) * .045);--toss:.26s;--toss-height:.76;transform-style:preserve-3d;scale:calc(1 - var(--half-thickness) / var(--tile-perspective));animation:_flip_1oqjt_44 var(--toss) linear both;position:relative}._flipping_1oqjt_44:before,._flipping_1oqjt_44:after{content:"";border-radius:var(--tile-radius);box-shadow:var(--tile-bevel);backface-visibility:hidden;position:absolute;inset:0}._flipping_1oqjt_44:before{background-color:var(--from);transform:translateZ(var(--half-thickness))}._flipping_1oqjt_44:after{background-color:var(--to);transform:translateZ(calc(var(--half-thickness) * -1)) rotate3d(var(--flip-axis), 180deg)}._toBack_1oqjt_78{--from:var(--tile-base-color);--to:var(--tile-back)}._toFront_1oqjt_83{--from:var(--tile-back);--to:var(--tile-base-color)}._slice_1oqjt_88{inset:calc((1 - var(--out)) * var(--bevel-cut));border-radius:calc(var(--tile-radius) - (1 - var(--out)) * var(--bevel-cut));transform:translateZ(calc(var(--z) * var(--half-thickness)));background-color:color-mix(in srgb, var(--from) var(--mix), var(--to));box-shadow:var(--tile-bevel);animation:_tile-body_1oqjt_1 var(--toss) step-end both;position:absolute}._hashes_1oqjt_100{--tile-size:1.1em;letter-spacing:.2ch;flex-direction:column;padding-left:0;font-family:monospace;line-height:1rem;display:flex}._hashes_1oqjt_100 li{align-items:center;gap:.5rem;list-style:none;display:flex}._hashes_1oqjt_100 li>span{width:var(--tile-size);height:var(--tile-size);border-radius:var(--tile-radius);background-color:var(--tile-base-color);box-shadow:var(--tile-bevel);flex:none;position:relative}._hashes_1oqjt_100 li>span:after{content:"";inset:calc(var(--tile-size) * var(--inlay) / 6);border-radius:calc(var(--tile-radius) / 2);background-color:var(--tile-back);box-shadow:inset 0 calc(var(--tile-shade) * 2) calc(var(--tile-shade) * 3) #00000073;position:absolute}._hashes_1oqjt_100 li>span._small_1oqjt_135{--inlay:2}._hashes_1oqjt_100 li>span._medium_1oqjt_139{--inlay:1}._hashes_1oqjt_100 li>span._large_1oqjt_143{background-color:var(--tile-back)}._hashes_1oqjt_100 li>span._large_1oqjt_143:after{content:none}@keyframes _flip_1oqjt_44{0%{transform:perspective(var(--tile-perspective)) translateZ(0) rotateZ(var(--tilt)) rotate3d(var(--flip-axis), 0deg);z-index:0}25%{transform:perspective(var(--tile-perspective)) translateZ(calc(var(--tile-size) * var(--toss-height) * .75)) rotateZ(calc(var(--tilt) * .75 + var(--tilt-after-flip) * .25)) rotate3d(var(--flip-axis), 45deg);z-index:10}50%{transform:perspective(var(--tile-perspective)) translateZ(calc(var(--tile-size) * var(--toss-height))) rotateZ(calc(var(--tilt) * .5 + var(--tilt-after-flip) * .5)) rotate3d(var(--flip-axis), 90deg)}75%{transform:perspective(var(--tile-perspective)) translateZ(calc(var(--tile-size) * var(--toss-height) * .75)) rotateZ(calc(var(--tilt) * .25 + var(--tilt-after-flip) * .75)) rotate3d(var(--flip-axis), 135deg);z-index:10}to{transform:perspective(var(--tile-perspective)) translateZ(0) rotateZ(var(--tilt-after-flip)) rotate3d(var(--flip-axis), 180deg);z-index:0}}@keyframes _tile-body_1oqjt_1{0%{visibility:hidden}4%,96%{visibility:visible}97%,to{visibility:hidden}}