/* White resin face, bevelled edges and a green base, like the reference set. */
.tile,.hand .tile{background:linear-gradient(100deg,#e5e6df 0,#fff 9%,#fafbf8 48%,#f2f3ee 87%,#d3d7cc 100%);border:1px solid #cbd0c5;border-top:2px solid #fff;border-left:2px solid #f9fbf6;border-right:3px solid #b3bbae;border-bottom:6px solid #c0c8b7;border-radius:7px;box-shadow:1px 3px 0 #2b7437,2px 5px 0 #1e572a,3px 8px 7px #05271f66,inset 1px 1px 2px #fff,inset -2px -2px 4px #afb6a355;overflow:visible;padding:0}.tile-art{display:block;width:95%;height:94%;flex-shrink:0;pointer-events:none;filter:drop-shadow(.3px .7px .15px #ffffff) drop-shadow(-.2px -.2px .2px #0002)}.river .tile{border-right-width:2px;border-left-width:1px;border-top-width:1px;border-bottom-width:4px;border-radius:4px;box-shadow:1px 2px 0 #307337,2px 4px 5px #03291f55}.hand .tile.selected,.hand .tile.selected:not(:disabled):hover{outline:2px solid #f0d485;box-shadow:1px 3px 0 #287032,2px 6px 0 #174e26,3px 11px 12px #04251d88,0 0 0 3px #e1c276}.tile.joker:after{right:1px;top:0;font-size:8px;padding:1px 2px;background:#ead292dd}.back{background:linear-gradient(105deg,#a4ce8180,#fff2 10%,transparent 21%),linear-gradient(100deg,#156817 0,#2e9b25 18%,#2d9d22 68%,#14691b 100%);border:1px solid #6cb24f;border-top:2px solid #8dcc73;border-right:3px solid #185d24;border-bottom:3px solid #175521;border-radius:4px;box-shadow:1px 2px 0 #153d20,2px 3px 3px #062c2144}.hand .tile:disabled{opacity:1;filter:brightness(.98)}#latest-play .tile{box-shadow:1px 3px 0 #287032,2px 5px 0 #174e26,3px 8px 10px #052a2255}#melds .tile{width:23px;height:32px;vertical-align:middle;margin-right:2px;border-width:1px 2px 3px 1px;border-radius:3px}#melds{height:37px;margin-bottom:7px}.meld-group{display:inline-flex;align-items:center;margin-right:11px;gap:1px}.meld-group small{font-size:9px;margin-right:4px;color:#d9d6af}#result .result-tiles{display:flex;flex-wrap:wrap;justify-content:center;gap:4px;margin-top:15px}#result .result-tiles .tile{width:34px;height:49px}#result .result-tiles .tile.joker:after{font-size:7px}@media(max-width:650px){.hand .tile{border-radius:5px;border-left-width:1px;border-right-width:2px;border-top-width:2px;border-bottom-width:5px;box-shadow:1px 2px 0 #2b7437,1px 4px 0 #1e572a,2px 6px 5px #062c2166}.hand .tile.selected,.hand .tile.selected:not(:disabled):hover{outline:1px solid #f0d485;box-shadow:1px 3px 0 #287032,1px 5px 0 #174e26,2px 8px 10px #04251d88,0 0 0 2px #e1c276}.river .tile{border-radius:3px;border-right-width:1px;border-bottom-width:3px}.tile.joker:after{font-size:7px;padding:0 1px}.back{border-right-width:2px;border-top-width:1px;border-radius:2px}#melds{height:26px;margin-bottom:4px}#melds .tile{width:17px;height:24px;border-right-width:1px}.meld-group{margin-right:6px;gap:0}.meld-group small{font-size:8px;margin-right:2px}#result .result-tiles .tile{width:27px;height:39px}}