.coin-scene{border-top:1px solid #d7c8e6;margin-top:25px;padding-top:20px;max-width:420px;--coin-size:132px}
.coin-stage{height:148px;display:flex;align-items:center;justify-content:flex-start;perspective:700px;padding-left:14px}
.replay-coin{position:relative;width:var(--coin-size);height:var(--coin-size);transform-style:preserve-3d;animation:replay-coin-turn 7s linear infinite;will-change:transform}
.coin-face{position:absolute;inset:0;width:100%;height:100%;backface-visibility:hidden;transform:translateZ(5px)}
.coin-face-back{transform:rotateY(180deg) translateZ(5px)}
.coin-face .coin-disc{fill:#e8dcf2;stroke:var(--ink);stroke-width:6}
.coin-face .coin-ring{fill:none;stroke:#fcf9ff;stroke-width:3}
.coin-face .coin-mark{fill:var(--ink);shape-rendering:crispEdges}
.coin-edge{position:absolute;inset:0;border:5px solid var(--ink);border-radius:50%;background:#aa8cc4;transform:translateZ(var(--depth));backface-visibility:visible}
.coin-rail{height:12px;border:1px solid var(--ink);margin-top:16px;position:relative;overflow:hidden;clip-path:polygon(2px 0,calc(100% - 2px) 0,calc(100% - 2px) 1px,100% 1px,100% calc(100% - 1px),calc(100% - 2px) calc(100% - 1px),calc(100% - 2px) 100%,2px 100%,2px calc(100% - 1px),0 calc(100% - 1px),0 1px,2px 1px)}
.coin-rail span{position:absolute;top:2px;bottom:2px;left:2px;width:16%;background:repeating-linear-gradient(90deg,var(--ink) 0 5px,transparent 5px 8px);animation:replay-coin-scan 7s linear infinite}
.coin-controls{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:9px;font-size:8px;letter-spacing:1px;color:var(--quiet)}
.coin-controls button{border:0;background:transparent;color:var(--ink);font:9px Plex,monospace;letter-spacing:0;padding:3px 0;cursor:pointer;text-decoration:underline;text-underline-offset:4px}
.coin-scene[data-paused=true] .replay-coin,.coin-scene[data-paused=true] .coin-rail span,.motion-off .coin-scene *{animation-play-state:paused!important}
@keyframes replay-coin-turn{0%,16%{transform:rotateY(0deg)}38%,62%{transform:rotateY(180deg)}84%,100%{transform:rotateY(360deg)}}
@keyframes replay-coin-scan{0%,16%{left:2px}84%,100%{left:calc(84% - 2px)}}
@media(max-width:750px){.coin-scene{max-width:none;--coin-size:116px;padding-top:16px}.coin-stage{height:127px;padding-left:10px}.coin-rail{margin-top:12px}}
@media(prefers-reduced-motion:reduce){.replay-coin,.coin-rail span{animation:none!important;will-change:auto}.coin-rail span{left:42%}}