/* Third wheel: isolated from the two existing menu pickers. */
.rewards-card{grid-column:1/-1;display:grid;grid-template-columns:minmax(0,1fr) minmax(300px,.95fr);gap:clamp(1.5rem,4vw,4rem);align-items:start;padding:clamp(1.5rem,4vw,3.25rem);border:2px solid var(--navy);border-radius:30px;background:var(--paper);color:var(--navy);box-shadow:0 15px 40px -25px #0e3a5255;scroll-margin-top:calc(var(--header-h,100px) + 24px)}
.rewards-copy h3{font:800 clamp(2.2rem,4vw,3.5rem)/1.04 var(--font-display);margin:.7rem 0 1rem;text-wrap:balance;max-width:14ch}
.rewards-intro{max-width:43ch;line-height:1.7}
.rewards-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.6rem;list-style:none;padding:0;margin:1.4rem 0}
.rewards-options li{display:flex;align-items:center;gap:.5rem;padding:.75rem .85rem;border:1px solid #0e3a5230;background:var(--sky);border-radius:12px;font-weight:700;font-size:.94rem;line-height:1.35}
.rewards-options li::before{content:'✓';color:var(--navy);font-weight:800}
.rewards-rules{border-left:4px solid var(--sun);padding:.8rem 1rem;background:#fff6d6;font-size:.87rem;line-height:1.65;margin:1.2rem 0 .7rem;border-radius:0 12px 12px 0}
.rewards-hint{font-size:.82rem;line-height:1.6;max-width:52ch}
.rewards-interactive{min-width:0;text-align:center}
.rewards-wheel{--reward-size:min(340px,36vw);--reward-turn:0deg;position:relative;width:var(--reward-size);aspect-ratio:1;margin:1rem auto 1.5rem;isolation:isolate}
.rewards-disc{position:absolute;inset:0;border-radius:50%;border:5px solid var(--paper);background:conic-gradient(var(--navy) 0deg 71.5deg,var(--paper) 71.5deg 72deg,var(--sun) 72deg 143.5deg,var(--paper) 143.5deg 144deg,var(--sky) 144deg 215.5deg,var(--paper) 215.5deg 216deg,#fff4c5 216deg 287.5deg,var(--paper) 287.5deg 288deg,#9fd9ed 288deg 359.5deg,var(--paper) 359.5deg 360deg);box-shadow:0 0 0 3px var(--navy),0 14px 25px -15px #0e3a5280;transform:rotate(var(--reward-turn));transition:transform 2.6s cubic-bezier(.13,.72,.16,1)}
.rewards-label{position:absolute;left:50%;top:50%;width:28%;display:flex;flex-direction:column;align-items:center;justify-content:center;line-height:1.05;transform:translate(-50%,-50%) rotate(var(--angle)) translateY(calc(var(--reward-size) * -.3)) rotate(calc(var(--angle) * -1 - var(--reward-turn)));transition:transform 2.6s cubic-bezier(.13,.72,.16,1)}
.rewards-label:first-child{color:var(--paper)}
.rewards-label strong{font:800 clamp(1.65rem,4vw,2.35rem)/1 var(--font-display);font-variant-numeric:tabular-nums}
.rewards-label small{font-size:clamp(.63rem,1.2vw,.8rem);font-weight:800;margin-top:.3rem;letter-spacing:.04em;white-space:nowrap}
.rewards-pointer{position:absolute;z-index:3;left:50%;top:-17px;transform:translateX(-50%);width:34px;height:42px;display:grid;place-items:center;color:var(--navy);font-size:34px;line-height:1;filter:drop-shadow(0 2px 0 var(--paper));pointer-events:none}
.rewards-hub{position:absolute;z-index:2;left:50%;top:50%;transform:translate(-50%,-50%);width:27%;aspect-ratio:1;min-width:64px;border-radius:50%;border:5px solid var(--paper);outline:2px solid var(--navy);background:var(--navy);color:var(--paper);font:800 clamp(.9rem,1.8vw,1.15rem)/1 var(--font-display);cursor:pointer;box-shadow:0 4px 8px #0e3a5238;transition:background-color .18s,color .18s}
.rewards-hub:hover{background:var(--sun);color:var(--navy)}
.rewards-hub:focus-visible{outline:4px solid var(--red);outline-offset:4px}
.rewards-hub[aria-disabled=true]{cursor:wait}
.rewards-hub:disabled{cursor:default;opacity:.65}
.rewards-status{font-size:.88rem;line-height:1.5;min-height:2.8em;max-width:37ch;margin:.8rem auto 0}
.rewards-ticket{position:relative;padding:1.2rem;border:2px dashed var(--navy);border-radius:20px;background:var(--sky);margin:1rem auto 0;max-width:390px}
.rewards-ticket[hidden]{display:none!important}
.rewards-ticket:focus-visible{outline:3px solid var(--navy);outline-offset:4px}
.rewards-ticket .eyebrow{font-size:.68rem;letter-spacing:.17em}
.rewards-value{display:block;font:800 clamp(1.8rem,3vw,2.6rem)/1.08 var(--font-display);margin:.6rem 0;text-wrap:balance}
.rewards-ticket time{display:block;font-size:.8rem;font-weight:700;font-variant-numeric:tabular-nums;margin:.7rem 0}
.rewards-ticket p{font-size:.83rem;line-height:1.55;margin:.65rem 0}
.rewards-ticket a{display:inline-flex;align-items:center;min-height:44px;font-weight:700;text-decoration:underline;text-underline-offset:4px}
.rewards-wheel--still .rewards-disc,.rewards-wheel--still .rewards-label,.reduce-motion .rewards-disc,.reduce-motion .rewards-label,.motion-paused .rewards-disc,.motion-paused .rewards-label{transition:none}
@media(max-width:900px){.rewards-card{grid-template-columns:minmax(0,1fr);gap:1.2rem}.rewards-copy h3{max-width:20ch}.rewards-intro{max-width:60ch}.rewards-options{grid-template-columns:repeat(4,minmax(0,1fr))}.rewards-options li{font-size:.84rem;padding:.7rem}.rewards-interactive{max-width:430px;width:100%;margin-inline:auto}.rewards-wheel{--reward-size:min(340px,70vw)}}
@media(max-width:640px){.rewards-card{padding:1.5rem 1.1rem;border-radius:24px}.rewards-options{grid-template-columns:repeat(2,minmax(0,1fr))}.rewards-copy h3{font-size:2.25rem}.rewards-wheel{--reward-size:min(290px,calc(100vw - 7.5rem));margin-top:1.6rem}.rewards-label strong{font-size:1.8rem}.rewards-label small{font-size:.65rem}.rewards-hub{font-size:.9rem}.rewards-status{font-size:.85rem}.rewards-ticket{padding:1rem}.rewards-value{font-size:2rem}}
@media(prefers-reduced-motion:reduce){.rewards-disc,.rewards-label,.rewards-hub{transition:none}}
@media print{.rewards-hub{display:none}.rewards-card{break-inside:avoid;box-shadow:none}}

