/* AM Rewards on the home page: a guided tour of member rewards with Max (the account itself lives at /account/) */
.rw{position:relative;overflow:hidden;padding:96px 0;background:radial-gradient(circle at 85% 20%,#d9b96f33,transparent 45%),radial-gradient(circle at 10% 90%,#d9b96f1f,transparent 40%),linear-gradient(180deg,#0b0d11,#10141a);border-top:1px solid #d9b96f33}
.rw-glow{position:absolute;top:-180px;left:50%;width:720px;height:360px;margin-left:-360px;border-radius:50%;background:radial-gradient(#f3dc9e30,transparent 70%);pointer-events:none;animation:rwPulse 5s ease-in-out infinite}
@keyframes rwPulse{50%{opacity:.45;transform:scale(1.1)}}
.rw .wrap{position:relative}
.rw-head{max-width:820px}
.rw-badge{display:inline-block;padding:6px 14px;border-radius:20px;background:linear-gradient(145deg,#f3dc9e,#c9a24f);color:#111;font:900 13px Arial;letter-spacing:.14em;text-transform:uppercase}
.rw h2{margin:14px 0 12px}.rw .lead b{color:#fff}

/* Max and his speech bubble, with the headline numbers beside them */
.rw-stage{display:grid;grid-template-columns:130px minmax(0,1fr) minmax(0,1.05fr);gap:18px;align-items:end;margin-top:34px}
.rw-max .dog{width:130px}
.rw-bubble{position:relative;align-self:center;padding:16px 18px;border-radius:18px 18px 18px 4px;background:linear-gradient(160deg,#fffaf0,#f3e7cc);color:#1b1812;box-shadow:0 20px 50px #000a}
.rw-bubble:before{content:"";position:absolute;left:-10px;bottom:0;border:10px solid transparent;border-right-color:#f3e7cc;border-bottom-color:#f3e7cc}
.rw-bubble p{margin:0;min-height:4.4em;font-size:15px;line-height:1.5}
.rw-meter{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;align-self:center}
.rw-meter div{padding:14px 16px;border-radius:16px;border:1px solid #d9b96f44;background:linear-gradient(160deg,#1c1a15,#0c0d10)}
.rw-meter b{display:block;font-size:clamp(24px,2.6vw,32px);font-weight:900;line-height:1;background:linear-gradient(90deg,#fff4cf,#d9b96f 60%,#b8913f);-webkit-background-clip:text;background-clip:text;color:transparent}
.rw-meter small{display:block;margin-top:6px;font-size:14px;color:#d9e1ed}

/* Tabs */
.rw-tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:30px}
.rw-tabs button{display:grid;grid-template-columns:40px 1fr;column-gap:10px;align-items:center;padding:14px 16px;border-radius:16px;border:1px solid #2f343c;background:#12151b;color:#fff;text-align:left;cursor:pointer;transition:border-color .2s,transform .2s,background .2s}
.rw-tabs button:hover{border-color:#d9b96f88;transform:translateY(-2px)}
.rw-tabs button[aria-selected=true]{border-color:var(--gold);background:linear-gradient(160deg,#2a2419,#12151b);box-shadow:0 14px 36px #d9b96f26}
.rw-tabs i{grid-row:span 2;font-style:normal;font-size:28px}
.rw-tabs b{font-size:15px}.rw-tabs small{font-size:13.5px;color:var(--gold);font-weight:700}

/* Panel */
.rw-panel{margin-top:12px;padding:24px;border-radius:22px;border:1px solid #d9b96f55;background:linear-gradient(160deg,#1a1813,#0c0d10);box-shadow:0 30px 80px #000a}
.rw-panel.in{animation:rwIn .45s cubic-bezier(.2,.8,.2,1)}
@keyframes rwIn{from{opacity:0;transform:translateY(10px)}}
.rw-p-head{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px;margin-bottom:18px}
.rw-p-head h3{margin:0;font-size:19px}
.rw-clock{padding:6px 12px;border-radius:20px;background:#d4110f22;border:1px solid #d4110f88;color:#ff8a80;font-size:14px;font-weight:800}
.rw-gifts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.rw-gift{position:relative;display:flex;flex-direction:column;gap:4px;padding:16px;border-radius:16px;border:1px solid #d9b96f44;background:#0a0c0f;color:#fff;text-align:left;cursor:pointer;transition:transform .2s,border-color .2s,box-shadow .2s}
.rw-gift:hover,.rw-gift.on{transform:translateY(-3px);border-color:var(--gold);box-shadow:0 14px 34px #d9b96f33}
.rw-gift i{font-style:normal;font-size:28px}
.rw-gift b{font-size:20px;font-weight:900;color:#f3dc9e}
.rw-gift span{font-size:14px;font-weight:700}
.rw-gift small{font-size:14px;color:#c6cfdc;line-height:1.4}

.rw-draws{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:18px}
.rw-prizes{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.rw-prizes button{position:relative;display:flex;align-items:center;gap:14px;width:100%;padding:14px 18px;border:0;border-radius:12px;background:linear-gradient(90deg,#f6eed9,#efe4c7);color:#1b1812;font:800 15px Arial;text-align:left;cursor:pointer;transition:transform .2s}
.rw-prizes button:hover{transform:translateX(4px)}
.rw-prizes button:after{content:"";position:absolute;right:64px;top:8px;bottom:8px;border-left:2px dashed #a8812f88}
.rw-prizes i{font-style:normal;font-size:24px}
.rw-prizes em{margin-left:auto;padding-left:26px;font-style:normal;font-size:13.5px;letter-spacing:.2em;color:#8a6420}
.rw-odds{padding:18px;border-radius:16px;background:#0a0c0f;border:1px solid #2f343c;text-align:center}
.rw-odds>small,.rw-counts small,.rw-card-p small,.rw-earn small{display:block;font-size:13px;font-weight:800;letter-spacing:.16em;text-transform:uppercase;color:var(--gold)}
.rw-step{display:flex;align-items:center;justify-content:center;gap:18px;margin:10px 0 2px}
.rw-step button{width:40px;height:40px;border-radius:50%;border:1px solid var(--gold);background:transparent;color:var(--gold);font:900 20px Arial;cursor:pointer}
.rw-step b{min-width:50px;font-size:40px;font-weight:900}
.rw-odds>span{font-size:14.5px;color:#c6cfdc}
.rw-tix{display:flex;flex-wrap:wrap;justify-content:center;gap:2px;min-height:28px;margin:12px 0 4px}
.rw-tix i{font-style:normal;font-size:18px;animation:rwPop .3s both}
@keyframes rwPop{from{opacity:0;transform:scale(.3)}}
.rw-odds p{margin:4px 0 14px;color:#dfe3e8}.rw-odds p b{color:#f3dc9e}
.rw-counts{display:flex;flex-wrap:wrap;justify-content:center;gap:6px}
.rw-counts small{flex-basis:100%;margin-bottom:2px}
.rw-counts span{padding:4px 10px;border-radius:20px;background:#ffffff0d;border:1px solid #ffffff1a;font-size:13.5px;color:#cfd4da}

.rw-refer{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:18px;align-items:center}
.rw-card-p{padding:18px;border-radius:16px;background:repeating-linear-gradient(45deg,#f6eed9,#f6eed9 10px,#efe4c7 10px,#efe4c7 20px)}
.rw-card-p small{color:#6b5320;margin-bottom:12px}
.rw-holes{display:grid;grid-template-columns:repeat(5,1fr);gap:10px}
.rw-holes button{display:grid;place-items:center;aspect-ratio:1;border-radius:50%;border:2px dashed #a8812f;background:#fffaf0;color:#8a6420;font:900 14.5px Arial;cursor:pointer;transition:transform .2s,background .2s}
.rw-holes button:hover{transform:scale(1.06)}
.rw-holes button[aria-pressed=true]{border-style:solid;border-color:#111;background:radial-gradient(circle,#111 38%,#2a241a 40%,#d9b96f 42%);color:transparent;transform:rotate(-8deg)}
.rw-earn{text-align:center}
.rw-earn b{display:block;margin:6px 0;font-size:clamp(44px,6vw,68px);font-weight:900;line-height:1;background:linear-gradient(90deg,#fff4cf,#d9b96f 60%,#b8913f);-webkit-background-clip:text;background-clip:text;color:transparent}
.rw-earn span{font-size:14.5px;color:#c6cfdc}

.rw-vip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.rw-vip div{padding:18px;border-radius:16px;background:#0a0c0f;border:1px solid #d9b96f33}
.rw-vip i{display:block;font-style:normal;font-size:30px;margin-bottom:8px}
.rw-vip b{display:block;font-size:15px}.rw-vip small{display:block;margin-top:4px;font-size:14.5px;color:#c6cfdc}

.rw-season button{display:flex;align-items:center;gap:14px;width:100%;margin-top:12px;padding:14px 18px;border-radius:16px;border:1px dashed #d9b96f88;background:#d9b96f14;color:#fff;text-align:left;cursor:pointer}
.rw-season i{font-style:normal;font-size:28px}
.rw-season small{display:block;font-size:13px;font-weight:800;letter-spacing:.16em;text-transform:uppercase;color:var(--gold)}
.rw-season b{display:block;font-size:16px}.rw-season span{font-size:14.5px;color:#d9e1ed}
.rw-season em{margin-left:auto;font-style:normal;color:var(--gold);font-size:20px}

.rw-cta{display:flex;flex-wrap:wrap;gap:10px;margin-top:26px}
.rw-go{font-size:15px;padding:16px 24px;animation:rwGlow 2.6s ease-in-out infinite}
@keyframes rwGlow{50%{box-shadow:0 0 0 6px #d9b96f2a,0 10px 30px #d9b96f55}}
.rw-fine{margin:14px 0 0;font-size:14px;color:#c5cfdc;max-width:900px}
.navlinks a.nav-rw{color:#f3dc9e;font-weight:800}

@media(max-width:1000px){.rw-stage{grid-template-columns:110px 1fr}.rw-max .dog{width:110px}.rw-meter{grid-column:1/-1;grid-template-columns:repeat(4,minmax(0,1fr))}.rw-gifts,.rw-vip{grid-template-columns:repeat(2,minmax(0,1fr))}.rw-tabs{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){.rw{padding:70px 0}.rw-stage{grid-template-columns:84px 1fr;gap:12px}.rw-max .dog{width:84px}.rw-meter{grid-template-columns:repeat(2,minmax(0,1fr))}.rw-draws,.rw-refer{grid-template-columns:1fr}.rw-panel{padding:16px}.rw-gift{padding:12px}.rw-gift b{font-size:17px}.rw-tabs button{grid-template-columns:30px 1fr;padding:12px}.rw-tabs i{font-size:22px}.rw-holes{gap:6px}.rw-holes button{font-size:12px}}
@media(prefers-reduced-motion:reduce){.rw-glow,.rw-go,.rw-panel.in,.rw-tix i{animation:none}}
