@font-face{font-family:'Mahjong Brush';src:url('fonts/mahjong-brush.ttf') format('truetype');font-style:normal;font-weight:400;font-display:swap}.tile,.hand .tile{background:linear-gradient(107deg,#dce0d2 0,#fffef8 8%,#fffef7 24%,#f7f6ec 66%,#e2e5d8 96%);border-top-color:#fffffc;border-left-color:#fafcf1;border-right-color:#bcc6af;border-bottom-color:#c3ceb3;box-shadow:1px 3px 0 #3f8850,1px 5px 0 #246639,2px 7px 0 #164f2d,3px 10px 9px #03241955,inset 1px 1px 1px #fff,inset -2px -2px 3px #a1ad8c33}.tile:before{content:'';position:absolute;inset:1px;pointer-events:none;border:1px solid #ffffff6b;border-radius:4px;box-shadow:inset 0 -1px 1px #9fa88a0d}.tile-art{width:91%;height:91%;position:relative;z-index:1;stroke:none;filter:drop-shadow(.2px .6px .1px #ffffff9c)}.tile-art text{paint-order:stroke fill;stroke:none;letter-spacing:-1px}.hand .tile.selected{box-shadow:1px 3px 0 #5c9757,1px 6px 0 #2d7039,2px 8px 0 #1b532d,3px 12px 16px #001f1480,0 0 0 2px #e9c779;outline:1px solid #ffe8ae}.tile.joker:after{z-index:3;background:linear-gradient(#f6df9e,#ddbd6f);border:1px solid #d5b36766;box-shadow:0 1px 2px #6c642c1a;color:#79561f;font-size:7px;padding:1px 2px}.river .tile,#melds .tile{box-shadow:1px 2px 0 #3c7a3c,1px 3px 0 #215a2f,2px 5px 5px #082a1c44}.back{background:linear-gradient(100deg,#f4fdd455,#ffffff09 15%,transparent 32%),linear-gradient(115deg,#317b30,#408c31 45%,#256628);border-color:#a4bd77;border-right-color:#386935;border-bottom-color:#1e4d28;box-shadow:1px 2px 0 #164b25,2px 4px 4px #032d2055}#latest-play .tile{background:linear-gradient(105deg,#fffef4,#f8f7eb 70%,#dfe5d0);box-shadow:1px 3px 0 #398347,1px 5px 0 #1b582c,3px 8px 9px #032b2055}

@media(orientation:portrait) and (max-width:600px){.hand .tile{height:clamp(38px,10.5vw,60px);border-radius:4px;border-bottom-width:5px;box-shadow:1px 3px 0 #3f8850,1px 5px 0 #246639,2px 7px 0 #164f2d,3px 9px 8px #03241955,inset 1px 1px 1px #fff,inset -1px -1px 2px #a1ad8c33}.hand{min-height:54px}.tile-art{width:94%;height:94%}.hand .tile.selected{transform:translateY(-9px)}}