/* A persistent, two-die felt tray. Move-selection buttons remain separate below it. */
.game-back-gammon.club-play .bg-dice-tray {
  position:relative; height:200px; margin:13px 0 8px; overflow:hidden;
  border:5px solid #715239; border-radius:20px; isolation:isolate;
  background:radial-gradient(ellipse at 45% 32%,#376474 0%,#1b3c4b 60%,#0b2637 100%);
  box-shadow:0 2px 0 #39281c,inset 0 0 0 1px #d7b97b80,inset 0 7px 17px #001521c9,0 8px 15px #05172233;
}
.game-back-gammon.club-play .bg-dice-tray::before {
  content:'';position:absolute;inset:9px;border:1px solid #c5c99c29;border-radius:12px;pointer-events:none;
}
.game-back-gammon.club-play .bg-dice-tray::after {
  content:'';position:absolute;inset:0;pointer-events:none;opacity:.18;
  background-image:repeating-linear-gradient(18deg,transparent 0 2px,#c8d6c40d 2px 3px);
}
.game-back-gammon.club-play .bg-dice-socket {
  --die-size:62px;--die-half:calc(var(--die-size) / 2);
  position:absolute;left:29%;top:53%;width:var(--die-size);height:var(--die-size);
  margin:calc(-.5 * var(--die-size));perspective:720px;perspective-origin:50% 20%;
}
.game-back-gammon.club-play .bg-dice-socket[data-die-index="1"]{left:72%;top:59%}
.game-back-gammon.club-play .bg-dice-flight,.game-back-gammon.club-play .bg-dice-pose,
.game-back-gammon.club-play .bg-dice-cube {display:block;position:relative;width:100%;height:100%;transform-style:preserve-3d}
.game-back-gammon.club-play .bg-dice-pose{transform:rotateX(-24deg) rotateY(-30deg) rotateZ(-8deg)}
.game-back-gammon.club-play .bg-dice-socket[data-die-index="1"] .bg-dice-pose{transform:rotateX(-21deg) rotateY(27deg) rotateZ(9deg)}
.game-back-gammon.club-play .bg-dice-side {
  box-sizing:border-box;position:absolute;inset:0;display:grid;grid-template:repeat(3,1fr)/repeat(3,1fr);
  padding:13%;border:1px solid #fff0c8;border-radius:12%;backface-visibility:hidden;
  background:radial-gradient(ellipse at 20% 10%,#fffdf0,#f4e2be 62%,#d4b886);
  box-shadow:inset 2px 2px 3px #ffffffd9,inset -2px -2px 3px #99764873;
}
.game-back-gammon.club-play .bg-dice-side-1{transform:translateZ(var(--die-half))}
.game-back-gammon.club-play .bg-dice-side-6{transform:rotateY(180deg) translateZ(var(--die-half))}
.game-back-gammon.club-play .bg-dice-side-3{transform:rotateY(90deg) translateZ(var(--die-half))}
.game-back-gammon.club-play .bg-dice-side-4{transform:rotateY(-90deg) translateZ(var(--die-half))}
.game-back-gammon.club-play .bg-dice-side-2{transform:rotateX(90deg) translateZ(var(--die-half))}
.game-back-gammon.club-play .bg-dice-side-5{transform:rotateX(-90deg) translateZ(var(--die-half))}
.game-back-gammon.club-play .bg-dice-pip {
  width:70%;aspect-ratio:1;place-self:center;border-radius:50%;
  background:radial-gradient(circle at 65% 80%,#425267,#102033 65%,#06101d);
  box-shadow:inset 0 1px 2px #0009,0 1px 0 #fff8;
}
.game-back-gammon.club-play .bg-dice-side-1 .bg-dice-pip{background:radial-gradient(circle at 65% 80%,#ba7046,#8a342a 65%,#501c1b)}
.game-back-gammon.club-play .bg-dice-shadow {
  position:absolute;left:-25%;top:68%;width:150%;height:58%;border-radius:50%;opacity:.65;
  background:radial-gradient(ellipse,#000e16e0,transparent 70%);pointer-events:none;
}
.game-back-gammon.club-play .bg-dice-tray[aria-busy="true"] :is(.bg-dice-cube,.bg-dice-flight,.bg-dice-shadow){will-change:transform}
.game-back-gammon.club-play .dice-rack{margin-top:10px;min-height:48px}
.game-back-gammon.club-play .dice-rack.is-waiting{opacity:.28;pointer-events:none}
.game-back-gammon.club-play .dice-empty small{margin:0}
@media(max-width:700px){
  .game-back-gammon.club-play .bg-dice-tray{height:176px;margin-top:10px;border-width:4px}
  .game-back-gammon.club-play .bg-dice-socket{--die-size:54px}
}
@media(max-width:600px) and (orientation:portrait){
  .game-back-gammon.club-play .command-deck{grid-template-columns:1fr}
  .game-back-gammon.club-play .bg-dice-tray{height:210px}
  .game-back-gammon.club-play .bg-dice-socket{--die-size:66px}
}
@media(max-height:600px) and (orientation:landscape){
  .game-back-gammon.club-play .bg-dice-tray{height:160px}
  .game-back-gammon.club-play .bg-dice-socket{--die-size:50px}
}
@media(prefers-reduced-motion:reduce){
  .game-back-gammon.club-play .bg-dice-tray *{will-change:auto!important}
}