.menu-profile { border:0; background:transparent; color:inherit; text-align:left; cursor:pointer; }
.rewards-shell { overflow:auto; padding:24px max(22px,env(safe-area-inset-right)) 28px max(22px,env(safe-area-inset-left)); background:radial-gradient(ellipse at 30% 0,#153d33,transparent 65%),var(--ink); }
.rewards-inner { max-width:1080px; margin:0 auto; }
.rewards-top { display:flex; align-items:center; justify-content:space-between; gap:16px; padding-bottom:18px; border-bottom:1px solid var(--line); font-size:13px; letter-spacing:.12em; }
.rewards-balance { text-align:right; letter-spacing:0; }
.rewards-balance small { display:block; color:var(--muted); font-size:10px; }
.rewards-balance strong { font-size:25px; color:var(--gold); }
.rewards-heading { display:flex; align-items:center; justify-content:space-between; gap:16px; margin-top:25px; }
.rewards-heading h1 { margin:6px 0 0; font-size:clamp(23px,3vw,38px); letter-spacing:-.025em; }
.rewards-note { color:var(--muted); font-size:13px; margin:12px 0 22px; }
.rewards-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:18px; }
.reward-card { display:flex; flex-direction:column; min-width:0; padding:24px; border:1px solid var(--line); border-radius:18px; background:linear-gradient(145deg,#172c26,#081712); box-shadow:0 12px 30px #0003; }
.reward-daily { border-color:#bd945651; background:radial-gradient(ellipse at 0 0,#4a3b24,transparent 75%),#111e19; }
.reward-topline { display:flex; justify-content:space-between; gap:8px; align-items:center; font-size:11px; letter-spacing:.09em; color:var(--cream); }
.reward-badge { color:var(--teal); padding:5px 8px; border:1px solid #20d0c634; border-radius:6px; font-size:9px; white-space:nowrap; }
.reward-value { display:flex; align-items:center; gap:18px; margin:22px 0 14px; }
.reward-value strong { display:block; font-size:56px; line-height:1; color:var(--gold); letter-spacing:-.04em; }
.reward-value div>span { display:block; font-size:10px; letter-spacing:.15em; margin-top:5px; color:#d9caac; }
.reward-coin { display:grid; place-items:center; width:65px; height:65px; border:3px solid #e5bc6b; border-radius:50%; background:radial-gradient(circle at 30% 20%,#fff0ac,#dca039 60%,#8f5b18); box-shadow:inset 0 0 0 3px #8f651b,0 6px 16px #0006; color:#fff4c9; font-size:36px; text-shadow:0 2px #765010; }
.reward-card h2 { font-size:22px; margin:0 0 7px; }
.reward-card p { color:var(--muted); font-size:13px; line-height:1.55; margin:0 0 16px; }
.reward-detail { display:flex; flex-wrap:wrap; gap:6px 16px; color:#a7c5b9; font-size:11px; margin-top:auto; margin-bottom:16px; }
.reward-daily .reward-detail { flex-direction:column; padding-top:16px; }
.rewards-primary,.rewards-secondary { cursor:pointer; border-radius:8px; font-weight:800; letter-spacing:.04em; }
.rewards-primary { width:100%; min-height:44px; padding:12px; border:1px solid #d6bc78; background:linear-gradient(#efcf87,#c49a45); color:#24200f; }
.reward-invite .rewards-primary { border-color:#2bc2b0; background:linear-gradient(#138878,#096455); color:#f3f2df; }
.rewards-secondary { border:1px solid var(--line); color:var(--cream); background:#162820; min-height:38px; padding:9px 14px; font-size:11px; }
.rewards-shell button:disabled { opacity:.5; cursor:default; }
.reward-code { margin-bottom:12px; }
.reward-code label,.redeem-panel label { display:block; font-size:10px; color:var(--muted); letter-spacing:.09em; margin-bottom:6px; }
.reward-code>div,.redeem-panel form>div { display:flex; gap:8px; }
.rewards-shell input { min-width:0; width:100%; background:#06120d; border:1px solid var(--line); border-radius:7px; color:var(--cream); padding:10px 12px; font:700 15px var(--condensed); letter-spacing:.09em; }
.reward-code button { border:1px solid var(--line); background:#182b24; color:var(--teal); border-radius:7px; cursor:pointer; font-size:10px; padding:0 14px; }
.redeem-panel { margin-top:16px; padding:15px 18px; border:1px solid var(--line); border-radius:10px; background:#07160fcc; font-size:13px; }
.redeem-panel summary { cursor:pointer; display:flex; justify-content:space-between; gap:12px; }
.redeem-panel summary span { color:var(--gold); }
.redeem-panel form { margin-top:16px; max-width:540px; }
.redeem-panel p { color:var(--muted); font-size:11px; margin-bottom:0; }
#rewards-status { min-height:20px; color:var(--teal); font-size:13px; }
#rewards-status.error { color:var(--danger); }
@media(max-width:600px) and (orientation:portrait) { .rewards-grid { grid-template-columns:1fr; } .rewards-top>span { font-size:10px; } .reward-card { padding:20px; } }
@media(max-height:500px) { .rewards-shell { padding-top:12px; } .rewards-top { padding-bottom:10px; } .rewards-heading { margin-top:14px; } .rewards-note { margin:8px 0 14px; } .reward-card { padding:16px; } .reward-value { margin:14px 0 12px; } .reward-value strong { font-size:40px; } .reward-coin { width:48px; height:48px; font-size:25px; } .reward-card h2 { font-size:18px; } }