/* 越南纸牌共用 3D 画面(cards3d.js)+ 顶栏「2D | 3D」切换, 同越南麻将(mahjong/mahjong3d.css)。3D 时: 画布铺满舞台, 2D 的台呢 / Live2D / 牌区藏起来
   (DOM 还在, cards3d.js 就是读它来摆牌), 电脑的名牌和对话气泡跟着 3D 人物的头顶走; 你的手牌、按钮、底栏照旧是 HTML。桌心出牌的说明字(如「阿琳 · 对子」)留着 */
.vc-view,.mj-view{display:inline-flex;align-items:center;gap:.15em}
.vc-view span,.mj-view span{padding:0 .25em;font-weight:600;letter-spacing:.06em;opacity:.55;transition:opacity .2s,color .2s}
.vc-view span+span::before,.mj-view span+span::before{content:"/";margin-right:.4em;opacity:.5;font-weight:400}
.vc-stage:not(.is-3d) :is(.vc-view,.mj-view) span:first-child,.vc-stage.is-3d :is(.vc-view,.mj-view) span:last-child{opacity:1;color:var(--gold);text-shadow:0 0 8px #e7c98366} /* 无边框: 现在用的那个亮金色 */
:is(.vc-view,.mj-view):disabled{opacity:.5}

.vc3-canvas{position:absolute;inset:0;width:100%;height:100%;display:block;z-index:0}
.vc3-canvas[hidden]{display:none}
.vc-stage.is-3d #vc-actors,.vc-stage.is-3d .role2d,.vc-stage.is-3d .vc-felt,.vc-stage.is-3d .vc-discards{display:none}
/* 11-08: 吃碰 / 亮出的牌 3D 下也用平面小牌显示(3D 桌上那份远、斜, 看不清): 你的在手牌右边, 对手的在左边面板(kit.css .vc-board); 弃牌只在 3D 桌上, 点名牌看全部 */
.vc-stage.is-3d .vc-plate{pointer-events:auto}
.vc-stage.is-3d .vc-pile-back,.vc-stage.is-3d .vc-table .vc-card{visibility:hidden}
.vc-stage.is-3d .vc-table{pointer-events:none}
.vc-stage.is-3d .vc-table small{visibility:visible;padding:.2em .7em;border-radius:999px;background:#000a}
.vc-stage.is-3d .vc-seat{right:auto;width:auto;max-width:30cqw;align-items:center;transform:translate(-50%,-100%);flex-direction:column-reverse;pointer-events:none}
.vc-stage.is-3d .vc-plate{padding:.4cqh .9cqw}
.vc-stage.is-3d .vc-plate h2{font-size:1.9cqh}
/* 头顶的出牌(cards3d.js 放进各座位的 .vc3-play): 名牌上方一排平面牌(就是 2D 那几张, 比 3D 桌上的清楚), 叠一半 */
.vc3-play{display:flex;justify-content:center;filter:drop-shadow(0 .4cqh .8cqh #000a)}
.vc3-play:empty,.vc-stage:not(.is-3d) .vc3-play{display:none}
.vc3-play .vc-card{width:auto;height:9.5cqh;aspect-ratio:5/7;border-radius:.7cqh}
.vc-deck-totom .vc3-play .vc-card{aspect-ratio:1/3.6;height:12cqh}.vc-deck-tusac .vc3-play .vc-card{aspect-ratio:1/3.2;height:12cqh}
.vc3-play .vc-card+.vc-card{margin-left:-3.4cqh}
.vc-deck-totom .vc3-play .vc-card+.vc-card,.vc-deck-tusac .vc3-play .vc-card+.vc-card{margin-left:-.6cqh}