.listening-game[data-game="mahjong"]{background:#f2f3ed}
.listening-game[data-game="mahjong"] .game-stage{padding:10px 8px 14px}
.listening-game[data-game="mahjong"] .mahjong-board{height:auto;min-height:0;aspect-ratio:1.45;width:100%;min-width:540px;border-radius:10px;background:radial-gradient(ellipse at 45% 30%,#e9ece3,#dce2d4);box-shadow:inset 0 1px 5px #4f60521c;isolation:isolate}
.listening-game[data-game="mahjong"] .mahjong-tile{width:7.15%;height:14.1%;padding:0;border:0;border-radius:5px;overflow:visible;background:transparent;box-shadow:none;touch-action:manipulation}
.listening-game[data-game="mahjong"] .mahjong-tile:before{content:'';position:absolute;inset:3px 0 0 3px;border:1px solid #62735f;border-radius:5px;background:linear-gradient(110deg,#cfcdb6 0%,#e7e0c7 50%,#bcbca5 77%,#70816a 78%,#566d57 100%);box-shadow:2px 4px 4px #3b4a3547,0 1px 1px #3b4a3540}
.listening-game[data-game="mahjong"] .mj-face{position:absolute;inset:0 3px 6px 0;display:block;padding:3px;border:1px solid #c8c5b2;border-radius:5px;background:radial-gradient(ellipse at 28% 12%,#fffef7 0%,#f5f0de 55%,#e6dfc9 100%);box-shadow:inset 1px 1px 1px #ffffff,inset -1px -1px 2px #b8b29a;transition:filter .12s}
.listening-game[data-game="mahjong"] .mj-symbol{display:block;width:100%;height:100%;object-fit:contain;pointer-events:none;user-select:none;filter:saturate(.75) drop-shadow(0 1px 0 #fff9)}
.listening-game[data-game="mahjong"] .mahjong-tile.blocked{background:transparent;box-shadow:none}
.listening-game[data-game="mahjong"] .mahjong-tile.blocked .mj-face{filter:brightness(.84) saturate(.85)}
.listening-game[data-game="mahjong"] .mahjong-tile.free:hover .mj-face{filter:brightness(1.04)}
.listening-game[data-game="mahjong"] .mahjong-tile.selected,.listening-game[data-game="mahjong"] .mahjong-tile.hinted{background:transparent;outline:0;box-shadow:none}
.listening-game[data-game="mahjong"] .mahjong-tile.selected .mj-face{box-shadow:inset 0 0 0 2px #6b7b5b,inset 0 0 6px #6b7b5b80;background:#f8f1d8}
.listening-game[data-game="mahjong"] .mahjong-tile.hinted .mj-face{box-shadow:inset 0 0 0 2px #b0995e,inset 0 0 7px #b0995e75}
@media(prefers-reduced-motion:reduce){.listening-game[data-game="mahjong"] .mj-face{transition:none}}