.hero-coin{position:relative;width:86%;aspect-ratio:1;padding:0;border:0;background:transparent;border-radius:50%;cursor:grab;perspective:1000px;touch-action:pan-y;user-select:none;-webkit-user-select:none;animation:float 7s ease-in-out infinite;filter:drop-shadow(0 24px 40px #00112266)}
.hero-coin.is-dragging{cursor:grabbing;animation-play-state:paused}
.coin-rotor{position:absolute;inset:0;transform-style:preserve-3d;transition:transform 1.1s ease-out}
.hero-coin .hero-seal{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;animation:none;filter:none;backface-visibility:hidden;pointer-events:none;-webkit-user-drag:none}
.coin-front{transform:translateZ(3px)}
.hero-coin .coin-back{transform:rotateY(180deg) translateZ(3px)}
.hero-coin:focus-visible{outline:3px solid #a6d535;outline-offset:10px}
.hero-coin:before{content:'';position:absolute;inset:1%;border-radius:50%;background:linear-gradient(90deg,#9aa6ac,#edf1ef,#9aa6ac);transform:scaleX(.985);pointer-events:none}
.hero-art .art-label{pointer-events:none}
@media(max-width:620px){.hero-coin{width:88%}}
@media(prefers-reduced-motion:reduce){.hero-coin{animation:none}.coin-rotor{transition:none}}
.hero-coin:before{display:none}
.hero-coin{--coin-depth:12px;--coin-radius:180px;--edge-width:13px}.coin-edge{position:absolute;inset:0;transform-style:preserve-3d;pointer-events:none}.coin-edge i{display:block;position:absolute;left:50%;top:50%;width:var(--edge-width);height:var(--coin-depth);margin-left:calc(var(--edge-width)/-2);margin-top:calc(var(--coin-depth)/-2);transform:rotateZ(var(--edge-angle)) translateY(calc(-1 * var(--coin-radius))) rotateX(90deg);backface-visibility:visible;background:repeating-linear-gradient(90deg,#ffffff40 0 1px,#ffffff00 1px 3px),linear-gradient(0deg,#879197,rgb(var(--edge-light),var(--edge-light),var(--edge-light)) 22%,#e5e9e9 48%,#acb6ba 75%,#707c82);border-block:1px solid #e1e6e6;box-sizing:border-box}.hero-coin .coin-front{transform:translateZ(calc(var(--coin-depth)/2))}.hero-coin .coin-back{transform:rotateY(180deg) translateZ(calc(var(--coin-depth)/2))}

.coin-edge{inset:auto;width:0;height:0;overflow:visible}.coin-edge i{left:0;top:0}
.coin-edge i{background:linear-gradient(0deg,#7e8b91 0%,#bdc6c9 18%,#e2e7e7 46%,#c3cccf 68%,#829097 100%);border-block:0}