/* club hero */
.club-hero{background:linear-gradient(135deg,#0c1a2c,var(--navy-900) 60%,var(--navy-800));color:var(--ivory-50);border-radius:var(--radius-2xl);padding:clamp(24px,3.5vw,var(--space-12));margin-block:var(--space-5);overflow:hidden}
.club-hero .grid{display:grid;grid-template-columns:1fr auto;gap:var(--space-10);align-items:center}
@media(max-width:820px){.club-hero .grid{grid-template-columns:1fr;gap:var(--space-8)}}
.club-hero .grid>div{min-width:0}
.club-hero .eyebrow{color:var(--gold-300)}
.club-hero h1{font-size:clamp(1.7rem,3.6vw,2.4rem);line-height:1.2;color:var(--ivory-50)}
.club-hero p{color:var(--sand-200);margin-top:var(--space-3);max-width:46ch}
.club-hero .cd{display:flex;gap:var(--space-3);margin-top:var(--space-6);flex-wrap:wrap}
.club-hero .cd .u{background:rgba(245,240,233,.08);border:1px solid rgba(224,197,143,.25);border-radius:var(--radius-md);padding:var(--space-3) var(--space-4);text-align:center;min-width:64px}
.club-hero .cd .u b{display:block;font-size:1.6rem;font-weight:700;color:var(--gold-300);line-height:1;font-variant-numeric:tabular-nums}
.club-hero .cd .u span{font-size:.72rem;color:var(--sand-200)}
/* spin wheel */
.wheel-stage{position:relative;width:min(340px,80vw);height:min(340px,80vw);margin-inline:auto}
.wheel-pointer{position:absolute;top:-6px;inset-inline-start:50%;transform:translateX(50%);z-index:3;filter:drop-shadow(0 2px 4px rgba(0,0,0,.4))}
.wheel-pointer svg{width:34px;height:34px}
.wheel{width:100%;height:100%;border-radius:50%;position:relative;border:8px solid var(--gold-500);box-shadow:0 0 0 6px rgba(16,33,52,.6),var(--shadow-e4);transition:transform 4.6s cubic-bezier(.16,.84,.3,1);
  background:conic-gradient(
    #112250 0deg 45deg,#896f3d 45deg 90deg,#112250 90deg 135deg,#896f3d 135deg 180deg,
    #112250 180deg 225deg,#896f3d 225deg 270deg,#112250 270deg 315deg,#896f3d 315deg 360deg);}
.wheel .seg{position:absolute;inset:0;display:flex;justify-content:center;padding-top:16px;transform-origin:50% 50%;font-size:.72rem;font-weight:700;color:var(--ivory-50)}
.wheel .hub{position:absolute;inset:0;margin:auto;width:56px;height:56px;border-radius:50%;background:var(--ivory-50);display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow-e2);z-index:2}
.wheel .hub svg{width:26px;height:26px;stroke:var(--gold-500)}
.wheel-result{margin-top:var(--space-5);text-align:center;min-height:24px;font-weight:700;color:var(--gold-300)}
.wheel-panel{background:rgba(245,240,233,.05);border:1px solid rgba(224,197,143,.2);border-radius:var(--radius-xl);padding:var(--space-6)}
.wheel-form{display:flex;gap:var(--space-2);margin-top:var(--space-5);flex-wrap:wrap}
.wheel-form input{flex:1;min-width:130px;padding:var(--space-3) var(--space-4);border-radius:var(--radius-sm);border:1px solid rgba(224,197,143,.3);background:rgba(16,33,52,.5);color:var(--ivory-50);font-family:inherit;min-height:48px}
.wheel-form input::placeholder{color:rgba(217,203,194,.6)}
.wheel-note{font-size:.72rem;color:var(--sand-200);margin-top:var(--space-3);text-align:center}
/* generic feature cards */
.cards3{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-5)}
@media(max-width:820px){.cards3{grid-template-columns:1fr 1fr}}
@media(max-width:520px){.cards3{grid-template-columns:1fr}}
.cards4{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-4)}
@media(max-width:820px){.cards4{grid-template-columns:1fr 1fr}}
@media(max-width:480px){.cards4{grid-template-columns:1fr}}
.fcard{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-e1);padding:var(--space-6)}
.fcard .ic{width:46px;height:46px;border-radius:var(--radius-md);background:linear-gradient(140deg,var(--n-100),var(--bg-sunken));display:flex;align-items:center;justify-content:center;margin-bottom:var(--space-4)}
.fcard .ic svg{width:24px;height:24px;stroke:var(--navy-800)}
.fcard .step{width:28px;height:28px;border-radius:var(--radius-pill);background:var(--navy-900);color:var(--gold-300);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.85rem;margin-bottom:var(--space-3)}
.fcard h3{font-size:1rem;margin-bottom:var(--space-2)}.fcard p{color:var(--text-secondary);font-size:.88rem}
/* tiers */
.tier-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-5)}
@media(max-width:820px){.tier-cards{grid-template-columns:1fr}}
.tcard{border:1px solid var(--border);border-radius:var(--radius-xl);overflow:hidden;box-shadow:var(--shadow-e1);background:var(--bg-elevated)}
.tcard .top{padding:var(--space-6);color:#fff;text-align:center}
.tcard.bronze .top{background:linear-gradient(140deg,#a9713f,#7d4f28)}
.tcard.silver .top{background:linear-gradient(140deg,#9aa7b5,#6f7d8c)}
.tcard.gold .top{background:linear-gradient(140deg,var(--gold-300),var(--gold-500))}
.tcard .top .medal{width:52px;height:52px;border-radius:50%;background:rgba(255,255,255,.18);display:flex;align-items:center;justify-content:center;margin:0 auto var(--space-3)}
.tcard .top .medal svg{width:28px;height:28px;stroke:#fff}
.tcard .top b{font-size:1.2rem}.tcard .top span{font-size:.78rem;opacity:.9;display:block}
.tcard ul{list-style:none;margin:0;padding:var(--space-5)}
.tcard li{display:flex;gap:var(--space-2);align-items:flex-start;font-size:.88rem;color:var(--text-secondary);padding:var(--space-2) 0}
.tcard li svg{width:17px;height:17px;stroke:var(--success);flex:none;margin-top:3px}
/* winners carousel */
.winners{display:flex;gap:var(--space-4);overflow-x:auto;padding-bottom:var(--space-3);scrollbar-width:none}
.winners::-webkit-scrollbar{display:none}
.wcard{flex:none;width:230px;background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-e1);padding:var(--space-5)}
.wcard .top{display:flex;align-items:center;gap:var(--space-3)}
.wcard .prize{margin-top:var(--space-3);display:inline-flex;align-items:center;gap:6px;font-size:.8rem;font-weight:700;color:var(--gold-text);background:rgba(137,111,61,.1);padding:4px 10px;border-radius:var(--radius-pill)}
.wcard .prize svg{width:14px;height:14px;stroke:var(--gold-500)}
.pill-tabs{display:flex;gap:var(--space-1);background:var(--bg-sunken);padding:4px;border-radius:var(--radius-pill);width:fit-content;margin-block:var(--space-5)}
.pill-tabs a{padding:var(--space-2) var(--space-5);border-radius:var(--radius-pill);font-weight:600;font-size:.9rem;color:var(--text-secondary)}
.pill-tabs a.on{background:var(--navy-900);color:var(--ivory-50)}