.mahjong-board{position:relative;width:1000px;height:800px;margin:20px auto;background-color:#2a4d3c;border-radius:8px;perspective:1000px}.game-info{position:absolute;top:10px;right:10px;background-color:#ffffffe6;padding:10px;border-radius:4px;box-shadow:0 2px 4px #0003}.tiles-container{position:relative;top:15%;left:15%;width:70%;height:70%;display:flex;justify-content:center;align-items:center;transform-style:preserve-3d}.tile{position:absolute;border-radius:4px;display:flex;align-items:center;justify-content:center;font-size:24px;font-weight:700;background:linear-gradient(135deg,#f0f0f0,#fff,#e0e0e0);box-shadow:2px 2px 4px #0000004d;transition:all .2s ease;transform-style:preserve-3d;transform-origin:center center;transform:translate(-50%,-50%) translateZ(calc(var(--layer) * 4px));border:2px solid #d0d0d0;color:#333;text-shadow:1px 1px 1px rgba(0,0,0,.1)}.tile.available{background:linear-gradient(135deg,#e8f5e9,#c8e6c9,#a5d6a7);border-color:#81c784}.tile.unavailable{background:linear-gradient(135deg,#ffebee,#ffcdd2,#ef9a9a);border-color:#e57373}.tile.selected{border-color:gold;box-shadow:0 0 8px gold}.tile.available:hover{transform:translate(-50%,-50%) translateZ(calc(var(--layer) * 4px + 2px));box-shadow:4px 4px 8px #0006}