/* 3D 舞台公共样式: 博饼骰子 / 德州扑克 / 星汉轮盘共用(16:9 舞台、按钮、弹层、角落按钮、页面内全屏、手机横屏)。
   原来是骰子的 dice.css, 类名沿用 dice- 前缀; 骰子独有的(醉意条、计时、点数)在 _game/dice/dice.css */
.dice-wrap{max-width:1280px;margin:0 auto}
/* 宽度取「容器宽」和「可用高度 × 16/9」里小的那个: 屏幕矮(手机横屏)时整体等比缩小, 不会被压扁或裁掉底部按钮 */
.dice-stage{position:relative;width:min(100%, calc((100vh - 100px) * 16 / 9));aspect-ratio:16/9;margin:0 auto;border-radius:18px;overflow:hidden;background:#120809;border:1px solid rgba(245,158,11,.25);box-shadow:0 12px 48px rgba(0,0,0,.7);user-select:none;-webkit-user-select:none}
.dice-canvas{position:absolute;inset:0;width:100%;height:100%;display:block}
.dice-stage [hidden]{display:none !important}
.dice-banner{position:absolute;left:50%;top:30%;transform:translate(-50%,-50%);margin:0;padding:10px 22px;border-radius:14px;background:rgba(10,4,5,.82);color:#fff8eb;font-size:clamp(15px,2vw,22px);font-weight:700;text-align:center;box-shadow:0 8px 30px rgba(0,0,0,.6)}
.dice-btn{display:inline-flex;flex-direction:column;align-items:center;gap:2px;min-width:180px;padding:14px 28px;border:0;border-radius:14px;cursor:pointer;font:inherit;font-weight:800;font-size:clamp(16px,1.8vw,20px);color:#2a1700;background:linear-gradient(135deg,#ffd166,#f59e0b 50%,#d97706);box-shadow:0 0 24px rgba(245,158,11,.45);text-decoration:none}
.dice-btn small{font-size:12px;font-weight:600;opacity:.75}
.dice-btn:disabled{opacity:.5;cursor:default;box-shadow:none}
.dice-btn--ghost{color:#ffd166;background:rgba(38,18,21,.9);border:1px solid rgba(245,158,11,.4);box-shadow:none}
.dice-overlay{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;padding:20px;background:rgba(10,4,5,.72);backdrop-filter:blur(3px);color:#fff8eb;font-size:18px;text-align:center}
.dice-overlay h2{margin:0;font-size:clamp(28px,4vw,44px);color:#ffc174}
.dice-overlay--result p{color:rgba(255,248,235,.85)}
.dice-result__btns{display:flex;gap:12px;flex-wrap:wrap;justify-content:center}
/* 页面内全屏(默认): 舞台盖满整个窗口; 顶部菜单、底部链接、玩法说明还在页面里(给搜索引擎), 只是被盖住。
   右上角(骰子是右下角)的按钮切回普通页面, 旁边是回大厅。逻辑在 account.js 的 GameUI */
html.game-full,html.game-full body{overflow:hidden}
html.game-full .dice-stage{position:fixed;inset:0;z-index:50;width:100vw;max-width:none;height:100vh;height:100dvh;aspect-ratio:auto;margin:0;border:0;border-radius:0}
html.game-full .chat-fab{display:none}
.game-corner{display:flex;gap:8px;align-items:center}
.game-corner--br{position:absolute;right:14px;bottom:14px;z-index:3}
.game-corner__btn{display:inline-flex;align-items:center;justify-content:center;gap:4px;min-width:38px;height:36px;padding:0 12px;border-radius:10px;border:1px solid rgba(245,158,11,.4);background:rgba(20,8,10,.75);color:#ffd166;font:inherit;font-weight:700;font-size:14px;text-decoration:none;cursor:pointer}
.game-corner__btn:hover{background:rgba(55,38,40,.9)}
.game-corner__btn:focus-visible{outline:2px solid #ffd166;outline-offset:2px}
/* 竖屏提示: 只在窄的竖屏手机上出现 */
.dice-overlay[data-overlay="portrait"]{display:none}
@media (orientation:portrait) and (max-width:820px){.dice-overlay[data-overlay="portrait"]{display:flex}}
.dice-rules{margin-top:14px;color:rgba(255,248,235,.75);font-size:14px}
.dice-rules summary{cursor:pointer;color:#ffc174;font-weight:700}
.dice-rules ul{margin:8px 0 0;padding-left:20px;display:grid;gap:4px}
@media (max-width:820px),(max-height:500px){.dice-stage{border-radius:10px}.dice-btn{min-width:120px;padding:8px 16px}}
/* 手机横屏: 顶栏占地方, 舞台用满剩下的高度 */
@media (max-height:500px) and (orientation:landscape){
  .dice-stage{width:min(100%, calc((100vh - 76px) * 16 / 9))}
  .main:has(.dice-wrap){padding-top:6px;padding-bottom:6px}
  body.is-game .bar{position:static}          /* 固定顶栏会盖住舞台上半截 */
  body.is-game .chat-fab{display:none}        /* 留言按钮会压在舞台右下角; 留言去别的页面 */
}