.club-brand>.club-coin-button{position:relative;display:block;flex:0 0 60px;width:60px;height:60px;min-height:60px;padding:0;border:0;border-radius:50%;background:none;perspective:500px;touch-action:pan-y;user-select:none;-webkit-user-select:none;cursor:grab;isolation:auto;overflow:visible}
.club-coin-button{--coin-light:125deg;--coin-reflection:0%;--depth:0px;--coin-shadow-width:1}
.club-coin-button:active{cursor:grabbing}
.club-coin-button:before{content:'';position:absolute;left:50%;top:100%;width:75%;height:75%;border-radius:50%;transform-origin:50% 0;transform:translateX(-50%) skewX(58deg) scaleY(.25) scaleX(var(--coin-shadow-width));background:linear-gradient(to bottom,#0009,#0005 35%,#0000 95%);opacity:.15;filter:blur(2px);pointer-events:none}
.club-coin-button:after{content:'';position:absolute;left:50%;top:calc(100% - 1px);width:9px;height:2.25px;border-radius:50%;transform:translateX(-50%);background:#000;opacity:.15;filter:blur(.7px);pointer-events:none}
.club-coin-rotor{position:absolute;inset:0;display:block;transform-style:preserve-3d;transform:rotateY(0deg)}
.club-coin-face,.club-coin-rim{position:absolute;inset:0;display:block;border-radius:50%;background:linear-gradient(var(--coin-light,125deg),#808b95,#c8d0d6 22%,#e1e6e9 34%,#a7b1ba 54%,#d5dce1 78%,#929da6);border:1px solid #dde3e9;box-shadow:inset 0 0 0 1px #9aa3ad,inset 0 0 0 2px #eef3f8}
.club-coin-rim{transform:translateZ(var(--depth));background:linear-gradient(var(--coin-light,125deg),#65727c,#b1bbc3 25%,#8c99a4 45%,#c3cbd1 70%,#727f8a)}
.club-coin-face{backface-visibility:hidden;-webkit-backface-visibility:hidden;overflow:hidden;clip-path:circle(50% at 50% 50%);transform:translateZ(3.6px)}
.club-coin-back{transform:rotateY(180deg) translateZ(3.6px);container-type:inline-size}
.club-coin-seal{position:absolute;inset:-7%;width:114%;height:114%;background:linear-gradient(135deg,#9ba4ac,#7b858e 46%,#adb5bc 76%,#7b858e);mask:url('assets/club-seal-mask.svg') center/contain no-repeat;-webkit-mask:url('assets/club-seal-mask.svg') center/contain no-repeat}
.club-brand .club-coin-front img{opacity:0;width:100%;height:100%;pointer-events:none}
.club-brand .club-coin-back .club-coin-wordmark{position:absolute;left:26%;top:25%;width:48%;height:31%;background:linear-gradient(135deg,#9ba4ac,#7b858e 46%,#adb5bc 76%,#7b858e);mask:url('assets/wordmark.svg') center/contain no-repeat;-webkit-mask:url('assets/wordmark.svg') center/contain no-repeat;pointer-events:none}
.club-coin-number{position:absolute;inset:0;display:block;color:#20262a}
.club-coin-number>span{position:absolute;font:700 10cqw/1 var(--body);text-align:center;background:linear-gradient(135deg,#9ba4ac,#7b858e 46%,#adb5bc 76%,#7b858e);background-clip:text;-webkit-background-clip:text;color:transparent}
.club-coin-back:before{content:'';position:absolute;inset:7%;border:1px solid #75818b88;border-radius:50%;box-shadow:0 1px 0 #fff8}
.club-coin-face:after{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(105deg,transparent 20%,#ffffff08 35%,#ffffffaa 47%,#ffffff22 51%,transparent 63%);transform:translateX(var(--coin-reflection,0%));opacity:.19;mix-blend-mode:screen}
.club-coin-visible .club-coin-face:after{animation:club-coin-shine 3s ease-in-out infinite}
@keyframes club-coin-shine{0%,65%,100%{opacity:.08}78%{opacity:.25}88%{opacity:.15}}
.club-page-hidden .club-coin-face:after,.club-still .club-coin-face:after{animation:none!important}
@media(prefers-reduced-motion:reduce){.club-coin-face:after{animation:none!important}}
/* Small, in-flow character moments leave all app recordings untouched. */
.crew-cameo{display:block;position:relative;width:164px;height:136px;padding:0;border:0;background:none;margin:0 0 8px;isolation:isolate}
.crew-cameo img{width:100%;height:100%;object-fit:contain}
.cameo-control{position:absolute;right:4px;bottom:8px;color:#727771;font:10px Mono,monospace;opacity:0;transition:opacity .2s}
.crew-cameo:hover .cameo-control,.crew-cameo:focus-visible .cameo-control,.crew-cameo[aria-pressed=true] .cameo-control{opacity:1}
.crew-cameo-hero{width:142px;height:106px;margin:16px 0 -20px}
.crew-cameo-section{margin-top:18px;margin-bottom:-14px}
.crew-cameo-closing{margin:0 auto 18px;width:180px;height:140px}
.membership-club-heading{display:grid;grid-template-columns:minmax(0,1fr) 128px;gap:18px;align-items:center;min-height:162px}
.membership-coin{text-align:center;padding:4px 0 12px}
.membership-coin .club-brand{display:flex;justify-content:center;padding-bottom:22px}
.membership-coin .club-coin-button{width:112px;height:112px;min-height:112px;flex-basis:112px}
.coin-motion-toggle{border:0;background:none;font:10px Mono,monospace;color:#747772;padding:8px 0;min-height:32px}
.coin-motion-toggle:hover{color:var(--blue)}
.membership-coin .club-coin-wordmark{top:33%!important}
.membership-coin[data-paused=true] .club-coin-face:after{animation:none!important}
@media(max-width:700px){.membership-club-heading{grid-template-columns:minmax(0,1fr) 106px;gap:12px}.membership-coin .club-coin-button{width:94px;height:94px;min-height:94px;flex-basis:94px}.crew-cameo-section{width:140px;height:110px}.crew-cameo-hero{width:126px;height:96px}}

@media(max-width:380px){.membership-club-heading>div:first-child{display:contents}.membership-club-heading .eyebrow{grid-column:1;grid-row:1}.membership-club-heading h3{grid-column:1/-1;grid-row:2;margin-top:0}.membership-coin{grid-column:2;grid-row:1}}