.xp-rewards-page { max-width:1100px; padding-block:32px 60px; }
.xp-rewards-page>p { max-width:760px; line-height:1.7; }
.xp-progress-panel { margin-block:22px; padding:24px; border:1px solid var(--color-border-soft,#d8d8e6); border-radius:20px; background:var(--color-surface,#fff); color:var(--color-text,#182039); }
.xp-progress-heading { display:flex; flex-wrap:wrap; gap:12px; justify-content:space-between; }
.xp-progress-panel h2 { margin:16px 0 8px; font-size:1.35rem; }
.xp-progress-panel progress { display:block; width:100%; height:12px; margin:16px 0; accent-color:var(--color-primary,#6544bf); border:0; border-radius:99px; overflow:hidden; background:#e6e3ef; }
.xp-progress-panel progress::-webkit-progress-bar { background:#e6e3ef; }
.xp-progress-panel progress::-webkit-progress-value { background:var(--color-primary,#6544bf); border-radius:99px; }
.xp-progress-panel progress::-moz-progress-bar { background:var(--color-primary,#6544bf); }
.xp-reward-section { margin-block:36px; }
.xp-reset { margin-bottom:18px; }
.xp-reward-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr)); gap:16px; }
.xp-reward-card { border:1px solid var(--color-border-soft,#d8d8e6); border-radius:18px; padding:20px; background:var(--color-surface,#fff); display:flex; flex-direction:column; gap:8px; }
.xp-reward-card h3,.xp-reward-card p { margin:0; }
.xp-reward-card form { margin-top:auto; padding-top:12px; }
.xp-equipped { outline:2px solid var(--color-primary,#6544bf); outline-offset:1px; }
.xp-reward-swatch { color:var(--reward-colour); font-size:40px; }
.xp-notice { border:1px solid var(--color-border-soft,#d8d8e6); padding:14px; border-radius:12px; }
.xp-title { display:inline-block; padding:5px 11px; border:1px solid currentColor; border-radius:99px; font-weight:700; font-size:.85rem; }
.profile-avatar-wrap.xp-frame { border:0; border-radius:24px; padding:0; box-shadow:0 0 0 4px var(--reward-colour),0 0 0 7px var(--color-surface,#fff); }
body[data-xp-theme="theme_ocean"] { --color-primary:#146a8a; --color-primary-hover:#0e516b; --color-primary-soft:#e2f3f8; }
body[data-xp-theme="theme_forest"] { --color-primary:#246c48; --color-primary-hover:#175135; --color-primary-soft:#e6f3e8; }
body[data-xp-theme="theme_sunset"] { --color-primary:#9b4930; --color-primary-hover:#7b3320; --color-primary-soft:#fff0e8; }