.reward-dashboard{margin:4px 8px 18px;padding:18px 12px 14px;background:linear-gradient(180deg,#ffe8f0 0,#fff7fa 62%,#fff 100%);border-radius:22px;text-align:center;color:var(--navy)}
.reward-dashboard h2{margin:4px 0 6px;font-size:27px;line-height:1.15}.reward-dashboard-lead{margin:0 auto 14px;color:#80748a;font-size:14px;line-height:1.45}
.reward-total{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:center;gap:5px;margin:0 auto 14px;padding:9px 11px;background:#fff;border:1px dashed #efb7c9;border-radius:15px}.reward-total b{font-size:34px;color:#e84e7c;line-height:1}.reward-total span{font-size:14px;font-weight:700;color:#7c7180}.reward-total small{display:block;width:100%;font-size:11px;color:#c33d6e;margin-top:3px}
.reward-game-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.reward-game-card{min-width:0;min-height:142px;padding:10px 5px 9px;background:#fff;border:1px solid #efbfd0;border-radius:15px;display:flex;flex-direction:column;align-items:center;justify-content:flex-start}.reward-game-card.is-done{background:#fffafd;border-color:#e98bad}.reward-game-icon{height:43px;font-size:31px;line-height:1;margin-bottom:5px}.reward-game-card b{font-size:13px;line-height:1.15}.reward-game-card small{min-height:30px;margin-top:5px;color:#8c7d88;font-size:11px;line-height:1.3}.reward-game-card strong{margin-top:auto;color:#d34472;font-size:11px;line-height:1.2;text-align:center}.reward-game-card:not(.is-done) strong{color:#8e8490;font-weight:600}
.reward-summary-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin-top:13px;text-align:left}.reward-summary-card{min-width:0;padding:13px 10px;background:#fffaf0;border:1px dashed #e7c78f;border-radius:17px;display:flex;flex-direction:column;gap:5px}.reward-summary-card>span{font-size:12px;color:#877681;text-align:center}.reward-summary-card strong{font-size:30px;line-height:1.1;color:#e54b7c;text-align:center;overflow-wrap:anywhere}.reward-summary-card b{font-size:11px;line-height:1.35;color:var(--navy);text-align:center;overflow-wrap:anywhere}.reward-summary-card small{font-size:11px;line-height:1.4;color:#7d707d;text-align:center}.freeship-summary strong{font-size:24px}.reward-dashboard-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin-top:13px}.reward-dashboard-actions .btn{width:100%;margin:0;padding:11px 8px;font-size:13px;box-shadow:none}.reward-identity{margin:11px 2px 0;color:#7f7180;font-size:11px;line-height:1.5}
.rare-reward-card{margin-top:14px;padding:18px 12px 16px;background:linear-gradient(145deg,#fff7fb,#ffeaf3);border:1px solid #f1c1d3;border-radius:20px;box-shadow:0 5px 0 #fbe0e9}.rare-reward-card[hidden]{display:none}.rare-reward-gift{font-size:58px;line-height:1.1;animation:reward-gift-bob .9s ease-in-out infinite alternate}.rare-reward-card h3{margin:5px 0 3px;font-size:18px}.rare-reward-card p{margin:0 0 10px;color:#7f7180;font-size:13px}@keyframes reward-gift-bob{to{transform:translateY(-5px) rotate(4deg)}}
@media(max-width:390px){.reward-dashboard{margin-left:4px;margin-right:4px;padding:16px 8px 12px}.reward-dashboard h2{font-size:24px}.reward-dashboard-lead{font-size:13px}.reward-total{margin-bottom:12px}.reward-game-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.reward-game-card{min-height:118px;padding:9px 5px}.reward-game-icon{height:38px;font-size:28px}.reward-game-card b{font-size:12px}.reward-game-card small,.reward-game-card strong{font-size:10px}}
@media(max-width:350px){.reward-summary-grid,.reward-dashboard-actions{grid-template-columns:1fr}}

/* Reward screen aligned with the latest customer demo UI. */
.reward-current-card{margin:0 0 10px;padding:16px 12px 15px;background:#fff;border:2px solid var(--navy);border-radius:21px;position:relative}.reward-current-card:before,.reward-current-card:after{content:"";position:absolute;top:50%;width:21px;height:21px;background:#fff;border:2px solid var(--navy);border-radius:50%;transform:translateY(-50%)}.reward-current-card:before{left:-12px}.reward-current-card:after{right:-12px}.reward-current-card .eyebrow{margin:0;color:#e84e7c;font-size:12px;letter-spacing:1.5px}.reward-current-value{display:flex;align-items:baseline;justify-content:center;color:#e84e7c;margin:2px 0 0}.reward-current-value b{font-size:55px;line-height:1}.reward-current-value span{font-size:25px;font-weight:800}.reward-current-card h2{margin:0 auto 5px;font-size:22px;line-height:1.15;max-width:290px}.reward-current-card p{margin:0;color:#857788;font-size:12px;line-height:1.45}.reward-save-button{width:100%;margin:0;padding:11px 12px;font-size:13px;box-shadow:none;background:#fff;color:var(--navy);border:1px solid #f0bfd0}.reward-save-button-bottom{margin-top:14px;background:#e9527e;color:#fff;border:0;box-shadow:0 5px 0 #c63b61}.reward-expiry-note{margin:8px 8px 13px;color:#857788;font-size:10px;line-height:1.45}.rare-reward-card{padding:16px 12px 14px;background:linear-gradient(145deg,#fff7fb,#ffeaf3);border:1px solid #f0d2df;box-shadow:none;text-align:center}.rare-reward-heading{font-size:20px;font-weight:800}.rare-reward-subtitle{margin:5px 0 12px;color:var(--navy);font-size:14px}.rare-reward-ticket{padding:17px 10px 15px;background:#fff9fd;border:1px solid #fff;border-radius:20px;box-shadow:0 8px 20px #eebbd033}.rare-reward-ticket .rare-reward-gift{font-size:34px;line-height:1}.rare-reward-ticket h3{margin:7px 0 4px;font-size:16px}.rare-reward-ticket strong{display:block;color:#e84e7c;font-size:29px;line-height:1.1}.rare-reward-ticket p{margin:8px 0 0;color:#8a7784;font-size:12px}.rare-reward-card>.btn{margin-top:13px;width:100%;padding:11px}.reward-next-card,.reward-shop-card{margin-top:13px;padding:14px 12px;border-radius:20px;text-align:center}.reward-next-card{background:#fff1d2}.reward-shop-card{background:#1d158d;color:#fff}.reward-next-card h3,.reward-shop-card h3{margin:0 0 6px;font-size:16px;line-height:1.25}.reward-next-card p,.reward-shop-card p{margin:0 0 11px;font-size:12px;line-height:1.45}.reward-next-card .btn,.reward-shop-card .btn{width:100%;margin:0;padding:11px 9px;font-size:13px;box-shadow:0 4px 0 #c63b61}.reward-shop-card .btn{background:#f5cada;color:#1d158d;box-shadow:none}.reward-identity{margin:12px 8px 0;font-size:11px;line-height:1.45}.reward-dashboard-actions{margin-top:12px}.reward-dashboard-actions .btn{border-radius:22px}.reward-dashboard-actions .btn.navy{background:#1d158d;color:#fff}.reward-dashboard:has(.rare-reward-card[hidden]) .reward-next-card{margin-top:15px}
@media(max-width:390px){.reward-current-card h2{font-size:20px}.reward-current-value b{font-size:50px}.reward-next-card,.reward-shop-card{padding:13px 10px}.reward-dashboard-actions{gap:8px}.reward-dashboard-actions .btn{font-size:12px;padding:10px 6px}}
.rare-box-button{width:100%;display:flex;flex-direction:column;align-items:center;gap:4px;padding:16px 10px 14px;background:#fff9fd;border:1px solid #fff;border-radius:20px;color:var(--navy);cursor:pointer;box-shadow:0 8px 20px #eebbd033}.rare-box-button:active{transform:translateY(1px)}.rare-box-art{width:126px;height:92px;margin:5px auto 8px;position:relative;display:block;border-radius:12px 12px 22px 22px;background:linear-gradient(90deg,#ef4d83 0 42%,#d9f025 42% 58%,#ef4d83 58%);box-shadow:0 8px 0 #d63b69,0 10px 12px #eaaac855;animation:rare-box-bob 1.1s ease-in-out infinite alternate}.rare-box-art:before{content:"";position:absolute;left:-8px;right:-8px;top:-12px;height:26px;border-radius:10px;background:linear-gradient(90deg,#ff8eb0 0 42%,#d9f025 42% 58%,#ff8eb0 58%);box-shadow:0 4px 0 #de4d7c}.rare-box-art:after{content:"";position:absolute;left:50%;top:-39px;width:45px;height:38px;transform:translateX(-50%);border:8px solid #ff8eb0;border-bottom:0;border-radius:35px 35px 0 0;filter:drop-shadow(0 2px 0 #de4d7c)}.rare-box-art i{display:none}.rare-box-button b{font-size:17px}.rare-box-button small{font-size:12px;color:#8a7784}@keyframes rare-box-bob{to{transform:translateY(-6px) rotate(3deg)}}.rare-reward-ticket[hidden],.rare-box-button[hidden]{display:none}.rare-reward-ticket{animation:rare-ticket-in .35s ease-out}@keyframes rare-ticket-in{from{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}
@media(prefers-reduced-motion:reduce){.rare-box-art{animation:none}.rare-reward-ticket{animation:none}}

/* The new reward dashboard replaces the legacy gift/result presentation.
   Keep the legacy nodes in DOM because existing claim/share scripts still reference them. */
#s-reward>#rwIntro,#s-reward>#rbox,#s-reward>#result{display:none!important}
.rare-reward-card{padding:18px 12px 16px}.rare-preview-box{width:126px;height:92px;margin:52px auto 22px;position:relative;border-radius:12px 12px 22px 22px;background:linear-gradient(90deg,#ef4d83 0 42%,#d9f025 42% 58%,#ef4d83 58%);box-shadow:0 8px 0 #d63b69,0 10px 12px #eaaac855;animation:rare-box-bob 1.1s ease-in-out infinite alternate}.rare-preview-box:before{content:"";position:absolute;left:-8px;right:-8px;top:-12px;height:26px;border-radius:10px;background:linear-gradient(90deg,#ff8eb0 0 42%,#d9f025 42% 58%,#ff8eb0 58%);box-shadow:0 4px 0 #de4d7c}.rare-preview-box:after{content:"";position:absolute;left:50%;top:-39px;width:45px;height:38px;transform:translateX(-50%);border:8px solid #ff8eb0;border-bottom:0;border-radius:35px 35px 0 0;filter:drop-shadow(0 2px 0 #de4d7c)}.rare-reward-copy{max-width:330px;margin:0 auto 14px!important;color:var(--navy)!important;font-size:13px!important;line-height:1.5}.rare-catch-button{width:auto!important;min-width:190px;padding:12px 18px!important;background:#e9527e;color:#fff;box-shadow:0 5px 0 #c63b61!important}.rare-reward-card #rareRewardPending[hidden],.rare-reward-card #rareRewardUnopened[hidden],.rare-reward-card #rareRewardOpened[hidden]{display:none!important}
.reward-dashboard.has-rare:not(.rare-opened) .reward-next-card,.reward-dashboard.has-rare:not(.rare-opened) .reward-shop-card,.reward-dashboard.has-rare:not(.rare-opened) .reward-save-button-bottom,.reward-dashboard.has-rare:not(.rare-opened) .reward-identity,.reward-dashboard.has-rare:not(.rare-opened) .reward-dashboard-actions{display:none}
.reward-dashboard.rare-opened .reward-next-card,.reward-dashboard.rare-opened .reward-shop-card{display:none}

/* Reward screen refresh: compact, airy mobile layout matching the latest customer UI. */
#s-reward{padding:0 12px 34px!important;background:linear-gradient(180deg,#fff0f5 0,#fff8fb 42%,#fff 100%)}
#s-reward>.logo{height:46px;margin:10px auto 18px!important}
#s-reward .reward-dashboard{margin:0;padding:0 4px 24px;background:transparent;border-radius:0}
#s-reward .reward-current-card{margin:0 0 10px;padding:14px 12px 16px;border-radius:20px;border-width:2px;background:#fff}
#s-reward .reward-current-card .eyebrow{font-size:11px;letter-spacing:1.7px}
#s-reward .reward-current-value{margin:1px 0 2px}
#s-reward .reward-current-value b{font-size:52px}
#s-reward .reward-current-value span{font-size:23px}
#s-reward .reward-current-card h2{font-size:21px;max-width:270px;margin:0 auto 5px}
#s-reward .reward-current-card p{font-size:12px;line-height:1.4}
#s-reward .reward-save-button{padding:10px 12px;border-radius:22px;font-size:12px}
#s-reward .reward-expiry-note{margin:8px 8px 12px;font-size:10px}
#s-reward .reward-game-grid{gap:6px}
#s-reward .reward-game-card{min-height:121px;padding:8px 4px 8px;border-radius:14px}
#s-reward .reward-game-icon{height:39px;font-size:27px;margin-bottom:4px}
#s-reward .reward-game-card b{font-size:12px}
#s-reward .reward-game-card small,#s-reward .reward-game-card strong{font-size:10px}
#s-reward .reward-summary-grid{gap:8px;margin-top:12px}
#s-reward .reward-summary-card{min-height:177px;padding:12px 8px;border-radius:16px;gap:5px}
#s-reward .reward-summary-card>span{font-size:11px}
#s-reward .reward-summary-card strong{font-size:30px}
#s-reward .reward-summary-card b,#s-reward .reward-summary-card small{font-size:10px;line-height:1.4}
#s-reward .rare-reward-card{margin-top:14px;padding:18px 12px 20px;border-radius:20px;background:linear-gradient(145deg,#fff9fc,#ffeaf4);border-color:#f1d9e4;box-shadow:none}
#s-reward .rare-reward-heading{font-size:20px}
#s-reward .rare-reward-subtitle{margin:5px 0 14px;font-size:14px}
#s-reward .rare-preview-box{width:138px;height:100px;margin:54px auto 25px}
#s-reward .rare-reward-copy{font-size:13px!important;max-width:320px}
#s-reward .rare-catch-button{min-width:226px;border-radius:18px!important}
#s-reward .rare-box-button{padding:14px 10px 16px;border-radius:20px}
#s-reward .rare-box-art{width:138px;height:100px;margin:12px auto 16px}
#s-reward .rare-box-button b{font-size:17px}
#s-reward .rare-reward-ticket{padding:20px 10px 18px;border-radius:19px}
#s-reward .rare-reward-ticket strong{font-size:31px}
#s-reward .rare-reward-card.rare-opened{}
#s-reward .reward-next-card,#s-reward .reward-shop-card{margin-top:14px;border-radius:18px}
#s-reward .reward-save-button-bottom{margin-top:14px}
@media(max-width:390px){
  #s-reward{padding-left:8px!important;padding-right:8px!important}
  #s-reward>.logo{height:42px;margin-bottom:15px!important}
  #s-reward .reward-current-card h2{font-size:20px}
  #s-reward .reward-game-card{min-height:118px}
  #s-reward .reward-summary-card{min-height:170px}
}
/* Rare reward opening flow */
.rare-reward-card[hidden]{display:none!important}
.rare-open-modal{position:fixed;inset:0;z-index:1000;display:grid;place-items:center;padding:18px;background:rgba(10,17,128,.34);backdrop-filter:blur(5px)}
.rare-open-modal[hidden]{display:none}
.rare-open-dialog{width:min(100%,360px);box-sizing:border-box;padding:26px 20px 24px;text-align:center;border:1px solid #fff;border-radius:26px;background:linear-gradient(145deg,#fff9fb,#ffeef6);box-shadow:0 18px 50px rgba(10,17,128,.22);color:#0a1180;position:relative}
.rare-open-dialog p{margin:8px 20px 16px;color:#806779;font-size:13px;line-height:1.45}
.rare-open-heading{font-size:22px;font-weight:850}
.rare-open-close{position:absolute;right:12px;top:10px;border:0;background:transparent;color:#0a1180;font-size:26px;line-height:1;cursor:pointer}
.rare-open-gift{border:0;background:transparent;cursor:pointer;padding:8px 22px;color:#0a1180}
.rare-open-gift:disabled{cursor:default}
.rare-open-gift .rare-box-art{display:block;margin:auto;width:150px;height:130px;transform-origin:50% 85%;transition:transform .32s ease}
.rare-open-gift.is-opening .rare-box-art{animation:rare-open-pop .8s ease forwards}
.rare-open-result{display:grid;gap:7px;margin-top:10px;padding:16px;border-radius:18px;background:rgba(255,255,255,.72);border:1px solid #f4c8d7}
.rare-open-result b{font-size:14px}.rare-open-result strong{font-size:30px;color:#e84f7d}.rare-open-result small{color:#806779}
@keyframes rare-open-pop{0%{transform:scale(1) rotate(0)}45%{transform:scale(1.12) rotate(-4deg)}100%{transform:scale(.9) translateY(-12px) rotate(3deg);opacity:.25}}