/* AM Rewards account page and the welcome journey pop-up. Same night palette, crest and gold as the main site;
   account-day.css handles the daylight view. */
:root{--gold:#d9b96f;--gold2:#f3dc9e;--bg:#08090c;--panel:#12161c;--line:#2b2f36;--muted:#ccd2d9;--ok:#5fe896;--warn:#f8cf7d;--no:#ff6159}
*{box-sizing:border-box}
body{margin:0;background:radial-gradient(circle at 85% 0,#d9b96f22,transparent 40%),radial-gradient(circle at 0 60%,#d9b96f12,transparent 40%),var(--bg);color:#f7f6f2;font:16.5px/1.55 Arial,sans-serif;min-height:100vh}
a{color:var(--gold2)}
.wrap{width:min(1120px,calc(100% - 32px));margin:auto}
main.wrap{padding:34px 0 70px}
[hidden]{display:none!important}
.top{position:sticky;top:0;z-index:5;background:#07080bdd;backdrop-filter:blur(12px);border-bottom:1px solid #d9b96f33}
.top .wrap{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:12px 0;flex-wrap:wrap}
.top-r{display:flex;align-items:center;gap:8px;flex-wrap:wrap}#who-e{color:var(--muted);font-size:14.5px}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:12px 18px;border-radius:30px;border:1px solid transparent;background:linear-gradient(145deg,#f3dc9e,#c9a24f);color:#111;font:800 14px Arial;letter-spacing:.08em;text-decoration:none;cursor:pointer;transition:transform .2s,box-shadow .2s}
.btn:hover{transform:translateY(-1px);box-shadow:0 8px 24px #d9b96f44}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none;box-shadow:none}
.btn.alt{background:#0b0d10;border-color:#d9b96f77;color:var(--gold2)}.btn.sm{padding:8px 14px;font-size:13px}
.btn.pulse{animation:pulse 1.8s infinite}@keyframes pulse{0%,100%{box-shadow:0 0 0 0 #d9b96f88}50%{box-shadow:0 0 0 12px #d9b96f00}}
.kicker{display:inline-block;font-size:13.5px;font-weight:900;letter-spacing:.2em;text-transform:uppercase;color:var(--gold)}
h1{margin:8px 0 12px;font-size:clamp(32px,5vw,52px);line-height:1.08;letter-spacing:-.03em}h1 span,.gold{color:var(--gold)}
h2{margin:0 0 6px;font-size:24px}
.lead{color:#dae2eb;font-size:17px;max-width:520px}
.fine{font-size:13.5px;color:#c5cfdc;line-height:1.6}.fine.center{max-width:860px;margin:30px auto 0;text-align:center}

/* Sign up / sign in */
.auth-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:40px;align-items:start}
.pitch-list{list-style:none;margin:26px 0 0;padding:0;display:grid;gap:12px}
.pitch-list li{display:grid;grid-template-columns:48px 1fr;gap:14px;align-items:center;padding:14px 16px;border-radius:16px;border:1px solid #d9b96f2e;background:linear-gradient(160deg,#171b22,#0d0f13)}
.pitch-list i{display:grid;place-items:center;width:48px;height:48px;border-radius:14px;background:#d9b96f1c;border:1px solid #d9b96f55;font-style:normal;font-size:22px}
.pitch-list b{display:block}.pitch-list small{color:var(--muted);font-size:14.5px}
.card{padding:26px 24px;border-radius:22px;border:1px solid #d9b96f44;background:linear-gradient(170deg,#1a1d23,#0d0f13);box-shadow:0 40px 100px #000a}
.card.narrow{max-width:520px;margin:30px auto}
.card p{color:#dae2eb;margin:0 0 6px}
.seg{display:grid;grid-template-columns:1fr 1fr;gap:4px;padding:4px;margin-bottom:20px;border-radius:30px;background:#07080b;border:1px solid var(--line)}
.seg button{padding:10px;border-radius:26px;border:0;background:none;color:#cfd4da;font:800 13.5px Arial;letter-spacing:.08em;text-transform:uppercase;cursor:pointer}.seg button.on{background:linear-gradient(145deg,#f3dc9e,#c9a24f);color:#111}
label{display:block;margin-top:12px;font-size:14px;font-weight:700;color:#cfd4da}label em{font-style:normal;font-weight:400;color:#c5cfdc}
input,select,textarea{width:100%;margin-top:6px;padding:12px 14px;border-radius:12px;border:1px solid #2f343c;background:#0a0c0f;color:#fff;font:15px Arial}
input:focus,select:focus,textarea:focus{outline:2px solid #d9b96f66;border-color:var(--gold)}
.two{display:grid;grid-template-columns:1fr 1fr;gap:0 12px}
.hint{display:block;margin-top:5px;font-weight:400;font-size:13.5px;color:#c5cfdc}
form .btn{width:100%;margin-top:18px;padding:14px}
.links{display:flex;justify-content:flex-end;margin-top:12px;font-size:14.5px}.links button{background:none;border:0;color:var(--gold);cursor:pointer;font:inherit;padding:0}
.msg{min-height:18px;margin:12px 0 0!important;font-size:14.5px;color:var(--no)!important}.msg.good{color:var(--ok)!important}
.careers{margin:16px 0 0;padding:14px;border-radius:14px;border:1px dashed #d9b96f66;background:#d9b96f0c}
.careers legend{padding:0 6px;font-size:14.5px;font-weight:700;color:#fff}
.pill{display:inline-block;margin:8px 6px 0 0}.pill input{position:absolute;opacity:0;width:1px;height:1px}
.pill span{display:inline-block;padding:8px 14px;border-radius:20px;border:1px solid #2f343c;background:#0f1217;font-size:14.5px;cursor:pointer}
.pill input:checked+span{border-color:var(--gold);background:#d9b96f26;color:#fff}.pill input:focus-visible+span{outline:2px solid var(--gold)}
.chk{display:grid;grid-template-columns:20px 1fr;gap:10px;align-items:start;font-weight:400;color:#dae2eb;font-size:14.5px}.chk input{width:18px;height:18px;margin:1px 0 0;accent-color:#d9b96f}
.sent{text-align:center;padding:10px 4px}.sent-ic{font-size:48px}
.hire-card{display:block;margin-top:18px;padding:14px;border-radius:14px;border:1px solid #d9b96f55;background:#d9b96f12;text-decoration:none;color:#fff}.hire-card span{display:block;font-size:14.5px;color:var(--gold2)}

/* Dashboard */
.hello{display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap;margin-bottom:22px}
.mcard{position:relative;width:300px;padding:18px 20px;border-radius:18px;background:linear-gradient(135deg,#2a241a,#0c0c0e 60%,#2a241a);border:1px solid #d9b96f88;box-shadow:0 20px 60px #000a,inset 0 1px 0 #ffffff22;overflow:hidden}
.mcard:after{content:"";position:absolute;inset:0;background:linear-gradient(110deg,transparent 30%,#ffffff1c 45%,transparent 60%);transform:translateX(-100%);animation:sheen 5s infinite}@keyframes sheen{0%,60%{transform:translateX(-100%)}100%{transform:translateX(100%)}}
.mcard small{font-size:12px;letter-spacing:.3em;font-weight:900;color:var(--gold)}.mcard b{display:block;margin-top:14px;font-size:19px}.mcard span{display:block;font-size:13px;color:var(--muted)}.mcard i{font-style:normal}.mcard em{position:absolute;top:16px;right:18px;font-style:normal;font:900 14.5px monospace;letter-spacing:.12em;color:var(--gold2)}
.grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.panel{padding:22px;border-radius:20px;border:1px solid var(--line);background:linear-gradient(170deg,#161a21,#0d0f13)}.panel.wide{grid-column:1/-1}
.panel h3{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:0 0 10px;font-size:18px}.panel h3 i{font-style:normal;font-size:13px;font-weight:900;letter-spacing:.1em;padding:4px 8px;border-radius:8px;background:#d9b96f22;color:var(--gold)}
.sub{color:#d9e1ed;font-size:14px;margin:0 0 12px}.sub b{color:#fff}
.tag-gold{margin-left:auto;padding:4px 10px;border-radius:20px;background:linear-gradient(145deg,#f3dc9e,#c9a24f);color:#111;font-size:13px;font-weight:900;letter-spacing:.06em}
.promo-panel{border-color:#d9b96f66;background:radial-gradient(circle at 100% 0,#d9b96f26,transparent 55%),linear-gradient(170deg,#1a1d23,#0d0f13)}
.chosen{display:grid;grid-template-columns:54px 1fr;gap:14px;align-items:center;padding:14px;margin-bottom:12px;border-radius:16px;background:#d9b96f14;border:1px solid #d9b96f55}.chosen i{font-style:normal;font-size:34px;text-align:center}.chosen small{font-size:12px;font-weight:900;letter-spacing:.2em;text-transform:uppercase;color:var(--ok)}.chosen b{display:block;font-size:17px}.chosen span{font-size:14.5px;color:var(--muted)}
.mini-clock{color:var(--warn);font-variant-numeric:tabular-nums}
.entries{display:flex;align-items:baseline;gap:8px;margin-bottom:10px}.entries b{font-size:44px;line-height:1;color:var(--gold2)}.entries span{color:var(--muted);text-transform:uppercase;letter-spacing:.14em;font-size:13.5px;font-weight:800}
.prizes,.perks{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.prizes li{display:flex;align-items:center;gap:10px;padding:9px 12px;border-radius:12px;background:#ffffff08;border:1px solid #ffffff10;font-size:14px}.prizes i,.perks i{font-style:normal;font-size:20px}
.perks li{display:grid;grid-template-columns:30px 1fr;gap:10px;align-items:center}.perks b{display:block;font-size:14px}.perks small{color:var(--muted);font-size:14px}
.season{display:grid;grid-template-columns:40px 1fr;gap:10px;align-items:center;margin-top:14px;padding:12px 14px;border-radius:14px;border:1px solid #d9b96f55;background:#d9b96f10}.season i{font-style:normal;font-size:28px}.season small{display:block;font-size:12px;font-weight:900;letter-spacing:.2em;text-transform:uppercase;color:var(--warn)}.season b{display:block}.season span{font-size:14.5px;color:var(--muted)}
.proof-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:22px}
.drop{position:relative;display:grid;place-items:center;gap:2px;margin-top:14px;padding:22px;border-radius:16px;border:2px dashed #d9b96f66;background:#d9b96f0a;text-align:center;cursor:pointer}.drop.has{border-style:solid;border-color:var(--ok);background:#3fdc7b0f}
.drop input{position:absolute;inset:0;opacity:0;cursor:pointer;margin:0}.drop-ic{font-size:26px}.drop b{color:#fff;word-break:break-all}.drop small{color:#c5cfdc;font-weight:400}
.warn{margin:12px 0 0;padding:10px 12px;border-radius:10px;background:#f5b94a12;border:1px solid #f5b94a44;font-size:14px;color:#f1d9a6}
.lbl{font-size:13px;font-weight:900;letter-spacing:.2em;text-transform:uppercase;color:var(--gold);margin-bottom:8px}
.proofs,.ref-list{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.proofs li{display:flex;justify-content:space-between;gap:10px;align-items:center;padding:12px 14px;border-radius:12px;border:1px solid var(--line);background:#0f1217}.proofs li small{display:block;color:var(--muted);font-size:13.5px;word-break:break-all}.proofs li .note{color:#ff8a80}
.proofs .st{flex:none;font-size:13px;font-weight:800}.proofs .pending{border-color:#f5b94a55}.proofs .pending .st{color:var(--warn)}.proofs .approved{border-color:#3fdc7b55}.proofs .approved .st{color:var(--ok)}.proofs .rejected .st{color:var(--no)}
.empty{color:var(--muted);font-size:15px;padding:14px;border:1px dashed var(--line);border-radius:12px;display:block!important}
.refer{background:radial-gradient(circle at 0 0,#d9b96f1c,transparent 45%),linear-gradient(170deg,#161a21,#0d0f13)}
.punch{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;padding:18px;border-radius:18px;background:repeating-linear-gradient(45deg,#f6eed9,#f6eed9 12px,#efe4c7 12px,#efe4c7 24px);box-shadow:inset 0 0 0 2px #c9a24f}
.hole{display:grid;place-items:center;gap:4px;text-align:center}.hole span{display:grid;place-items:center;width:min(64px,14vw);aspect-ratio:1;border-radius:50%;border:2px dashed #a8812f;color:#a8812f;font:900 20px Arial;background:#fffaf0}
.hole small{font-size:13px;font-weight:800;color:#6b5320}.hole.on span{border:0;background:radial-gradient(circle at 35% 30%,#fff1c4,#d9b96f 55%,#8a6420);color:#111;box-shadow:0 6px 16px #8a642066;animation:stamp .5s cubic-bezier(.2,1.6,.4,1)}@keyframes stamp{from{transform:scale(1.8) rotate(-20deg);opacity:0}}
.earned{display:flex;align-items:baseline;gap:10px;margin:14px 0;flex-wrap:wrap}.earned span{color:var(--muted);font-size:14.5px}.earned b{font-size:30px;color:var(--gold2)}.earned small{color:var(--ok);font-size:13.5px}
.share{display:grid;grid-template-columns:auto 1fr auto auto auto;gap:8px;align-items:center}.share input{margin:0;font-size:14.5px}
.code-box{padding:6px 14px;border-radius:12px;background:#d9b96f1a;border:1px solid #d9b96f66}.code-box small{display:block;font-size:12px;letter-spacing:.2em;color:var(--gold);font-weight:900}.code-box b{font:900 17px monospace;letter-spacing:.1em}
.ref-list{margin-top:14px}.ref-list li{display:flex;justify-content:space-between;gap:10px;padding:10px 14px;border-radius:12px;background:#0f1217;border:1px solid var(--line);font-size:15px}.ref-list li span{color:var(--muted)}
.hire-panel .btn{margin-top:14px}.careers-now{margin-bottom:4px}

/* Promotions pop-up */
.pop{width:min(980px,calc(100% - 20px));max-height:calc(100% - 20px);padding:0;border:1px solid #d9b96f88;border-radius:26px;background:radial-gradient(circle at 80% 0,#d9b96f30,transparent 45%),linear-gradient(170deg,#1b1e25,#0a0b0e);color:#f7f6f2;box-shadow:0 50px 140px #000}
.pop::backdrop{background:#000c;backdrop-filter:blur(6px)}
.pop[open]{animation:popin .5s cubic-bezier(.2,1.2,.3,1)}@keyframes popin{from{transform:translateY(30px) scale(.94);opacity:0}}
.pop .x{position:absolute;top:12px;right:14px;z-index:2;width:38px;height:38px;border-radius:50%;border:1px solid #ffffff2e;background:#0008;color:#fff;font-size:22px;cursor:pointer}
.pop-head{position:relative;padding:28px 28px 8px;text-align:center;overflow:hidden}.pop-head h2{font-size:clamp(32px,5vw,50px);line-height:1;margin:6px 0 8px;letter-spacing:-.02em}.pop-head h2 span{background:linear-gradient(90deg,#f3dc9e,#d9b96f,#fff3cf,#b8913f);-webkit-background-clip:text;background-clip:text;color:transparent}
.pop-head p{margin:0 auto;max-width:520px;color:#dae2eb}.pop-head .kicker i{font-style:normal;color:#fff}
.confetti{position:absolute;inset:0;pointer-events:none;background-image:radial-gradient(#f3dc9e 1.5px,transparent 2px),radial-gradient(#c81e1a 1.5px,transparent 2px),radial-gradient(#fff 1px,transparent 1.5px);background-size:60px 60px,90px 90px,40px 40px;background-position:0 0,20px 30px,10px 5px;opacity:.35;animation:fall 6s linear infinite}@keyframes fall{to{background-position:0 300px,20px 330px,10px 205px}}
.clock{display:inline-block;margin-top:16px;padding:10px 16px;border-radius:16px;background:#c81e1a1f;border:1px solid #ff615955}.clock small{display:block;font-size:12px;font-weight:900;letter-spacing:.2em;text-transform:uppercase;color:#ff8a80}
#clock{display:flex;gap:8px;justify-content:center;margin-top:6px}#clock span{min-width:58px;padding:6px 4px;border-radius:10px;background:#000a}#clock b{display:block;font:900 26px/1 Arial;font-variant-numeric:tabular-nums}#clock i{font-style:normal;font-size:12px;color:var(--muted);text-transform:uppercase;letter-spacing:.14em}
.offers{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;padding:18px 24px}
.offer{position:relative;display:flex;flex-direction:column;align-items:center;gap:2px;padding:16px 10px;border-radius:16px;border:1px solid #ffffff1c;background:linear-gradient(170deg,#f8f4ea,#e9dfc8);color:#1b1812;text-align:center;cursor:pointer;transition:transform .2s,box-shadow .2s}
.offer:hover{transform:translateY(-3px);box-shadow:0 14px 30px #0008}.offer i{font-style:normal;font-size:30px}.offer b{font:900 20px/1.1 Arial;color:#a8682a}.offer span{font-weight:800;font-size:14.5px;text-transform:uppercase;letter-spacing:.04em}.offer small{font-size:13px;color:#5b5446}
.offer[aria-pressed=true]{transform:translateY(-3px);box-shadow:0 0 0 3px #d9b96f,0 16px 40px #d9b96f55}.offer[aria-pressed=true]:after{content:"✓";position:absolute;top:8px;right:10px;display:grid;place-items:center;width:24px;height:24px;border-radius:50%;background:#1f9c50;color:#fff;font-weight:900;font-size:14.5px}
.pop-row{display:grid;grid-template-columns:1.4fr 1fr;gap:12px;padding:0 24px}
.pop-win,.pop-season{padding:14px 16px;border-radius:16px;background:#ffffff08;border:1px solid #ffffff14}.pop-win ul{list-style:none;display:flex;flex-wrap:wrap;gap:6px;margin:8px 0 0;padding:0}.pop-win li{padding:5px 10px;border-radius:20px;background:#d9b96f1c;font-size:14px}.pop-win i{font-style:normal}
.pop-season{display:grid;grid-template-columns:auto 1fr;column-gap:12px;align-items:center}.pop-season i{grid-row:span 3;font-style:normal;font-size:32px}.pop-season small{font-size:12px;font-weight:900;letter-spacing:.2em;text-transform:uppercase;color:var(--warn)}.pop-season span{font-size:14.5px;color:var(--muted)}
.pop-foot{padding:16px 24px 22px;text-align:center}.pop-foot .btn{width:min(100%,520px);padding:16px}.pop-foot .fine{margin:10px 0 0}

@media(max-width:900px){.auth-grid,.proof-grid,.grid{grid-template-columns:1fr}.offers{grid-template-columns:repeat(2,minmax(0,1fr))}.pop-row{grid-template-columns:1fr}.share{grid-template-columns:1fr 1fr}.share .code-box,.share input{grid-column:1/-1}}
@media(max-width:520px){.two{grid-template-columns:1fr}.punch{gap:6px;padding:12px}.mcard{width:100%}.pop-head{padding:24px 16px 4px}.offers{padding:14px}.pop-row{padding:0 14px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}

/* ---- Redesign: promotion-sheet showcase, welcome journey, wheel, raffle ---- */
.top .brand .crest{width:44px;height:50px}.top .brand .bt b{font-size:19px}
.top-r .theme-tg{order:0}
.card-sub{margin:-2px 0 4px!important;color:var(--gold2)!important;font-weight:700}
.btn-xl{padding:17px 26px;font-size:14px}
h1 span{background:linear-gradient(90deg,#ffe7a3,#f5cf6a 55%,#e0ac3a);-webkit-background-clip:text;background-clip:text;color:transparent}
.big-stats{list-style:none;margin:24px 0 0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.big-stats li{padding:16px 18px;border-radius:18px;border:1px solid #f5cf6a55;background:linear-gradient(160deg,#1c1a15,#0c0d10);box-shadow:0 14px 40px #0008}
.big-stats b{display:block;font-size:clamp(30px,4vw,42px);line-height:1;font-weight:900;background:linear-gradient(90deg,#fff4cf,#f5cf6a 60%,#c9952e);-webkit-background-clip:text;background-clip:text;color:transparent}
.big-stats span{display:block;margin-top:6px;font-size:14.5px;color:#e4e8ec}.big-stats em{font-style:normal;color:#fff;font-weight:800}
.journey-mini{list-style:none;margin:16px 0 0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
.journey-mini li{display:grid;gap:2px;padding:12px;border-radius:14px;background:#ffffff08;border:1px solid #ffffff18}
.journey-mini i{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:linear-gradient(145deg,#ffe7a3,#c9952e);color:#111;font:900 14px Arial;font-style:normal}
.journey-mini b{font-size:14.5px}.journey-mini small{font-size:14.5px;color:var(--muted)}
#join-card{position:sticky;top:96px;border-color:#f5cf6a88;box-shadow:0 40px 100px #000a,0 0 0 4px #f5cf6a14}

/* The promotion sheet: cream paper, black bands, gold type, laid out like the printed flyer */
.sheet{margin-top:48px;padding:clamp(16px,3vw,30px);border-radius:26px;background:linear-gradient(170deg,#fbf8f1,#efe7d4);color:#17140f;box-shadow:0 40px 100px #000b,0 0 0 2px #c9952e}
.sheet-top{display:flex;justify-content:space-between;align-items:flex-end;gap:18px;flex-wrap:wrap;margin-bottom:18px}
.sheet-top small{font-size:14.5px;font-weight:900;letter-spacing:.16em;text-transform:uppercase;color:#8a6420}
.sheet-top h2{margin:6px 0;font-size:clamp(30px,4.6vw,48px);line-height:1.05;letter-spacing:-.02em;color:#111}.sheet-top h2 span{color:#a4741f}
.sheet-top p{margin:0;max-width:560px;font-size:16.5px;color:#2b261d}
.sheet-tag{padding:14px 18px;border-radius:16px;background:#0b0c0f;color:#f5cf6a;font:italic 700 16px/1.3 Georgia,serif;transform:rotate(-2deg)}.sheet-tag b{color:#fff}
.band{margin:22px 0 12px;padding:10px 16px;border-radius:10px;background:#0b0c0f;color:#f5cf6a;font-size:15px;font-weight:900;letter-spacing:.1em;text-transform:uppercase;text-align:center}
.tiles{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}
.tile{display:flex;flex-direction:column;align-items:center;gap:3px;padding:16px 10px;border-radius:14px;background:#fff;border:1px solid #d9c9a3;text-align:center;box-shadow:0 6px 16px #8a642018}
.tile i{font-style:normal;font-size:34px;line-height:1.1}.tile b{font:900 22px/1.05 Arial;color:#a4741f}.tile span{font-weight:900;font-size:14px;text-transform:uppercase;letter-spacing:.03em;color:#111}.tile small{font-size:15px;line-height:1.4;color:#3a342a}
.prizes-t .tile b{font-size:15px;letter-spacing:.14em;text-transform:uppercase;color:#8a6420}.prizes-t .tile span{font-size:16px;text-transform:none}
.sheet-two{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.seasons{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
.seasons div{display:grid;justify-items:center;gap:2px;padding:12px 8px;border-radius:12px;background:#fff;border:1px solid #d9c9a3;text-align:center}
.seasons div.now{border:2px solid #c9952e;background:#fff7e0}
.seasons i{font-style:normal;font-size:26px}.seasons b{font-size:14px;line-height:1.2;color:#111}.seasons small{font-size:14.5px;line-height:1.35;color:#3a342a}
.script{margin:-2px 0 10px;text-align:center;font:italic 700 18px Georgia,serif;color:#a4741f}
.refer-strip{display:flex;justify-content:space-between;align-items:center;gap:18px;flex-wrap:wrap;margin-top:22px;padding:18px 20px;border-radius:16px;background:#0b0c0f;color:#fff}
.refer-strip small{font-size:14.5px;font-weight:900;letter-spacing:.16em;text-transform:uppercase;color:#f5cf6a}.refer-strip b{display:block;font-size:clamp(18px,2.4vw,24px)}.refer-strip span{color:#e4e8ec;font-size:15px}
.mini-punch{display:flex;gap:6px}.mini-punch i{display:grid;place-items:center;width:52px;height:52px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#fff1c4,#f5cf6a 55%,#8a6420);color:#111;font:900 13.5px Arial;font-style:normal}
.sheet-cta{margin-top:22px;text-align:center}.sheet-cta p{margin:10px 0 0;font-size:14px;font-weight:900;letter-spacing:.2em;text-transform:uppercase;color:#3a342a}

/* Dashboard additions */
.track{list-style:none;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:0 0 18px;padding:0}
.track li{display:flex;align-items:center;gap:10px;padding:12px 14px;border-radius:14px;border:1px dashed #f5cf6a66;background:#ffffff06;cursor:pointer}
.track li.ok{border-style:solid;border-color:#5fe89666;background:#5fe89610;cursor:default}
.track i{display:grid;place-items:center;flex:none;width:30px;height:30px;border-radius:50%;background:#f5cf6a26;color:var(--gold2);font:900 14px Arial;font-style:normal}.track li.ok i{background:#1f9c50;color:#fff}
.track b{font-size:15px}
.link-btn{margin-left:auto;background:none;border:0;color:var(--gold2);font:700 14px Arial;text-decoration:underline;cursor:pointer}
.shop{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:10px}
.shop-i{display:grid;grid-template-columns:40px 1fr;column-gap:10px;align-items:center;padding:14px;border-radius:14px;border:1px solid #f5cf6a44;background:#f5cf6a0d;color:#fff;text-decoration:none;transition:border-color .2s,transform .2s}
.shop-i:hover{border-color:var(--gold);transform:translateY(-2px)}.shop-i i{grid-row:span 2;font-style:normal;font-size:28px}.shop-i b{font-size:15px}.shop-i span{font-size:15px;color:var(--gold2);font-weight:700}

/* Welcome journey pop-up */
.j-steps{list-style:none;display:flex;justify-content:center;gap:10px;margin:0;padding:22px 50px 0}
.j-steps li{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;border:2px solid #ffffff2e;color:#ccd2d9;font:900 14px Arial;position:relative}
.j-steps li+li:before{content:"";position:absolute;right:100%;width:10px;height:2px;background:#ffffff2e}
.j-steps li.on{border-color:var(--gold);background:var(--gold);color:#111}.j-steps li.ok{border-color:#1f9c50;background:#1f9c50;color:#fff}
.int-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;padding:18px 24px}
.int{position:relative;display:grid;justify-items:center;gap:6px;padding:16px 10px;border-radius:16px;border:1px solid #ffffff24;background:#ffffff0a;color:#fff;text-align:center;cursor:pointer;transition:transform .2s,border-color .2s,background .2s}
.int:hover{transform:translateY(-2px);border-color:#f5cf6a88}.int i{font-style:normal;font-size:30px}.int b{font-size:15px;line-height:1.25}
.int[aria-pressed=true]{border:2px solid var(--gold);background:#f5cf6a24}.int[aria-pressed=true]:after{content:"✓";position:absolute;top:8px;right:8px;display:grid;place-items:center;width:24px;height:24px;border-radius:50%;background:#1f9c50;color:#fff;font-weight:900;font-size:14.5px}
.wheel-zone{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.9fr);gap:24px;align-items:center;padding:14px 28px}
.wheel-wrap{position:relative;width:min(100%,420px);aspect-ratio:1;margin:auto}
.wheel-wrap svg{width:100%;height:100%;display:block;filter:drop-shadow(0 20px 40px #000c)}
#wheel-g{transform-origin:0 0}
.pointer{position:absolute;top:-6px;left:50%;z-index:2;width:0;height:0;margin-left:-16px;border:16px solid transparent;border-top:30px solid #ff2a1f;border-bottom:0;filter:drop-shadow(0 3px 4px #000a)}
.hub{position:absolute;top:50%;left:50%;width:27%;aspect-ratio:1;transform:translate(-50%,-50%);border-radius:50%;border:4px solid #f5cf6a;background:radial-gradient(circle at 35% 30%,#2a2f37,#07080b);color:#f5cf6a;font:900 clamp(16px,3vw,22px) Arial;letter-spacing:.08em;cursor:pointer;box-shadow:0 0 0 6px #0b0c0f,0 10px 30px #000c;animation:pulse 1.8s infinite}
.hub:disabled{cursor:default;animation:none;opacity:.9}
.won .clock{margin:0}
.won-card{padding:22px;border-radius:20px;background:linear-gradient(160deg,#fffaf0,#f3e7cc);color:#17140f;text-align:center;box-shadow:0 20px 60px #000a,0 0 0 3px #f5cf6a}
.won-card small{font-size:14px;font-weight:900;letter-spacing:.16em;text-transform:uppercase;color:#1f9c50}.won-card b{display:block;margin-top:4px;font:900 clamp(30px,5vw,44px)/1 Arial;color:#a4741f}.won-card span{display:block;font-size:20px;font-weight:900;text-transform:uppercase}.won-card em{display:block;margin-top:6px;font-style:normal;font-size:15px;color:#3a342a}.won-card p{margin:12px 0 0;font-size:14.5px;color:#2b261d}
.won-card.pop-in{animation:popin .6s cubic-bezier(.2,1.4,.3,1)}
#raffle-prizes{padding:8px 24px;grid-template-columns:repeat(5,minmax(0,1fr))}
#raffle-prizes .tile{background:#fffaf0}
.ticket{display:inline-grid;gap:2px;margin:0 auto 14px;padding:14px 30px;border-radius:14px;background:repeating-linear-gradient(90deg,#f5cf6a 0 14px,#ffe7a3 14px 28px);color:#111;border:2px dashed #8a6420}
.ticket small{font-size:13.5px;font-weight:900;letter-spacing:.2em;text-transform:uppercase}.ticket b{font:900 24px monospace;letter-spacing:.08em}.ticket span{font-weight:800}
.more{list-style:none;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:0;padding:16px 24px}
.more li{display:grid;grid-template-columns:44px 1fr;gap:12px;align-items:center;padding:14px 16px;border-radius:16px;border:1px solid #f5cf6a44;background:#ffffff08}
.more i{font-style:normal;font-size:30px;text-align:center}.more b{display:block;font-size:15.5px}.more span{font-size:14px;color:#dfe3e8}
@media(max-width:900px){#join-card{position:static}.tiles,#raffle-prizes{grid-template-columns:repeat(2,minmax(0,1fr))}.sheet-two,.wheel-zone,.more{grid-template-columns:1fr}.int-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.track,.journey-mini{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:520px){.big-stats{grid-template-columns:1fr}.seasons{grid-template-columns:repeat(2,minmax(0,1fr))}.int-grid,.more{padding:14px}.wheel-zone{padding:10px 14px}.mini-punch i{width:42px;height:42px;font-size:13px}.top #who-e{display:none}}
.pop[open]{position:fixed;inset:0;z-index:60;height:fit-content;margin:auto;overflow-y:auto;overscroll-behavior:contain}
.pop-bg{position:fixed;inset:0;z-index:59;background:#000c;backdrop-filter:blur(6px)}
.jr-open body{overflow:hidden}
