/* account.css — Profile, Help, Rewards and tiers. */

/* ── PROFILE & HELP PAGES ── */
.info-card{background:var(--bg2);border:1px solid var(--border);border-radius:4px;padding:1.5rem;margin-bottom:1rem;}
.info-title{font-family:var(--font-display);font-size:1.2rem;color:var(--cream);margin-bottom:.8rem;}
.info-text{font-size:.7rem;color:var(--muted);line-height:1.8;}
.info-text strong{color:var(--text);}

/* Help / FAQ: grouped questions that open on tap */
.faq-group{padding:1.1rem 1.2rem .6rem;}
.faq-group .info-title{margin-bottom:.4rem;}
.faq-item{border-top:1px solid var(--border);}
.faq-item:first-of-type{border-top:none;}
.faq-item summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:.8rem;padding:.75rem 0;font-size:.78rem;font-weight:500;color:var(--text);}
.faq-item summary::-webkit-details-marker{display:none;}
.faq-item summary::after{content:'+';flex-shrink:0;color:var(--green);font-size:1rem;line-height:1;}
.faq-item[open] summary::after{content:'−';}
.faq-item .info-text{padding:0 0 .9rem;}
.faq-tour-btn{display:block;width:100%;margin-bottom:1rem;padding:.8rem;background:var(--bg2);border:1px solid var(--green);border-radius:8px;color:var(--green);font-family:var(--font-sans);font-size:.78rem;font-weight:600;cursor:pointer;}
.profile-row{display:flex;justify-content:space-between;align-items:center;padding:.8rem 0;border-bottom:1px solid var(--border);}
.profile-row:last-child{border-bottom:none;}
.profile-label{font-size:.65rem;color:var(--muted);letter-spacing:.08em;text-transform:uppercase;}
.profile-value{font-size:.75rem;color:var(--text);font-family:var(--font-sans);}
/* ── REWARDS SYSTEM ── */
.rewards-hero{background:linear-gradient(135deg,rgba(82,196,90,.15),rgba(212,168,67,.15));border:2px solid var(--gold);border-radius:4px;padding:2rem;margin-bottom:1.5rem;text-align:center;position:relative;overflow:hidden;}
.rewards-hero::before{content:'';position:absolute;top:-50%;right:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(212,168,67,.1) 0%,transparent 70%);animation:pulse 4s ease-in-out infinite;}
@keyframes pulse{0%,100%{opacity:.3;transform:scale(1);}50%{opacity:.6;transform:scale(1.1);}}
.tier-badge{display:inline-block;font-size:3rem;margin-bottom:.5rem;filter:drop-shadow(0 4px 8px rgba(212,168,67,.3));}
.tier-name{font-family:var(--font-display);font-size:1.8rem;color:var(--gold);margin-bottom:.3rem;}
.points-display{font-size:2.5rem;font-family:var(--font-sans);color:var(--green);font-weight:700;margin:.5rem 0;}
.points-label{font-size:.65rem;color:var(--muted);letter-spacing:.15em;text-transform:uppercase;}
.challenges-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1rem;margin-bottom:2rem;}
.challenge-card{background:var(--bg2);border:2px solid var(--border);border-radius:4px;padding:1.2rem;transition:all .2s;position:relative;}
.challenge-card.completed{border-color:var(--green);background:linear-gradient(135deg,rgba(82,196,90,.08),transparent);}
.challenge-card.completed::before{content:'✓';position:absolute;top:.5rem;right:.5rem;background:var(--green);color:var(--bg0);width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.8rem;font-weight:bold;}
.challenge-header{display:flex;align-items:center;gap:.8rem;margin-bottom:.8rem;}
.challenge-icon{font-size:2rem;filter:grayscale(100%);}
.challenge-card.completed .challenge-icon{filter:grayscale(0%);}
.challenge-info{flex:1;}
.challenge-title{font-size:.85rem;color:var(--cream);font-weight:600;margin-bottom:.2rem;}
.challenge-points{font-size:.6rem;color:var(--green);font-family:var(--font-sans);font-weight:600;}
.challenge-desc{font-size:.62rem;color:var(--muted);margin-bottom:.8rem;line-height:1.5;}
.challenge-progress{background:var(--bg3);height:6px;border-radius:3px;overflow:hidden;margin-bottom:.3rem;}
.challenge-progress-fill{background:linear-gradient(90deg,var(--green2),var(--green));height:100%;transition:width .5s ease;}
.challenge-progress-text{font-size:.58rem;color:var(--muted);font-family:var(--font-sans);}
/* ── REWARDS TABS ── */
.rewards-tab{font-family:var(--font-sans);}
.rewards-tab.active{color:var(--green);border-bottom-color:var(--green) !important;}
.rewards-tab:hover{color:var(--text);}
.rewards-tab-content{animation:fadeIn 0.3s ease;}
@keyframes fadeIn{from{opacity:0;transform:translateY(10px);}to{opacity:1;transform:translateY(0);}}
/* ── FRIENDS PAGE ── */
.medal{text-align:center;transition:all .3s;}
@keyframes bounce{0%,100%{transform:translateY(0);}50%{transform:translateY(-10px);}}