/* 花式掷骰的叠加层(类名 cp- 前缀, 避开模板里的 .hp / .hero 等); 顶栏 10-15 改成和百家乐一样, 用 tablekit.css 的 tk-top */
.cp-stage{color:#fff6e4;font-family:system-ui,"Microsoft YaHei",sans-serif}
.cp-point.is-on{color:#ffe08a;text-shadow:0 0 10px #ffcf5a88}
.cp-hist{position:absolute;left:14px;top:calc(100cqw / 1700 * 50 + 12px);z-index:3;display:flex;gap:4px;flex-wrap:wrap;max-width:46%}
.cp-h{display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:50%;font-size:12px;font-weight:800;background:#0e3b26e6;box-shadow:inset 0 0 0 1px #ffffff40}
.cp-h.is-7{background:#8a1020e6}
.cp-h.is-new{box-shadow:0 0 0 2px #ffd166}
.cp-banner{z-index:4;top:24%;font-size:clamp(16px,2.2vw,24px)}
.cp-banner.is-out{color:#ffb0b0;box-shadow:0 0 0 2px #e8423f99}
.cp-banner.is-me{color:#ffe08a}
.cp-win{position:absolute;left:50%;top:40%;z-index:4;margin:0;transform:translate(-50%,-50%);font:900 clamp(30px,5vw,56px) Georgia,serif;color:#ffe08a;text-shadow:0 3px 0 #5a3a08,0 0 24px #ffcf5a99;pointer-events:none;animation:cp-pop .5s ease-out}
.cp-win.is-lose{color:#e8a0a0;text-shadow:0 3px 0 #3a0808}
@keyframes cp-pop{from{transform:translate(-50%,-30%) scale(.6);opacity:0}}
.cp-tip{position:absolute;z-index:5;margin:0;padding:5px 10px;border-radius:8px;font-size:13px;white-space:nowrap;background:#000000d0;color:#fff6e4;transform:translate(-50%,calc(-100% - 14px));pointer-events:none}
.cp-tag{position:absolute;z-index:2;transform:translate(-50%,-100%);padding:3px 10px;border-radius:999px;font-size:12px;font-weight:700;white-space:nowrap;color:#1a1206;background:#ffd166;box-shadow:0 2px 8px #0008;pointer-events:none}
.cp-board{display:flex;flex-direction:column;gap:calc(var(--u)*5);width:100%;max-width:calc(var(--u)*760)}
.cp-board__row{display:grid;gap:calc(var(--u)*5)}
.cp-board__row--1{grid-template-columns:1.4fr 1.2fr 1.2fr 1fr 1fr;height:calc(var(--u)*42)}
.cp-board__row--2{grid-template-columns:repeat(10,1fr);height:calc(var(--u)*38)}
.cp-bet{gap:0;padding:calc(var(--u)*2);border-radius:calc(var(--u)*5)}
.cp-bet b{font-size:calc(var(--u)*13)}
.cp-bet small{font-size:calc(var(--u)*9);opacity:.85}
.cp-bet{border-radius:calc(var(--u)*7)}
/* 下注项目 = 公共的色面下注台(tablekit.css .tk-panels, 同龙虎), 颜色和桌面对应(10-15 用户问颜色有没有说法):
 *   绿 = 台呢主区的注(过关线 / 不过关线 / 场注 / 买点), 红 = 桌子中间一掷定区(真实赌场那块是金框红字: 任意 7 / 任意垃圾 / 硬路)。每行都是左绿右红。
 *   现在不能押(is-off): 变灰褪色, 禁止光标, 悬停不亮 */
.cp-board{--pl:31,174,116;--pr:216,52,74}
.tk-flat .cp-bet{--tint:31,174,116}
.tk-flat .cp-bet--prop,.tk-flat .cp-bet--hard{--tint:216,52,74}
.tk-flat .tk-panels .cp-bet b{color:#fff6e2}
.tk-flat .tk-panels .cp-bet.is-off,.tk-flat .tk-panels .cp-bet.is-off:hover{opacity:.38;filter:saturate(.15);cursor:not-allowed;background:linear-gradient(180deg,rgba(var(--tint),.3),rgba(var(--tint),.16))}
.tk-flat .tk-panels .cp-bet.is-off::after{display:none}
/* 底栏和龙虎一样(10-15 用户): 左右两栏等宽、下注项目居中(公共 .tk-panels), 右边 = 公共的筹码 + 撤销 / 清除 / 重复 / 加倍(2 × 2) + 金色确认 */