/* Six true CSS 3D faces; the raster game board is unchanged. */
.game-ludo.club-play .dice-cage {
  position:relative;container-type:inline-size;perspective:600px;perspective-origin:50% 42%;
  padding:0;overflow:visible;isolation:isolate;animation:none!important;
  border:1px solid #d1b77b66;
  background:radial-gradient(ellipse at 50% 42%,#24546b,#0b293c 72%);
  box-shadow:inset 0 0 0 5px #001d2b55,inset 0 4px 15px #00121fcc,0 0 0 4px #f4daa20a;
}
.game-ludo.club-play .dice-cage::before {
  content:'';position:absolute;inset:8%;border:1px solid #bcd7da1c;border-radius:50%;pointer-events:none;
}
.game-ludo.club-play .dice-flight {
  --dice-size:clamp(30px,46cqw,64px);--dice-half:calc(var(--dice-size) / 2);
  position:absolute;width:var(--dice-size);height:var(--dice-size);
  left:calc(50% - var(--dice-half));top:calc(47% - var(--dice-half));
  transform-style:preserve-3d;pointer-events:none;
}
.game-ludo.club-play .dice-pose {
  width:100%;height:100%;transform-style:preserve-3d;
  transform:rotateX(-18deg) rotateY(-24deg) rotateZ(-8deg);
}
.game-ludo.club-play .die.dice-3d {
  width:100%;height:100%;position:relative;display:block;padding:0;border:0;border-radius:0;
  background:none;box-shadow:none;transform-style:preserve-3d;transition:none;
}
.game-ludo.club-play .dice-side {
  position:absolute;inset:0;display:grid;grid-template:repeat(3,1fr)/repeat(3,1fr);
  padding:14%;border:1px solid #fff1cc;border-radius:14%;backface-visibility:hidden;
  background:radial-gradient(ellipse at 22% 15%,#fffef4 0%,#f5e8cb 48%,#deca9f 100%);
  box-shadow:inset 2px 2px 3px #ffffffc9,inset -2px -2px 3px #a9895370;
}
.game-ludo.club-play .dice-side-1{transform:translateZ(var(--dice-half))}
.game-ludo.club-play .dice-side-6{transform:rotateY(180deg) translateZ(var(--dice-half))}
.game-ludo.club-play .dice-side-3{transform:rotateY(90deg) translateZ(var(--dice-half))}
.game-ludo.club-play .dice-side-4{transform:rotateY(-90deg) translateZ(var(--dice-half))}
.game-ludo.club-play .dice-side-2{transform:rotateX(90deg) translateZ(var(--dice-half))}
.game-ludo.club-play .dice-side-5{transform:rotateX(-90deg) translateZ(var(--dice-half))}
.game-ludo.club-play .dice-pip {
  display:block;width:70%;aspect-ratio:1;align-self:center;justify-self:center;border-radius:50%;
  background:radial-gradient(circle at 65% 78%,#405365,#102436 60%,#07131e);
  box-shadow:inset 0 1px 2px #0009,0 1px 0 #fff8;pointer-events:none;
}
.game-ludo.club-play .dice-side-1 .dice-pip{background:radial-gradient(circle at 65% 78%,#d87153,#a23c32 60%,#6b201e)}
.game-ludo.club-play .dice-floor-shadow {
  position:absolute;left:18%;top:65%;width:64%;height:19%;border-radius:50%;
  background:radial-gradient(ellipse,#00101bed 0%,#00101b75 42%,transparent 72%);opacity:.55;pointer-events:none;
}
.game-ludo.club-play .dice-contact-glint {
  position:absolute;left:30%;bottom:20%;width:40%;height:2px;opacity:0;pointer-events:none;
  background:linear-gradient(90deg,transparent,#ffe7a6,transparent);
}
.game-ludo.club-play .dice-cage:is(.rolling,.dice-settling) :is(.dice-flight,.dice-3d,.dice-floor-shadow){will-change:transform}
.game-ludo.club-play .dice-cage[data-result="6"]{border-color:#f4d694;box-shadow:inset 0 0 0 5px #001d2b55,inset 0 4px 15px #00121fcc,0 0 18px #ffca651c}
@media(prefers-reduced-motion:reduce){
 .game-ludo.club-play .dice-contact-glint{display:none}
 .game-ludo.club-play .dice-cage *{will-change:auto!important}
}