/* 大厅牌桌的公共弹窗(越南牌戏 / 跑得快 / 德州共用, 从 kit.css 拆出来): 入座、每手结算、离桌确认。变量写在弹窗自己身上, 不依赖舞台 */
.vc-dialog{--serif:"Noto Serif",Cambria,"Times New Roman","Noto Serif SC","Songti SC",serif;--gold:#e7c983;--muted:#a9bdb4;--ink:#f3ecdc;box-sizing:border-box;margin:auto;font:14px/1.45 system-ui,"Segoe UI","Microsoft YaHei",sans-serif}
.vc-dialog *{box-sizing:border-box}
/* 弹窗(10-31 统一): 深绿到近黑的径向底、细金边 + 顶部一道高光; 小字标题 / 大标题居中; 按钮: 金色主按钮 + 无框文字链接。玩法说明 / 结算 / 入座 / 离桌都用这一套 */
.vc-dialog{width:min(560px,92vw);max-height:86vh;overflow:auto;padding:30px 34px 26px;border:1px solid #e7c98338;border-radius:20px;color:#efe7d4;
  background:radial-gradient(120% 70% at 50% 0,#14382c 0,#08201a 50%,#040f0c 100%);box-shadow:0 30px 90px #000d,inset 0 1px #ffffff12;scrollbar-width:thin;scrollbar-color:#e7c98344 transparent}
.vc-dialog::backdrop{background:radial-gradient(circle,#0008,#000c);backdrop-filter:blur(3px)}
.vc-dialog>small{display:block;text-align:center;letter-spacing:.42em;color:#a9bdb4;font-size:10.5px}
.vc-dialog h2{margin:.25em 0 .5em;font:600 26px/1.25 var(--serif);text-align:center;background:linear-gradient(#fff6d8,#e7c983 60%,#b8954f);-webkit-background-clip:text;background-clip:text;color:transparent}
.vc-dialog h3{margin:1.1em 0 .3em;font:600 15px var(--serif);color:#e7c983}
.vc-dialog p,.vc-dialog li{font-size:14px;line-height:1.7;color:#d9d2c0}
.vc-dialog ul{padding-left:1.2em;margin:.3em 0}
.vc-dialog .vc-fine{color:#a9bdb4;font-size:12.5px}
.vc-dialog button{font:inherit;border:1px solid #e7c98366;background:#0b231c;color:#efe7d4;border-radius:999px;padding:9px 20px;cursor:pointer;transition:filter .15s,color .15s,background .15s}
.vc-dialog button.primary{border:0;background:linear-gradient(180deg,#f6e2a6,#c49a4c);color:#2b1d07;font-weight:700;letter-spacing:.08em;box-shadow:0 6px 18px #c49a4c44,inset 0 1px #fff8}
.vc-dialog button.primary:hover{filter:brightness(1.06)}
.vc-x{position:absolute;right:14px;top:12px;padding:2px 10px!important;border:0!important;background:none!important;font-size:20px!important;color:#a9bdb4!important}
.vc-x:hover{color:#e7c983!important}
.vc-dialog{position:fixed}
/* 结算(10-31 第二版): 标题 → 你这一手(大字)→ 各家一行(无框, 渐隐分隔线; 赢家名字前一颗金点)→ 金色整宽「继续」 */
.vc-result-note{margin:0 auto 4px!important;max-width:44em;text-align:center;color:#a9bdb4!important;font-size:12.5px!important;line-height:1.6!important}
.vc-result-me{display:flex;flex-direction:column;align-items:center;gap:2px;margin:14px 0 6px}
.vc-result-me small{font-size:10.5px;letter-spacing:.35em!important;color:#a9bdb4}
.vc-result-me b{font:700 46px/1.1 var(--serif);font-variant-numeric:tabular-nums;color:#d9d2c0}
.vc-result-me.is-win b{background:linear-gradient(#e8fff6,#8ee6c4);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 0 14px #8ee6c455)}
.vc-result-me.is-lose b{color:#ff9a8a}
.vc-result-me span{font-size:12px;color:#a9bdb4;font-variant-numeric:tabular-nums}
.vc-result-list{display:flex;flex-direction:column;margin-top:10px}
.vc-res{position:relative;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:6px 18px;padding:14px 4px}
.vc-res+.vc-res::before{content:"";position:absolute;left:0;right:0;top:0;height:1px;background:linear-gradient(90deg,transparent,#e7c98333,transparent)}
.vc-res-who{display:flex;flex-direction:column;gap:3px;min-width:0}
.vc-res-who b{display:flex;align-items:center;gap:8px;font:600 16px var(--serif);color:#efe7d4}
.vc-res.is-win .vc-res-who b::before{content:"";width:7px;height:7px;border-radius:50%;background:#e7c983;box-shadow:0 0 8px #e7c983}
.vc-res.is-me .vc-res-who b{color:#e7c983}
.vc-res-who small{font-size:12.5px;letter-spacing:0!important;color:#a9bdb4}
.vc-res-num{display:flex;flex-direction:column;align-items:flex-end;justify-content:center;gap:3px;font-variant-numeric:tabular-nums}
.vc-res-num b{font:700 20px/1 var(--serif);color:#d9d2c0}
.vc-res.is-win .vc-res-num b{color:#8ee6c4}.vc-res.is-lose .vc-res-num b{color:#ff9a8a}
.vc-res-num small{font-size:11px;letter-spacing:.05em!important;color:#7f948b}
.vc-result-cards{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:4px;margin-top:2px}
.vc-result-cards .vc-card{width:36px;height:50px;border-radius:4px;box-shadow:0 2px 6px #0009} /* 固定像素: 弹窗里不跟舞台的 cqh 走, 原来宽高各算各的把牌压扁了 */
.vc-deck-totom .vc-result-cards .vc-card{width:16px;height:58px}.vc-deck-tusac .vc-result-cards .vc-card{width:18px;height:58px}.vc-deck-mahjong .vc-result-cards .vc-card{width:30px;height:40px}
/* 11-01 用户: 按钮小一点, 并且钉在弹框底部(列表很长时弹框内滚动, 按钮不会被顶走); 上沿渐隐盖住滚过去的行 */
.vc-result-foot{position:sticky;bottom:-26px;z-index:2;display:flex;justify-content:center;gap:10px;margin:14px -34px -26px;padding:16px 34px 18px;background:linear-gradient(#040f0c00,#040f0c 35%)}
.vc-result-foot button{flex:0 0 auto;min-width:118px;padding:8px 20px!important;font-size:13.5px}
/* 服务器版(net.js): 入座 / 离桌 / 作废弹窗 */
.vc-net-btns{display:flex;flex-wrap:wrap;gap:10px;margin-top:16px}
.vc-net-link{display:inline-block;border:1px solid #e7c98366;background:#0b231c;color:#efe7d4!important;border-radius:8px;padding:9px 18px;text-decoration:none}
.vc-net-link.primary{background:linear-gradient(180deg,#f2d993,#c49a4c);color:#2b1d07!important;font-weight:700}
.vc-net-stakes{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:8px;margin:12px 0}
.vc-net-stakes button{display:flex;flex-direction:column;align-items:center;gap:2px;padding:10px 8px}
.vc-net-stakes button b{font-size:18px;color:#e7c983}
.vc-net-stakes button small{letter-spacing:0;font-size:11.5px}
.vc-net-stakes button[aria-checked=true]{border-color:#e7c983;background:#1b3a2e;box-shadow:0 0 0 2px #e7c98355}
.vc-net-stakes button:disabled{opacity:.4;cursor:not-allowed}
/* 三间牌室的颜色, 同大厅(hall.css .hl-tier0/1/2): 初级场青绿 / 中级场黄 / 高级场深紫 */
.vc-net-t0{--tc:#2f9a7c;--tc2:#9be8cf;--tx:#0b2e24}.vc-net-t1{--tc:#d99a0e;--tc2:#ffe27a;--tx:#3a2604}.vc-net-t2{--tc:#3b1580;--tc2:#7b4fd2;--tx:#f3e8ff}
.vc-net-flag{display:inline-block;flex:none;padding:3px 18px 3px 10px;background:linear-gradient(var(--tc2),var(--tc));color:var(--tx)!important;font-size:14px!important;clip-path:polygon(0 0,100% 0,86% 50%,100% 100%,0 100%)}
.vc-net-stakes button[class^=vc-net-t]{border-left:4px solid var(--tc)}
.vc-net-stakes button[class^=vc-net-t][aria-checked=true]{border-color:var(--tc2);border-left-color:var(--tc);background:color-mix(in srgb,var(--tc) 30%,#10241c);box-shadow:0 0 0 2px color-mix(in srgb,var(--tc2) 40%,transparent)}
/* 入座弹窗(10-31 第二版): 窄一点(420px)、全部居中: 牌室旗 + 底注 / 筹码一行 → 「带入筹码」+ 金色大字 → 细滑块(金色进度)+ 两端 → 最少 · 一半 · 最多(纯文字)
   → 渐隐分隔线 → 你的星币 / 坐下后剩 → 小字规则 → 整宽金色「坐下开局」+ 下面一行文字链接 */
.vc-dialog.is-sit{width:min(420px,92vw)}
.vc-sit{display:flex;flex-direction:column;align-items:center;gap:14px}
.vc-sit-room{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:8px 12px;font-size:12.5px;color:#a9bdb4}
.vc-sit-room b{margin-left:3px;font:600 14px var(--serif);color:#efe7d4;font-variant-numeric:tabular-nums}
.vc-sit-room i{width:3px;height:3px;border-radius:50%;background:#e7c98366}
.vc-sit-room .vc-net-flag{margin:0}
.vc-sit-buy{display:flex;flex-direction:column;align-items:center;gap:4px;width:100%;margin-top:6px}
.vc-sit-buy label{font-size:10.5px;letter-spacing:.38em;color:#a9bdb4}
.vc-sit-amount{display:flex;align-items:center;gap:10px;font:700 52px/1.05 var(--serif);font-variant-numeric:tabular-nums;background:linear-gradient(#fff6d8,#e7c983 55%,#b8954f);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 2px 10px #e7c98333)}
.vc-sit input[type=range]{--p:0%;width:100%;height:4px;margin:14px 0 4px;appearance:none;-webkit-appearance:none;border:0;outline:0;border-radius:4px;background:linear-gradient(90deg,#b8954f,#f6e2a6) 0/var(--p) 100% no-repeat,#ffffff17;cursor:pointer}
.vc-sit input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:18px;height:18px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#fff6d8,#c49a4c);box-shadow:0 0 0 5px #e7c98322,0 2px 6px #000a;transition:box-shadow .15s}
.vc-sit input[type=range]::-moz-range-thumb{width:18px;height:18px;border:0;border-radius:50%;background:radial-gradient(circle at 35% 30%,#fff6d8,#c49a4c);box-shadow:0 0 0 5px #e7c98322,0 2px 6px #000a}
.vc-sit input[type=range]:focus-visible::-webkit-slider-thumb{box-shadow:0 0 0 6px #e7c98355,0 2px 6px #000a}
.vc-sit input[type=range]:disabled{opacity:.4;cursor:not-allowed}
.vc-sit-ends{display:flex;justify-content:space-between;width:100%;font-size:11px;color:#7f948b;font-variant-numeric:tabular-nums}
.vc-sit-quick{display:flex;align-items:center;gap:2px;margin-top:2px}
.vc-dialog .vc-sit-quick button{position:relative;padding:4px 12px;border:0;border-radius:6px;background:none;color:#a9bdb4;font-size:12.5px;letter-spacing:.1em}
.vc-dialog .vc-sit-quick button+button::before{content:"";position:absolute;left:-1px;top:50%;width:3px;height:3px;margin-top:-1.5px;border-radius:50%;background:#e7c98355}
.vc-dialog .vc-sit-quick button:hover:not(:disabled){color:#e7c983}
.vc-sit-bal{position:relative;display:grid;grid-template-columns:1fr 1fr;width:100%;padding-top:16px;text-align:center;font-size:11px;letter-spacing:.2em;color:#7f948b}
.vc-sit-bal::before{content:"";position:absolute;left:0;right:0;top:0;height:1px;background:linear-gradient(90deg,transparent,#e7c98340,transparent)}
.vc-sit-bal span{display:flex;flex-direction:column;align-items:center;gap:4px}
.vc-sit-bal b{margin:0;font:700 18px var(--serif);letter-spacing:0;color:#efe7d4;font-variant-numeric:tabular-nums}
.vc-sit-bal i{display:none}
.vc-dialog .vc-sit-fine{margin:0;font-size:11px;line-height:1.6;color:#7f948b;text-align:center}
.vc-sit .vc-net-err:empty{display:none}
.vc-net-btns{justify-content:flex-end;align-items:center}
.is-sit .vc-net-btns{flex-direction:column;align-items:stretch;gap:6px;margin-top:20px}
.is-sit .vc-net-btns .primary{padding:12px 20px!important}
.vc-net-link{border-radius:999px!important}
.vc-net-link:not(.primary){border-color:transparent!important;background:none!important;color:#a9bdb4!important;text-align:center}
.vc-net-link:not(.primary):hover{color:#e7c983!important}
.vc-net-link.primary{border:0!important;background:linear-gradient(180deg,#f6e2a6,#c49a4c)!important;box-shadow:0 6px 18px #c49a4c44,inset 0 1px #fff8;text-align:center;letter-spacing:.08em}
.vc-net-err{min-height:1.4em;color:#ffb4a6!important;font-size:13px!important}
:is(.vc-net-btns button,.vc-net-link,.vc-net-stakes button):focus-visible{outline:2px solid #fff;outline-offset:2px}