/* 桃源修仙：牌九/灵树产出浮窗层级与斗地主视觉牌序隔离热修。
 * 仅由本发布包中的 farming 基线 HTML 引用；正常 Vite 新入口不得继续引用。 */
.app-shell[data-page='paijiu'] .reward-gain-region,
.app-shell[data-page='spirit-tree'] .reward-gain-region {
  z-index: 0;
}

.app-shell[data-page='paijiu'] .paijiu-page,
.app-shell[data-page='spirit-tree'] .spirit-tree-page {
  position: relative;
  z-index: 1;
}

/* farming 生产基线仍按大牌到 3 输出 DOM。容器与牌面双镜像只改变
 * 该基线的视觉位置；牌面文字、点击命中、card id 与出牌协议保持不变。 */
.app-shell[data-page='paijiu'] .doudizhu-shell .doudizhu-player-hand {
  transform: scaleX(-1);
  transform-origin: center;
}

.app-shell[data-page='paijiu'] .doudizhu-shell .doudizhu-player-hand .cardroom-card-button {
  transform: scaleX(-1);
}

.app-shell[data-page='paijiu'] .doudizhu-shell .doudizhu-player-hand .cardroom-card-button:hover:not(:disabled) {
  transform: scaleX(-1) translateY(-10px);
}

.app-shell[data-page='paijiu'] .doudizhu-shell .doudizhu-player-hand .cardroom-card-button.selected,
.app-shell[data-page='paijiu'] .doudizhu-shell .doudizhu-player-hand .cardroom-card-button.selected:hover:not(:disabled) {
  z-index: 100 !important;
  transform: scaleX(-1) translateY(-20px);
}

/* 双镜像后重建从左到右递增时的叠放方向，避免右侧大牌点数被左牌遮住。 */
.app-shell[data-page='paijiu'] .doudizhu-shell .doudizhu-player-hand .cardroom-card-button:nth-child(1) { z-index: 20 !important; }
.app-shell[data-page='paijiu'] .doudizhu-shell .doudizhu-player-hand .cardroom-card-button:nth-child(2) { z-index: 19 !important; }
.app-shell[data-page='paijiu'] .doudizhu-shell .doudizhu-player-hand .cardroom-card-button:nth-child(3) { z-index: 18 !important; }
.app-shell[data-page='paijiu'] .doudizhu-shell .doudizhu-player-hand .cardroom-card-button:nth-child(4) { z-index: 17 !important; }
.app-shell[data-page='paijiu'] .doudizhu-shell .doudizhu-player-hand .cardroom-card-button:nth-child(5) { z-index: 16 !important; }
.app-shell[data-page='paijiu'] .doudizhu-shell .doudizhu-player-hand .cardroom-card-button:nth-child(6) { z-index: 15 !important; }
.app-shell[data-page='paijiu'] .doudizhu-shell .doudizhu-player-hand .cardroom-card-button:nth-child(7) { z-index: 14 !important; }
.app-shell[data-page='paijiu'] .doudizhu-shell .doudizhu-player-hand .cardroom-card-button:nth-child(8) { z-index: 13 !important; }
.app-shell[data-page='paijiu'] .doudizhu-shell .doudizhu-player-hand .cardroom-card-button:nth-child(9) { z-index: 12 !important; }
.app-shell[data-page='paijiu'] .doudizhu-shell .doudizhu-player-hand .cardroom-card-button:nth-child(10) { z-index: 11 !important; }
.app-shell[data-page='paijiu'] .doudizhu-shell .doudizhu-player-hand .cardroom-card-button:nth-child(11) { z-index: 10 !important; }
.app-shell[data-page='paijiu'] .doudizhu-shell .doudizhu-player-hand .cardroom-card-button:nth-child(12) { z-index: 9 !important; }
.app-shell[data-page='paijiu'] .doudizhu-shell .doudizhu-player-hand .cardroom-card-button:nth-child(13) { z-index: 8 !important; }
.app-shell[data-page='paijiu'] .doudizhu-shell .doudizhu-player-hand .cardroom-card-button:nth-child(14) { z-index: 7 !important; }
.app-shell[data-page='paijiu'] .doudizhu-shell .doudizhu-player-hand .cardroom-card-button:nth-child(15) { z-index: 6 !important; }
.app-shell[data-page='paijiu'] .doudizhu-shell .doudizhu-player-hand .cardroom-card-button:nth-child(16) { z-index: 5 !important; }
.app-shell[data-page='paijiu'] .doudizhu-shell .doudizhu-player-hand .cardroom-card-button:nth-child(17) { z-index: 4 !important; }
.app-shell[data-page='paijiu'] .doudizhu-shell .doudizhu-player-hand .cardroom-card-button:nth-child(18) { z-index: 3 !important; }
.app-shell[data-page='paijiu'] .doudizhu-shell .doudizhu-player-hand .cardroom-card-button:nth-child(19) { z-index: 2 !important; }
.app-shell[data-page='paijiu'] .doudizhu-shell .doudizhu-player-hand .cardroom-card-button:nth-child(20) { z-index: 1 !important; }

/* 手机横屏两侧使用同一安全边距，避免容器镜像交换刘海方向。 */
.app-shell--immersive[data-page='paijiu'] .doudizhu-shell .doudizhu-player-hand {
  padding-right: max(6px, var(--mobile-safe-left), var(--mobile-safe-right));
  padding-left: max(6px, var(--mobile-safe-left), var(--mobile-safe-right));
}

.app-shell--immersive[data-page='paijiu'] .doudizhu-shell .doudizhu-player-hand .cardroom-card-button.selected,
.app-shell--immersive[data-page='paijiu'] .doudizhu-shell .doudizhu-player-hand .cardroom-card-button.selected:hover:not(:disabled) {
  transform: scaleX(-1) translateY(-10px);
}