/* v7.2 value coins: chunky 3D gold numerals + pop / flip / shake / shine / idle wobble. transform + opacity only. */
.cv.gvw{background:none!important;padding:0!important;text-shadow:none;font-size:clamp(12px,26cqw,30px);line-height:1;display:block;top:54%}
.reel .cv.gvw,.hwc .cv.gvw{font-size:clamp(12px,26cqw,30px)}
.cv.gvw.jpv{font-size:clamp(10px,19cqw,22px)}
.gv{display:flex;height:1em;align-items:center;justify-content:center}
.gv i{display:block;flex:none;height:1em;margin:0 -.1em;background:url(../assets/img/cdig_v1.webp) no-repeat;background-size:auto 1em}
.gv i.sp{width:.25em;background:none}
.t2 .cv.gvw{font-size:clamp(13px,29cqw,33px)}
.t3 .cv.gvw:not(.jpv){font-size:clamp(14px,31cqw,36px)}
.hascv>img,.hascv>.cv{animation:cidle 6s ease-in-out var(--sd,0s) infinite}
/* landing: pop 0 -> 1.3 -> 1 with a Y-turn (edge sliver shows mid-turn), then a shine sweep */
.hascv.cland>img,.hascv.cland>.cv{animation:cpop .62s cubic-bezier(.2,1.5,.4,1) both,cshk .34s .62s ease-out,cidle 6s ease-in-out calc(1.2s + var(--sd,0s)) infinite}
.hascv.t3.cland>img,.hascv.t3.cland>.cv{animation:cpop .8s cubic-bezier(.2,1.5,.4,1) both,cshk3 .5s .8s ease-out,cidle 6s ease-in-out calc(1.6s + var(--sd,0s)) infinite}
.hascv.cland::after{content:"";position:absolute;inset:10%;border-radius:50%;pointer-events:none;z-index:3;
  background:linear-gradient(105deg,transparent 38%,rgba(255,255,235,.85) 50%,transparent 62%);transform:translateX(-70%) scale(.9);opacity:0;animation:cshine .7s .55s ease-out both;mix-blend-mode:screen}
.hascv.cland::before{content:"";position:absolute;left:46%;right:46%;top:12%;bottom:12%;border-radius:40%;z-index:0;pointer-events:none;
  background:linear-gradient(90deg,#7a4300,#ffd86a,#7a4300);opacity:0;animation:cedge .62s both}
@keyframes cpop{0%{transform:scale(0) rotateY(0)}35%{transform:scale(1.3) rotateY(90deg)}55%{transform:scale(1.22) rotateY(200deg)}78%{transform:scale(.94) rotateY(330deg)}100%{transform:scale(1) rotateY(360deg)}}
@keyframes cedge{0%,20%{opacity:0}35%{opacity:1}48%,100%{opacity:0}}
@keyframes cshine{0%{opacity:1;transform:translateX(-70%) scale(.9)}100%{opacity:0;transform:translateX(70%) scale(.9)}}
@keyframes cshk{0%,100%{transform:none}25%{transform:translateX(-3%) rotate(-4deg)}50%{transform:translateX(3%) rotate(4deg)}75%{transform:translateX(-1.5%)}}
@keyframes cshk3{0%,100%{transform:none}15%{transform:translate(-6%,2%) rotate(-8deg)}30%{transform:translate(6%,-2%) rotate(8deg)}45%{transform:translate(-5%,1%) rotate(-6deg)}60%{transform:translate(4%,0) rotate(4deg)}80%{transform:translateX(-2%)}}
/* sitting: gentle tilt with an occasional full flip (~every 6 s, staggered by the cell's --sd) */
@keyframes cidle{0%,100%{transform:rotate(-3deg)}20%{transform:rotate(3deg)}40%{transform:rotate(-2deg)}60%{transform:rotate(2deg)}80%{transform:rotate(-3deg) rotateY(0)}88%{transform:rotate(0) rotateY(180deg) scale(1.06)}96%{transform:rotate(-3deg) rotateY(360deg)}}
.cell.hascv>img,.hwc.hascv>img{backface-visibility:visible}
/* big values (>=1,000 credits or jackpot labels): light rays behind the coin */
.crays{position:absolute;left:50%;top:50%;width:150%;aspect-ratio:1;margin:-75% 0 0 -75%;border-radius:50%;pointer-events:none;z-index:0;
  background:repeating-conic-gradient(rgba(255,230,140,.38) 0 7deg,transparent 7deg 22deg);-webkit-mask:radial-gradient(circle,#000 18%,transparent 68%);mask:radial-gradient(circle,#000 18%,transparent 68%);
  animation:crays 9s linear infinite;opacity:.9}
.hascv>img,.hascv>.cv{position:relative;z-index:1}.hascv>.cv{position:absolute;z-index:2}
@keyframes crays{to{transform:rotate(360deg)}}
.game.cshake{animation:cgshake .6s ease-out}
@keyframes cgshake{0%,100%{transform:none}10%{transform:translate(-7px,3px)}25%{transform:translate(7px,-3px)}40%{transform:translate(-6px,2px)}55%{transform:translate(5px,-1px)}75%{transform:translate(-2px,0)}}
/* heat: nothing moves while the reels spin or the FX loop rests */
body.reelspin .hascv>img,body.reelspin .hascv>.cv,body.reelspin .crays{animation-play-state:paused!important}
body.fxlow .crays{animation:none}
.hwc:nth-child(4n+1){--sd:-1.1s}.hwc:nth-child(4n+2){--sd:-2.7s}.hwc:nth-child(4n+3){--sd:-4.2s}.hwc:nth-child(4n){--sd:-5.3s}
.hwc .crays{width:118%;margin:-59% 0 0 -59%}
