#game-area{width:100%;min-height:500px}.mahjong-container{min-height:100px;margin:-2rem -.5rem 0;padding:40px 32px 20px;position:relative}.game{z-index:10;width:800px;height:500px;margin:20px auto 0;position:relative}.tile{box-sizing:border-box;cursor:pointer;background:#f9f5d5 0 0/100%;border:1px solid #000;border-color:#000 #000 #8e8471 #8e8471;transition:opacity .3s,filter .3s,transform .2s;position:absolute}.tile:before{content:"";background:#f9f5d5;border-top:1px solid #000;border-bottom:1px solid #8e8471;border-left:1px solid #000;width:11px;height:100%;margin-right:1px;transition:filter .3s,background .2s;position:absolute;top:0;right:100%;transform:skewY(-46deg)translateY(5.8px)}.tile:after{content:"";box-sizing:border-box;background:#c9c1a5;border-bottom:1px solid #000;border-right:1px solid #000;width:102%;height:12px;transition:filter .3s,background .2s;position:absolute;top:100%;left:0;transform:skew(-44deg)translate(-5.1px,1px)}.tile.selected{border:1px solid gold;transform:translateY(-5px)}.tile.selected:before{background:gold}.tile.selected:after{background:#e5b800}.tile.not-removable{-webkit-filter:brightness(.5)saturate(.7);cursor:not-allowed;opacity:.85}.tile.not-removable:before,.tile.not-removable:after{-webkit-filter:brightness(.5)saturate(.7)}@media (max-width:820px){#game-area{min-height:420px}.game{transform-origin:top;margin-top:60px;left:50%;transform:translate(-47%)scale(.85)}}@media (max-width:640px){#game-area{min-height:380px}.game{transform-origin:top;margin-top:60px;left:50%;transform:translate(-47%)scale(.75)}}@media (max-width:480px){#game-area{min-height:300px}.game{transform-origin:top;margin-top:60px;left:50%;transform:translate(-47%)scale(.55)}}@media (max-width:380px){#game-area{min-height:250px}.game{transform-origin:top;margin-top:60px;left:50%;transform:translate(-47%)scale(.45)}}