.topup-rewards{margin:24px 0;padding:28px;scroll-margin-top:24px}
#topupContent>#topupRewards{grid-column:1/-1;margin:0;min-width:0}
.reward-heading,.reward-actions{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}
.reward-heading h2{margin-bottom:8px;text-wrap:balance}
.reward-heading .eyebrow{margin-bottom:4px}
.reward-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:20px 0}
.reward-summary>div{padding:18px;background:var(--bg);border:1px solid var(--line);border-radius:10px;min-width:0}
.reward-summary span,.reward-summary strong{display:block}
.reward-summary span{color:#b5b8c3;font-size:13px}
.reward-summary strong{font-size:24px;color:var(--gold);font-variant-numeric:tabular-nums}
.topup-rewards progress{width:100%;height:9px;accent-color:var(--gold)}
.reward-milestones{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:20px 0}
.reward-milestone{padding:20px;border:1px solid var(--line);border-radius:12px;background:var(--bg);display:flex;flex-direction:column;min-width:0}
.reward-milestone.is-unlocked{border-color:#86623c;background:linear-gradient(145deg,#252018,var(--bg) 70%)}
.reward-milestone h3{font-size:22px;line-height:1.3;margin:0 0 6px;color:var(--gold)}
.reward-milestone p{margin-bottom:8px;overflow-wrap:anywhere}
.reward-milestone button{margin-top:auto;width:100%}
.reward-gift-section{margin:26px 0}
.reward-gift-section>h3{font-size:22px;color:var(--gold);margin-bottom:8px}
.reward-gifts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:16px}
.reward-gift-card h4{font-size:20px;line-height:1.4;color:var(--gold);margin:0 0 10px;text-wrap:balance}
.reward-gift-card fieldset{margin-top:auto;padding-top:16px}
.reward-gift-card button{margin-top:14px}
.reward-gift-items{margin:8px 0}
.reward-gift-items ul{padding-left:22px;margin:8px 0;overflow-wrap:anywhere}
.reward-gift-items li{margin-bottom:6px}
@media(max-width:700px){.reward-gifts{grid-template-columns:1fr}}
.reward-threshold{font-size:13px;color:#c8cbd4}
.reward-rights{font-weight:600}
.topup-rewards button,.topup-rewards input,.topup-rewards select{min-height:44px}
.topup-rewards button:disabled{cursor:not-allowed}
.topup-rewards fieldset{border:0;padding:0;margin:0;min-width:0}
.topup-rewards legend{font-weight:600;margin-bottom:12px}
.reward-field{display:flex;flex-direction:column;gap:6px;font-size:14px;font-weight:600;min-width:0;margin:0}
.reward-field input,.reward-field select{width:100%;min-width:0}
.reward-picker,.reward-materials,.reward-review,.reward-pending{padding:22px;border:1px solid var(--line);border-radius:12px;margin:20px 0}
.reward-picker{border-color:#86623c}
.reward-picker h3,.reward-materials h3,.reward-review h3{margin-top:0;font-size:19px}
.reward-choice-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:18px 0}
.reward-choice-grid .reward-field{background:var(--bg);padding:12px;border-radius:8px;border:1px solid var(--line)}
.reward-selection-total{font-size:16px;font-weight:600}
.reward-material-controls{display:grid;grid-template-columns:2fr 1fr;gap:14px}
.reward-material-list{margin:16px 0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.reward-material-list>div{padding:12px;border:1px solid var(--line);border-radius:8px;min-width:0}
.reward-material-list dt{font-size:13px;color:#b5b8c3;overflow-wrap:anywhere}
.reward-material-list dd{margin:4px 0 0;font-size:18px;font-weight:600;font-variant-numeric:tabular-nums}
.reward-message{color:#ffc8a3;margin:8px 0;white-space:normal;overflow-wrap:anywhere}
.reward-message:empty{display:none}
.reward-success{padding:16px;margin:16px 0;color:#b4f0ce;background:#15281f;border:1px solid #476f59;border-radius:8px}
.reward-review{border-color:var(--gold);background:#242016}
.reward-actions{justify-content:flex-start}
.reward-pending{border-color:#c08d59;background:#262119}
.reward-history,.reward-rules{border-top:1px solid var(--line);padding:18px 0}
.topup-rewards summary{cursor:pointer;min-height:44px;font-weight:600}
.reward-price-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.reward-price-grid p{padding:12px;background:var(--bg);border-radius:8px}
.reward-price-grid strong,.reward-price-grid span{display:block}
.topup-rewards .muted{color:#b5b8c3}
@media(max-width:1100px){.reward-milestones{grid-template-columns:repeat(2,minmax(0,1fr))}.reward-choice-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:600px){.topup-rewards{padding:18px}.reward-summary{grid-template-columns:1fr}.reward-summary>div{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:12px}.reward-summary strong{font-size:21px}.reward-milestones{grid-template-columns:1fr}.reward-choice-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.reward-picker,.reward-materials,.reward-review,.reward-pending{padding:14px}.reward-material-controls,.reward-price-grid,.reward-material-list{grid-template-columns:1fr}.reward-actions button{width:100%}}
@media(prefers-reduced-motion:reduce){.topup-rewards *{scroll-behavior:auto;transition:none!important;animation:none!important}}