.coin-scene{position:absolute;width:240px;height:240px;perspective:900px;z-index:1;transform-origin:center;touch-action:pan-y;cursor:grab;outline:none;-webkit-tap-highlight-color:transparent}
.coin-scene:active{cursor:grabbing}.coin-scene:focus-visible{outline:2px solid #efd197;outline-offset:12px;border-radius:50%}
.coin-body{position:absolute;inset:0;transform-style:preserve-3d;will-change:transform;pointer-events:none}
.coin-face{position:absolute;inset:0;border-radius:50%;background:#ab711c url('/assets/coin/face.png') center/100% 100%;backface-visibility:hidden;box-shadow:inset 0 0 0 2px #e8b957;transform:translateZ(9px)}
.coin-back{transform:rotateY(180deg) translateZ(9px)}
.coin-face:after{content:'';position:absolute;inset:0;border-radius:50%;background:linear-gradient(120deg,#fff2b850,transparent 42%,#28120050);opacity:var(--coin-light,.3)}
.coin-edge{position:absolute;left:50%;top:50%;height:18px;backface-visibility:visible;background:repeating-linear-gradient(90deg,#734008 0 1px,#e8b24b 1px 3px,#9a5d12 3px 4px);border-top:1px solid #ffe0a1;border-bottom:1px solid #d49a35}
.coin-help{position:absolute;left:50%;top:calc(100% + 10px);transform:translateX(-50%);white-space:nowrap;font:12px/1.4 Arial,sans-serif;color:#ffe0a1;text-shadow:0 1px 4px #000;opacity:0;pointer-events:none;transition:opacity .2s}.coin-scene:focus-visible .coin-help,.coin-scene:hover .coin-help{opacity:1}
@media(prefers-reduced-motion:reduce){.coin-help{transition:none}}