/* 博饼骰子独有的: 醉意条、轮次 / 倒计时、摇出的点数、离开按钮。舞台 / 按钮 / 弹层等公共样式在 _game/stage.css(先引入) */
.dice-hud{position:absolute;left:0;right:0;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 16px;pointer-events:none}
.dice-hud > *{pointer-events:auto}
.dice-hud--top{top:0;background:linear-gradient(180deg,rgba(10,4,5,.7),transparent)}
.dice-hud--bottom{bottom:0;justify-content:center;padding-bottom:18px}
.dice-meter{display:grid;grid-template-columns:auto 1fr;gap:2px 10px;width:min(30%,300px);color:#fff8eb;font-size:13px}
.dice-meter--right{text-align:right}
.dice-meter__name{font-weight:700;color:#ffc174}
.dice-meter__name small{color:rgba(255,248,235,.55);font-weight:400}
.dice-meter__bar{grid-column:1/-1;height:10px;border-radius:99px;background:rgba(255,255,255,.12);overflow:hidden}
.dice-meter--right .dice-meter__bar{direction:rtl}
.dice-meter__bar i{display:block;height:100%;background:linear-gradient(90deg,#f59e0b,#ef4444);transition:width .6s ease}
.dice-meter__val{color:rgba(255,248,235,.7);font-variant-numeric:tabular-nums}
/* 轮次 + 倒计时放在摇骰按钮左边: 放顶部正中会挡住对面人物的脸 */
.dice-round{display:flex;flex-direction:column;align-items:center;gap:2px;padding:6px 12px;border-radius:12px;background:rgba(10,4,5,.7);color:#fff8eb;font-weight:700;font-size:14px}
.dice-timer{min-width:44px;padding:2px 10px;border-radius:99px;background:rgba(0,0,0,.45);color:#56e5a9;font-size:18px;text-align:center;font-variant-numeric:tabular-nums}
.dice-timer.is-warn{color:#fff;background:#dc2626;animation:dice-pulse .5s infinite alternate}
@keyframes dice-pulse{to{transform:scale(1.12)}}
/* 醉意条下方: 这一轮摇出的点数(平面骰子) + 名次 */
.dice-meter__roll{grid-column:1/-1;display:flex;align-items:center;gap:8px;margin-top:4px;padding:5px 8px;border-radius:10px;background:rgba(10,4,5,.7);border:1px solid rgba(245,158,11,.3)}
.dice-meter--right .dice-meter__roll{flex-direction:row-reverse}
.dice-meter__roll.is-old{opacity:.45}
.dice-meter__roll.is-in{animation:dice-in .45s ease-out}
@keyframes dice-in{from{transform:scale(1.25);box-shadow:0 0 0 2px #ffd166,0 0 24px rgba(245,158,11,.8)}to{transform:none}}
/* 离开: 舞台左下角的小按钮(放顶部正中会挡住对面人物的脸) */
.dice-btn.dice-leave{position:absolute;left:14px;bottom:14px;min-width:0;padding:6px 14px;font-size:13px;z-index:2}
.dice-roll__dice{display:flex;gap:3px}
.dice-pip{width:clamp(16px,1.8vw,22px);height:clamp(16px,1.8vw,22px)}
.dice-roll__rank{color:#ffd166;font-weight:800;font-size:14px;white-space:nowrap}
.dice-roll__rank small{color:rgba(255,248,235,.65);font-weight:400}
@media (max-width:820px),(max-height:500px){.dice-meter{font-size:11px}.dice-hud{padding:6px 10px}}
@media (prefers-reduced-motion:reduce){.dice-timer.is-warn,.dice-meter__roll.is-in{animation:none}}