.coin-row{perspective:760px;pointer-events:none;justify-content:center;align-items:flex-end;gap:clamp(8px,3vw,18px);padding-bottom:18%;display:flex;position:absolute;inset:0}.coin-slot{width:var(--coin-size);height:var(--coin-size);position:relative}.coin-shadow{background:radial-gradient(closest-side, hsl(var(--shade) / .8), transparent);opacity:.6;border-radius:50%;height:18%;position:absolute;bottom:-10%;left:8%;right:8%}.coin-lift,.coin-spin{transform-style:preserve-3d;position:absolute;inset:0}.coin-face{backface-visibility:hidden;font-weight:900;font-size:calc(var(--coin-size) * .38);color:hsl(var(--coin-ink));box-shadow:inset 0 0 0 calc(var(--coin-size) * .05) hsl(var(--coin-edge)), inset 0 calc(var(--coin-size) * -.06) calc(var(--coin-size) * .1) #0000002e;border-radius:50%;place-items:center;line-height:1;display:grid;position:absolute;inset:0}.coin-face:before{content:"";border:calc(var(--coin-size) * .02) dashed hsl(var(--coin-edge) / .55);border-radius:50%;position:absolute;inset:13%}.coin-face--heads{background:radial-gradient(circle at 32% 28%, #ffffffbf, hsl(var(--coin)) 38%, hsl(var(--coin-edge)) 100%)}.coin-face--tails{background:radial-gradient(circle at 32% 28%, #fffc, hsl(var(--coin-back)) 42%, hsl(var(--coin-edge) / .85) 100%);transform:rotateX(180deg)}.coin-face__pip{aspect-ratio:1;background:hsl(var(--pip-red));border-radius:50%;width:11%;position:absolute;top:20%}.coin-slot.is-win .coin-face--heads,.coin-slot.is-win .coin-face--tails{box-shadow:inset 0 0 0 calc(var(--coin-size) * .05) hsl(var(--coin-edge)), 0 0 0 3px hsl(var(--gold))}