.club-spin-heading{max-width:34rem;margin-inline:auto;text-align:center}
.club-spin{display:grid;justify-items:center;gap:13px;max-width:560px;margin-inline:auto;padding:6px 18px 30px;text-align:center}
.club-spin__stage{position:relative;display:grid;place-items:center;width:min(82vw,390px);aspect-ratio:1;margin-block:2px 4px}
.club-spin__pointer{position:absolute;z-index:4;inset-block-start:-3px;inset-inline-start:50%;width:0;height:0;transform:translateX(-50%);border-inline:18px solid transparent;border-block-start:32px solid var(--club-ink);filter:drop-shadow(0 4px 4px rgba(0,0,0,.18))}
.club-spin__wheel{--spin-angle:0deg;position:relative;width:calc(100% - 28px);aspect-ratio:1;border:10px solid var(--club-surface);border-radius:50%;background:conic-gradient(#8f0000 0 20%,#f4b7a7 20% 40%,#650000 40% 60%,#e88f7c 60% 80%,#b52727 80%);box-shadow:0 24px 58px rgba(101,0,0,.2),inset 0 0 0 3px rgba(255,255,255,.48);transform:rotate(0);will-change:transform}
.club-spin__wheel::before{content:none!important}
.club-spin__wheel>span{--segment-angle:calc((var(--segment) * 72deg) + 36deg);position:absolute;z-index:2;inset:50% auto auto 50%;display:grid;min-width:66px;place-items:center;gap:3px;line-height:1;color:#fff;text-align:center;text-shadow:0 2px 6px rgba(0,0,0,.34);transform:translate(-50%,-50%) rotate(var(--segment-angle)) translateY(calc(-1 * min(29vw,126px))) rotate(calc(-1 * var(--segment-angle)))}
.club-spin__wheel>span:nth-child(2),.club-spin__wheel>span:nth-child(4){color:#4a0a0a;text-shadow:none}
.club-spin__wheel>span>b{display:block;max-width:68px;overflow:hidden;font-size:clamp(.88rem,3.8vw,1.35rem);text-overflow:ellipsis;white-space:nowrap}
.club-spin__wheel>span>small{display:block;margin:0;font-size:.62rem;font-weight:850;letter-spacing:.04em;text-transform:uppercase}
.club-spin__wheel>i{position:absolute;z-index:3;inset:50% auto auto 50%;display:grid;place-items:center;width:74px;height:74px;transform:translate(-50%,-50%);border:7px solid rgba(143,0,0,.12);border-radius:50%;background:#fff;color:#8f0000;font-style:normal;font-size:1.8rem;font-weight:950;box-shadow:0 8px 24px rgba(0,0,0,.2)}
.club-spin.is-spinning .club-spin__wheel{animation:club-spin-authoritative 4.4s cubic-bezier(.12,.72,.08,1) both}
.club-spin__mode{margin:0;color:var(--club-muted);font-size:.86rem}
.club-spin__result{display:none;width:min(100%,390px);min-height:0;padding:16px;border:1px solid color-mix(in srgb,var(--club-red) 18%,var(--club-border));border-radius:18px;background:color-mix(in srgb,var(--club-red) 6%,var(--club-surface));box-shadow:0 12px 32px rgba(101,0,0,.08)}
.club-spin__result.is-visible{display:grid;gap:4px}.club-spin__result>span,.club-spin__result>small{color:var(--club-muted)}.club-spin__result>strong{color:var(--club-red);font-size:1.85rem}
.club-spin__action{width:min(100%,390px);min-height:52px;font-size:1rem}
.club-spin__links{display:flex;flex-wrap:wrap;justify-content:center;gap:9px 18px}.club-spin__links a{color:var(--club-red);font-size:.86rem;font-weight:800;text-decoration:none}.club-spin__links a:focus-visible{outline:3px solid color-mix(in srgb,var(--club-red) 30%,transparent);outline-offset:4px}
.club-history-activity .club-text-link{display:inline-flex;margin-block-start:5px;font-size:.78rem}
@keyframes club-spin-authoritative{to{transform:rotate(var(--spin-angle))}}
html[data-club-theme="dark"] .club-spin__wheel{border-color:#2c2420;box-shadow:0 24px 58px rgba(0,0,0,.45),inset 0 0 0 3px rgba(255,255,255,.25)}html[data-club-theme="dark"] .club-spin__pointer{border-block-start-color:#f7eee8}html[data-club-theme="dark"] .club-spin__result>strong{color:#ff9d8d}
@media(min-width:700px){.club-spin{padding-block-start:12px}.club-spin__stage{width:min(58vw,410px)}}
@media(max-width:380px){.club-spin__stage{width:min(86vw,340px)}.club-spin__wheel>span{transform:translate(-50%,-50%) rotate(var(--segment-angle)) translateY(-103px) rotate(calc(-1 * var(--segment-angle)))}}
html[dir="rtl"] .club-spin__links,html[dir="rtl"] .club-spin__result{text-align:center}
@media(prefers-reduced-motion:reduce){.club-spin.is-spinning .club-spin__wheel{animation:none;transform:rotate(var(--spin-angle))}.club-spin__wheel{will-change:auto}}