.rewards-nav { display:flex; gap:30px; border-bottom:1px solid #343842; margin:0 0 26px; }
.rewards-nav button { position:relative; border:0; background:none; color:#9ea4b0; font:16px var(--font-body); padding:17px 0; cursor:pointer; min-height:52px; }
.rewards-nav button[aria-selected="true"] { color:#f7f4f1; }
.rewards-nav button[aria-selected="true"]::after { content:""; height:3px; position:absolute; inset:auto 0 -1px; background:var(--accent); border-radius:3px 3px 0 0; }
.rewards-nav button span { color:var(--accent); margin-left:8px; }
.rewards-nav button:focus-visible,.rewards-to-cases:focus-visible { outline:2px solid var(--accent); outline-offset:5px; }
.rewards-view #tg-banner { display:none!important; }
.rewards-panel { padding:10px 0 30px; color:#f4f3f0; }
.rewards-panel h1,.rewards-panel h2,.rewards-panel h3,.rewards-panel p,.rewards-panel figure { margin:0; }
.rewards-eyebrow { font:11px/1.5 var(--font-body); letter-spacing:.13em; text-transform:uppercase; color:var(--accent); }
.rewards-heading { display:flex; justify-content:space-between; align-items:flex-end; gap:24px; margin:12px 0 32px; }
.rewards-heading h1 { font:clamp(32px,3.7vw,51px)/1.08 var(--font-title); letter-spacing:-.025em; margin:14px 0 15px; text-wrap:balance; }
.rewards-heading>div>p:last-child { color:#adb4c0; font:16px/1.5 var(--font-regular); max-width:570px; }
.rewards-to-cases { color:var(--accent); padding:13px 0 13px 18px; flex-shrink:0; border:0; background:none; cursor:pointer; font:14px var(--font-body); }
.rewards-to-cases:hover { color:var(--accent-hover); }
.rewards-to-cases span { margin-left:16px; }
.rewards-streak { position:relative; display:grid; grid-template-columns:1.2fr .8fr; padding:38px 40px 24px; border:1px solid var(--panel-border); border-radius:var(--panel-radius); background:radial-gradient(ellipse at 83% 20%,#be7f3b12,transparent 52%),linear-gradient(115deg,#262831,#1e222a); overflow:hidden; }
.rewards-streak h2 { font:clamp(27px,3vw,38px)/1.12 var(--font-heading); margin:14px 0 16px; }
.rewards-explainer { font:15px/1.5 var(--font-regular); color:#bfc2cc; max-width:430px; }
.rewards-current { display:flex; gap:18px; align-items:center; margin-top:22px; }
.rewards-current>strong { font:60px/.95 var(--font-title); color:var(--accent); font-variant-numeric:tabular-nums; }
.rewards-current>span { font:16px/1.4 var(--font-body); }
.rewards-current small { display:block; font:12px/1.4 var(--font-regular); color:#b7bac4; margin-top:5px; }
.rewards-streak-art { position:relative; justify-self:center; align-self:center; width:min(100%,290px); }
.rewards-streak-art::before { content:""; position:absolute; inset:20%; background:#c77d3926; filter:blur(35px); border-radius:50%; }
.rewards-streak-art img { width:100%; height:auto; position:relative; display:block; filter:drop-shadow(0 15px 18px #0005); }
.rewards-streak-art figcaption { position:relative; text-align:center; color:#dbd1c6; font:12px/1.4 var(--font-body); margin-top:-18px; }
.rewards-milestones { grid-column:1/-1; display:grid; grid-template-columns:repeat(auto-fit,minmax(100px,1fr)); list-style:none; padding:0; margin:36px 0 0; }
.rewards-milestones li { position:relative; min-width:0; padding:0 5px 0 0; display:flex; flex-direction:column; align-items:flex-start; }
.rewards-milestones li::after { content:""; position:absolute; top:70px; left:30px; right:0; height:1px; background:#4b4c54; }
.rewards-milestones li:last-child::after { display:none; }
.milestone-number { font:25px var(--font-title); color:#bac0ca; font-variant-numeric:tabular-nums; }
.milestone-number small { font:10px var(--font-regular); margin-left:5px; }
.milestone-mark { display:grid; place-items:center; width:26px; height:26px; border:1px solid #60616a; border-radius:50%; margin:15px 0 12px; font-size:16px; color:#aeb3bf; }
.rewards-milestones b { font-size:11px; line-height:1.4; }
.rewards-milestones li>small { color:#9097a5; font:10px/1.4 var(--font-regular); margin-top:5px; max-width:95px; }
.rewards-milestones .is-next .milestone-mark { background:var(--accent); border-color:var(--accent); color:#28221c; box-shadow:none; }
.rewards-milestones .is-next .milestone-number,.rewards-milestones .is-next>small { color:var(--accent); }
.rewards-milestones .is-awarded .milestone-mark { color:#9bc6ae; border-color:#547563; background:#34523d22; }
.rewards-footnote { grid-column:1/-1; color:#9ca3af; font:12px/1.55 var(--font-regular); border-top:1px solid #ffffff0a; padding-top:19px; margin-top:24px!important; }
.rewards-month { margin-top:42px; }
.rewards-section-heading { display:flex; justify-content:space-between; align-items:flex-end; gap:24px; margin-bottom:24px; }
.rewards-section-heading h2 { font:30px/1.15 var(--font-heading); margin:10px 0; }
.rewards-section-heading p:not(.rewards-eyebrow) { font:14px/1.5 var(--font-regular); color:#aeb4c1; max-width:490px; }
.rewards-month-total { text-align:right; flex-shrink:0; }
.rewards-month-total span { display:block; font:12px/1.5 var(--font-regular); color:#a5acb9; }
.rewards-month-total strong { display:block; font:31px/1.2 var(--font-title); margin:5px 0; font-variant-numeric:tabular-nums; }
.rewards-month-total small { color:var(--accent); font:12px var(--font-regular); }
.rewards-tiers { border-top:1px solid #373b45; }
.reward-tier { display:grid; grid-template-columns:145px 1fr; align-items:center; gap:28px; padding:15px 26px 15px 12px; border-bottom:1px solid #373b45; }
.reward-tier img { width:145px; height:145px; object-fit:contain; }
.reward-tier-main { min-width:0; }
.reward-tier-title { display:flex; justify-content:space-between; align-items:center; gap:16px; }
.reward-tier-title h3 { font:26px var(--font-title); letter-spacing:.03em; }
.reward-tier-title>span { font:11px var(--font-regular); color:#969eac; }
.reward-tier.is-reached .reward-tier-title>span { color:var(--accent); }
.reward-tier p { font:14px/1.5 var(--font-regular); color:#aeb4c1; margin:7px 0 13px; }
.reward-tier p b { color:#e1e3e8; font-family:var(--font-body); }
.reward-tier progress { appearance:none; display:block; width:100%; height:5px; border:0; border-radius:4px; background:#333842; overflow:hidden; }
.reward-tier progress::-webkit-progress-bar { background:#333842; }
.reward-tier progress::-webkit-progress-value { background:var(--accent); border-radius:4px; }
.reward-tier progress::-moz-progress-bar { background:var(--accent); }
.reward-tier-bottom { display:flex; justify-content:space-between; gap:12px; margin-top:8px; font:11px/1.4 var(--font-regular); color:#9ca4b2; font-variant-numeric:tabular-nums; }
.rewards-details { display:grid; grid-template-columns:1fr 1fr 1fr; gap:30px; padding:32px 0 0; }
.rewards-details h3 { font:15px var(--font-body); margin-bottom:10px; }
.rewards-details p { font:13px/1.6 var(--font-regular); color:#a3acba; }
.rewards-updated { font:11px/1.5 var(--font-regular); color:#8d97a5; margin-top:28px!important; }
.rewards-loading { padding:70px 24px; font:16px var(--font-regular); color:#aeb4c1; text-align:center; border:1px solid #343842; border-radius:12px; }
@media(max-width:700px) {
  .rewards-nav { gap:22px; margin-bottom:18px; }.rewards-nav button { font-size:14px; }.rewards-nav button span { display:none; }
  .rewards-heading { display:block; margin-bottom:22px; }.rewards-heading h1 { font-size:34px; }.rewards-heading>div>p:last-child { font-size:14px; }.rewards-to-cases { padding:14px 0 0; }
  .rewards-streak { padding:25px 21px 20px; grid-template-columns:1fr; }.rewards-streak-art { position:absolute; width:140px; right:3px; top:8px; opacity:.7; }.rewards-streak-art figcaption { display:none; }.rewards-streak-copy { position:relative; z-index:1; }.rewards-streak h2 { font-size:28px; max-width:72%; }.rewards-explainer { margin-top:20px!important; max-width:100%; }.rewards-streak .rewards-eyebrow { font-size:10px; }
  .rewards-milestones { grid-template-columns:repeat(4,minmax(0,1fr)); row-gap:25px; margin-top:28px; }.rewards-milestones li:nth-child(4)::after { display:none; }.rewards-milestones b { font-size:10px; }.rewards-milestones li>small { font-size:10px; }.milestone-number { font-size:22px; }.milestone-number small { display:block; margin-left:0; }.rewards-milestones li::after { top:78px; }
  .rewards-section-heading { display:block; }.rewards-section-heading h2 { font-size:27px; }.rewards-month-total { text-align:left; margin-top:20px; }.rewards-month-total strong { font-size:29px; }
  .reward-tier { grid-template-columns:82px 1fr; padding:18px 0; gap:14px; }.reward-tier img { width:82px; height:100px; }.reward-tier-title { align-items:flex-start; flex-direction:column; gap:4px; }.reward-tier-title h3 { font-size:23px; }.reward-tier p { font-size:12px; }.reward-tier-bottom { flex-direction:column; gap:3px; }.rewards-details { grid-template-columns:1fr; gap:22px; }.rewards-updated { font-size:10px; }
}
@media(prefers-reduced-motion:reduce) { .reward-tier { transition:none; } }

@media(max-width:700px) { .rewards-streak-art { width:100px; right:10px; top:14px; } .rewards-streak h2 { max-width:calc(100% - 100px); } }