/* O degradê pertence ao cartão; o dragão continua somente no fundo da página. */
.loyalty {
 --card-start:#4b1025;--card-end:#0d1119;
 --text:#f5f3f0;--muted:#c7c3c0;--panel:#15161e;--input:#15161e;--line:#52525d;--accent-ink:#ffffff;
 color:var(--text);
 background:linear-gradient(#0009,#0009),linear-gradient(135deg,var(--card-start),var(--card-end));
 border-top:1px solid var(--line);
}
.loyalty::before{display:none}
.loyalty p,.loyalty label{color:var(--text)}
.loyalty .reward{color:#fff}
.loyalty .tattoo-step.is-done{color:var(--on-accent)}
.loyalty .tattoo-step.is-done .step-state{color:var(--on-accent)}
#card-style input[type=color]{min-height:48px}