/* Rewards destination pages, preview only. */
#app .rewards-redesign{max-width:1450px;padding-top:24px;color:#f5f7f0}
#app .rewards-nav{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;margin-bottom:18px}
#app .rewards-nav a{min-width:0;display:flex;align-items:center;justify-content:center;gap:10px;padding:12px 14px;border:1px solid #ffffff1c;border-radius:10px;background:#1b2530;color:#b9c7ca;font-size:.79rem;font-weight:800;transition:background .2s,border-color .2s,transform .2s}
#app .rewards-nav a:hover{transform:translateY(-2px);border-color:#a9ef3e88;color:#fff}
#app .rewards-nav a.active{background:#25351f;border-color:#a9ef3e;color:#d9ffaf}
#app .rewards-nav .reward-mark{width:24px;height:24px}
#app .rewards-new-hero{position:relative;min-height:325px;display:flex;align-items:center;overflow:hidden;border:1px solid #ffffff26;border-radius:17px;background-color:#17221e}
#app .rewards-new-hero:after{content:'';position:absolute;right:-90px;bottom:-230px;width:480px;height:480px;border:1px solid #c3ff8a22;border-radius:50%;box-shadow:0 0 0 62px #a9ef3e0a,0 0 0 130px #a9ef3e07;pointer-events:none}
#app .rewards-overview-hero{background:linear-gradient(90deg,#142018 0%,#142018f5 35%,#14201875 67%,#14201824 100%),url('./assets/preview-2026-10/rewards-hero.png') right center/cover no-repeat,#142018}
#app .vip-new-hero{background:linear-gradient(90deg,#122018 0%,#122018ed 37%,#12201852 70%,#1220180c 100%),url('./assets/preview-2026-10/vip-rewards.png') right center/cover no-repeat,#122018}
#app .daily-new-hero{background:radial-gradient(circle at 76% 47%,#a9ef3e35,transparent 36%),linear-gradient(105deg,#153027,#123329 60%,#23391d)}
#app .weekly-new-hero{background:radial-gradient(circle at 76% 46%,#5bdcc527,transparent 34%),linear-gradient(105deg,#14242b,#173139 62%,#1a3329)}
#app .rewards-new-hero-copy{position:relative;z-index:2;max-width:610px;padding:36px 48px}
#app .rewards-new-hero h1{margin:11px 0 15px;font:700 clamp(3.4rem,5.5vw,5.5rem)/.98 Oswald,Impact,sans-serif;letter-spacing:-.035em;text-transform:uppercase}
#app .rewards-new-hero h1 em{font-style:normal;color:#bbfa73}
#app .rewards-new-hero p{max-width:425px;margin:0 0 21px;color:#d8e4dc;font-size:.94rem;line-height:1.5}
#app .rewards-hero-tag{position:absolute;right:25px;bottom:20px;z-index:2;color:#e6f4e099;font-size:.63rem;font-weight:900;letter-spacing:.2em}
#app .reward-section-head{display:flex;align-items:end;justify-content:space-between;gap:20px;margin:31px 0 15px}
#app .reward-section-head h2{margin:5px 0 0;font-size:1.55rem}
#app .reward-section-head p{max-width:350px;margin:0;color:#aebdc1;font-size:.79rem}
#app .reward-destination-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
#app .reward-destination{min-height:250px;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden;position:relative;padding:20px;border:1px solid #ffffff25;border-radius:13px;transition:transform .22s,border-color .22s,box-shadow .22s}
#app .reward-destination:hover{transform:translateY(-4px);border-color:#bafa78;box-shadow:0 15px 30px #0004}
#app .daily-destination{background:radial-gradient(circle at 85% 28%,#b4ff6959,transparent 34%),linear-gradient(145deg,#28442a,#172821)}
#app .weekly-destination{background:radial-gradient(circle at 83% 23%,#45c7c657,transparent 35%),linear-gradient(145deg,#1a4650,#17252d)}
#app .vip-destination{background:radial-gradient(circle at 86% 25%,#a1bbff52,transparent 35%),linear-gradient(145deg,#303352,#1e2636)}
#app .race-destination{background:radial-gradient(circle at 84% 24%,#f1c85c57,transparent 35%),linear-gradient(145deg,#52432b,#30271d)}
#app .reward-destination-top{display:flex;align-items:start;justify-content:space-between}
#app .reward-destination-top .reward-mark{width:42px;height:42px;color:#e6ffbd}
#app .reward-destination-top b{font-size:.64rem;letter-spacing:.1em;color:#ffffff92}
#app .reward-destination-body{display:grid;gap:8px;margin-top:28px}
#app .reward-destination-body small{font-size:.61rem;letter-spacing:.16em;font-weight:900;color:#c5efaf}
#app .reward-destination-body strong{font-size:1.3rem;line-height:1.1;color:#fff}
#app .reward-destination-body>span{font-size:.77rem;color:#d1dcd4;line-height:1.45}
#app .reward-destination-cta{display:flex;justify-content:space-between;align-items:center;margin-top:22px;padding-top:12px;border-top:1px solid #ffffff31;color:#efffdb;font-size:.73rem;font-weight:800}
#app .reward-destination-cta b{font-size:1rem}
#app .reward-overview-access,#app .reward-related{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:20px;padding:23px 27px;background:#1b2630;border:1px solid #ffffff20;border-radius:12px}
#app .reward-overview-access h2,#app .reward-related h2{margin:5px 0 4px;font-size:1.25rem}
#app .reward-overview-access p{margin:0;color:#aebdc1;font-size:.8rem}
#app .reward-overview-access .outline,#app .reward-related .outline{flex:none}
#app .reward-detail-grid{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(290px,.8fr);gap:14px;margin-top:18px}
#app .reward-main-panel,#app .reward-account{min-width:0;background:#1b2630;border:1px solid #ffffff20;border-radius:13px;padding:26px}
#app .reward-panel-heading h2{margin:7px 0;font-size:1.6rem}
#app .reward-panel-heading p{margin:0;color:#acbec3;font-size:.82rem}
#app .reward-day-strip{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:8px;margin:26px 0}
#app .reward-day-strip>span{height:104px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:9px;border:1px solid #ffffff1d;border-radius:10px;background:#121c24;color:#9db0b3}
#app .reward-day-strip>span.featured{border-color:#b6f674;background:#233820;color:#e5ffd0}
#app .reward-day-strip small{font-size:.62rem;font-weight:900;letter-spacing:.08em}
#app .reward-day-strip b{color:#9db0b3;font-size:1.1rem}
#app .reward-day-strip .featured b{color:#b9f67e}
#app .reward-empty-state{display:flex;align-items:center;gap:17px;padding:20px;border:1px dashed #b9f67450;border-radius:11px;background:#a9ef3e0a}
#app .reward-empty-state .reward-mark{width:38px;height:38px}
#app .reward-empty-state strong{font-size:.9rem}
#app .reward-empty-state p{margin:4px 0 0;color:#aebdc1;font-size:.75rem}
#app .reward-account{display:flex;flex-direction:column;background:radial-gradient(circle at 100% 0%,#b3f66a20,transparent 35%),#17232b}
#app .reward-account-top{display:flex;align-items:center;gap:10px}
#app .reward-account-symbol{display:grid;place-items:center;width:34px;height:34px;color:#bafa7a}
#app .reward-account-symbol svg{width:28px;height:28px}
#app .reward-account h2{margin:22px 0 8px;font-size:1.25rem}
#app .reward-account p{color:#b5c3c5;font-size:.78rem;line-height:1.5}
#app .reward-account-rule{display:flex;justify-content:space-between;gap:10px;margin:auto 0 17px;padding-top:17px;border-top:1px solid #ffffff21;font-size:.73rem;color:#9eb3b7}
#app .reward-account-rule strong{color:#d8ffc1}
#app .reward-account .primary{width:100%}
#app .reward-related{margin-top:16px}
#app .reward-related h2{margin-bottom:0}
#app .hero-calendar-art{position:absolute;right:9%;top:45px;width:235px;height:235px;z-index:1;display:flex;flex-direction:column;align-items:center;justify-content:center;transform:rotate(8deg);border:1px solid #d7ffad9c;border-radius:23px;background:linear-gradient(150deg,#b4f36c,#638f25);box-shadow:24px 27px 0 #0d241bcc,0 25px 55px #0007;color:#183019}
#app .hero-calendar-art span,#app .hero-calendar-art small{font-size:.7rem;font-weight:900;letter-spacing:.2em}
#app .hero-calendar-art strong{font-size:5.6rem;line-height:1.2}
#app .hero-week-art{position:absolute;right:6%;top:50%;z-index:1;transform:translateY(-50%) rotate(-6deg);display:grid;grid-template-columns:repeat(7,24px);gap:8px;align-items:end;padding:30px;border:1px solid #92e9db7c;border-radius:20px;background:#123a3f;box-shadow:20px 24px 0 #0b202ac9,0 22px 55px #0007}
#app .hero-week-art span{grid-column:1/-1;color:#c7fff0;font-size:.72rem;font-weight:900;letter-spacing:.16em}
#app .hero-week-art i{display:block;height:70px;border-radius:6px;background:#3caaa6}
#app .hero-week-art i:nth-of-type(2),#app .hero-week-art i:nth-of-type(5){height:105px;background:#b7f476}
#app .hero-week-art i:nth-of-type(3),#app .hero-week-art i:nth-of-type(7){height:85px}
#app .reward-week-lines{display:grid;gap:0;margin:24px 0;background:#121c24;border:1px solid #ffffff18;border-radius:10px;overflow:hidden}
#app .reward-week-lines>div{display:flex;justify-content:space-between;gap:14px;padding:17px 20px;border-bottom:1px solid #ffffff16;font-size:.78rem;color:#b1c0c2}
#app .reward-week-lines>div:last-child{border-bottom:0}
#app .reward-week-lines strong{color:#e2f6d6}
#app .vip-experience-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
#app .vip-experience-grid article{min-height:185px;position:relative;padding:22px 24px;background:#1b2630;border:1px solid #ffffff20;border-radius:12px}
#app .vip-experience-grid .reward-mark,#app .vip-experience-grid svg{width:37px;height:37px;color:#b9f67e}
#app .vip-number{position:absolute;right:23px;top:21px;color:#6e837f;font:600 1.35rem Oswald}
#app .vip-experience-grid h3{margin:20px 0 7px;font-size:1rem}
#app .vip-experience-grid p{margin:0;color:#aebdc1;font-size:.77rem;line-height:1.5}
#app .vip-bottom-grid{display:grid;grid-template-columns:1fr 1.6fr;gap:12px;margin-top:16px}
#app .vip-transfer-new{min-height:245px;display:flex;flex-direction:column;align-items:start;justify-content:center;padding:28px 34px;border:1px solid #ffffff20;border-radius:13px;background:linear-gradient(90deg,#1a2b2c 0%,#1a2b2cf0 56%,#1a2b2c3d 100%),url('./assets/preview-2026-10/vip-rewards.png') right center/auto 145% no-repeat,#1a2b2c}
#app .vip-transfer-new h2{margin:10px 0;font-size:1.65rem}
#app .vip-transfer-new p{max-width:390px;color:#bdcdca;font-size:.8rem}
#app .vip-transfer-new .outline{margin-top:8px}
@media(max-width:1050px){#app .reward-destination-grid{grid-template-columns:repeat(2,minmax(0,1fr))}#app .rewards-new-hero{min-height:300px}#app .reward-detail-grid{grid-template-columns:minmax(0,1.4fr) minmax(240px,.85fr)}#app .hero-calendar-art{right:6%;width:180px;height:180px}}
@media(max-width:700px){#app .rewards-redesign{padding:14px 12px 65px}#app .rewards-nav{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}#app .rewards-nav a{padding:10px 8px;font-size:.68rem;gap:6px}#app .rewards-nav .reward-mark{width:21px;height:21px}#app .rewards-new-hero{min-height:300px}#app .rewards-new-hero-copy{padding:26px 22px}#app .rewards-new-hero h1{font-size:clamp(2.9rem,13vw,4.5rem)}#app .rewards-new-hero p{max-width:280px;font-size:.8rem}#app .rewards-overview-hero,#app .vip-new-hero{background-position:64% center}#app .rewards-hero-tag{display:none}#app .reward-section-head{display:block;margin-top:25px}#app .reward-section-head p{margin-top:5px}#app .reward-destination-grid{gap:8px}#app .reward-destination{min-height:205px;padding:14px}#app .reward-destination-top .reward-mark{width:32px;height:32px}#app .reward-destination-body{margin-top:14px}#app .reward-destination-body strong{font-size:1.06rem}#app .reward-destination-body>span{font-size:.69rem}#app .reward-destination-cta{font-size:.65rem}#app .reward-overview-access,#app .reward-related{align-items:start;flex-direction:column;padding:18px}#app .reward-detail-grid,#app .vip-bottom-grid{grid-template-columns:1fr}#app .reward-main-panel,#app .reward-account{padding:19px}#app .reward-day-strip{gap:4px;margin:20px 0}#app .reward-day-strip>span{height:70px}#app .reward-day-strip small{font-size:.52rem}#app .reward-week-lines>div{padding:14px 11px;font-size:.7rem}#app .hero-calendar-art{right:-12px;top:95px;width:130px;height:130px;opacity:.65}#app .hero-calendar-art strong{font-size:3rem}#app .hero-week-art{right:-66px;opacity:.42;transform:translateY(-50%) scale(.75) rotate(-6deg)}#app .vip-experience-grid{grid-template-columns:1fr;gap:8px}#app .vip-experience-grid article{min-height:0}#app .vip-transfer-new{min-height:230px;padding:21px}#app .reward-account-rule{margin:18px 0}}
/* New vector led reward artwork replaces the earlier promotion renders. */
#app .rewards-overview-hero{background:radial-gradient(circle at 78% 47%,#a9ef3e48,transparent 27%),linear-gradient(112deg,#13221d 5%,#234337 59%,#182e29 100%)}
#app .vip-new-hero{background:radial-gradient(circle at 78% 48%,#b6f86f40,transparent 27%),linear-gradient(112deg,#131f26 5%,#253c39 59%,#17262e 100%)}
#app .hero-reward-emblem{position:absolute;z-index:1;right:11%;top:50%;width:195px;height:195px;transform:translateY(-50%) rotate(-8deg);display:grid;place-items:center;border:2px solid #d7ffae8c;border-radius:36px;background:linear-gradient(135deg,#baf77b,#639c54);box-shadow:27px 28px 0 #0a2419ab,0 20px 70px #0009,inset 0 0 0 11px #ffffff20}
#app .hero-reward-emblem:before{content:'';position:absolute;inset:-27px;border:1px solid #d7ffae45;border-radius:51px}
#app .hero-reward-emblem .reward-mark{width:115px;height:115px;color:#1c3927}
#app .vip-emblem{transform:translateY(-50%) rotate(7deg);background:linear-gradient(135deg,#caff93,#6eae7d);border-radius:50px}
#app .vip-emblem:before{border-radius:65px}
#app .vip-emblem .reward-mark{width:125px;height:125px}
#app .vip-transfer-new{background:radial-gradient(circle at 92% 50%,#b5f96c3f,transparent 23%),linear-gradient(110deg,#1a2d2d,#203b36 76%,#172d2a)}
@media(max-width:700px){#app .hero-reward-emblem{right:-40px;width:135px;height:135px;opacity:.52}#app .hero-reward-emblem .reward-mark{width:85px;height:85px}#app .vip-emblem .reward-mark{width:90px;height:90px}}
/* Four distinct, transparent campaign creatives sit above their hero gradients. */
#app .rewards-new-hero:after{z-index:0}
#app .reward-hero-creative{position:absolute;z-index:1;right:4%;bottom:-8%;height:116%;width:min(49%,530px);object-fit:contain;object-position:center bottom;filter:drop-shadow(0 22px 30px #0008);pointer-events:none}
#app .vip-hero-creative{right:5%;height:111%;bottom:-9%}
#app .weekly-hero-creative{right:2%;width:min(53%,580px);height:120%;bottom:-10%}
#app .daily-hero-creative{right:3%;width:min(52%,570px);height:119%;bottom:-10%}
@media(max-width:700px){#app .reward-hero-creative{right:-18%;bottom:-3%;width:75%;height:96%;opacity:.68}#app .vip-hero-creative{right:-21%;width:79%;opacity:.62}#app .weekly-hero-creative,#app .daily-hero-creative{right:-24%;width:84%;opacity:.58}#app .rewards-new-hero-copy{max-width:75%}}
/* Arrow-free navigation details across the preview. */
#app .rail-expander{margin-left:auto;display:inline-grid;place-items:center;width:20px;height:20px;color:#b8e590;font-size:1.1rem;font-weight:700;line-height:1}
#app .utility-expander{display:inline-grid;place-items:center;width:18px;height:18px;margin-left:4px;color:#b7c8ce;font-size:1.15rem;font-weight:700;line-height:1}
#app .power-section-head .power-section-view-all{font-size:.72rem;font-weight:800;color:#bbf778;white-space:nowrap}
#app .power-section-head .power-section-view-all:hover{text-decoration:underline}
#app .power-scroll{scrollbar-width:thin;scrollbar-color:#a9ef3e6b transparent}
#app .power-scroll::-webkit-scrollbar{height:5px}
#app .power-scroll::-webkit-scrollbar-thumb{background:#a9ef3e6b;border-radius:9px}
#app .poker-frame-bar button[data-action="poker-refresh"]{width:auto;padding:0 9px;font-size:.68rem;font-weight:800}
/* All Rewards: coordinated dark cards with category artwork and sharper accents. */
#app .rewards-overview-hero{background:radial-gradient(circle at 77% 50%,#a9ef3e30,transparent 30%),linear-gradient(112deg,#101b22,#1b2d2d 70%,#111d23)}
#app .rewards-overview .reward-destination{isolation:isolate;background:linear-gradient(135deg,#1b2931,#152129 78%);border:1px solid #ffffff25;border-top:2px solid var(--reward-tone);box-shadow:inset 0 1px 0 #ffffff0d}
#app .rewards-overview .reward-destination:before{content:'';position:absolute;z-index:-1;right:-17%;top:-35%;width:85%;height:90%;border-radius:50%;background:radial-gradient(circle,var(--reward-glow),transparent 66%)}
#app .rewards-overview .daily-destination{--reward-tone:#aff46d;--reward-glow:#83e84d4b}
#app .rewards-overview .weekly-destination{--reward-tone:#5adac8;--reward-glow:#3dc5bc47}
#app .rewards-overview .vip-destination{--reward-tone:#af9af0;--reward-glow:#a381ee40}
#app .rewards-overview .race-destination{--reward-tone:#f4c96c;--reward-glow:#f2b94d3b}
#app .rewards-overview .reward-destination-top,#app .rewards-overview .reward-destination-body,#app .rewards-overview .reward-destination-cta{position:relative;z-index:2}
#app .rewards-overview .reward-destination-top .reward-mark{color:var(--reward-tone);width:35px;height:35px}
#app .rewards-overview .reward-destination-art{position:absolute;z-index:1;top:-10%;right:-7%;width:69%;height:78%;object-fit:contain;object-position:right top;opacity:.85;pointer-events:none;mask-image:linear-gradient(90deg,transparent,#000 24%)}
#app .rewards-overview .reward-destination-art.race-art{top:8%;right:-15%;width:80%;height:54%;object-fit:contain;opacity:.8;mix-blend-mode:screen;mask-image:linear-gradient(90deg,transparent,#000 30%)}
#app .rewards-overview .reward-destination-body{max-width:93%;margin-top:40px;text-shadow:0 2px 9px #0c171c}
#app .rewards-overview .reward-destination-body small,#app .rewards-overview .reward-destination-cta{color:var(--reward-tone)}
#app .rewards-overview .reward-destination-body>span{color:#d5e2df}
#app .rewards-overview .reward-destination-cta{border-color:#ffffff2a}
@media(max-width:700px){#app .rewards-overview .reward-destination-art{right:-17%;width:90%;height:72%;opacity:.72}#app .rewards-overview .reward-destination-art.race-art{right:-25%;width:100%;opacity:.72}#app .rewards-overview .reward-destination-body{max-width:100%;margin-top:25px}}