/* Shared Reward Renderer. Legacy frame selectors remain in avatar_frames.css. */
.reward-badge { display:inline-flex; align-items:center; gap:.34em; max-width:100%; min-height:1.85em; padding:.28em .64em; border-radius:999px; background:rgba(255,255,255,.2); color:inherit; font:inherit; font-size:.82em; font-weight:700; line-height:1.2; vertical-align:middle; }
.reward-badge__emoji { flex:none; font-family:"Segoe UI Emoji","Apple Color Emoji","Noto Color Emoji",sans-serif; }
.reward-badge__label { min-width:0; overflow-wrap:anywhere; }
.reward-badge--compact { font-size:.74em; padding:.22em .5em; }
.reward-badge--shop-preview { color:#21160b; background:rgba(255,255,255,.62); }
.reward-frame-wrapper.reward-frame--structured { box-sizing:border-box; }
.reward-frame-wrapper.reward-frame--profile-large { width:102px; height:102px; }
.reward-frame-wrapper.reward-frame--avatar { width:100%; height:100%; }
.reward-frame--compact { width:40px; height:40px; }
.reward-frame-wrapper.reward-frame--shop-preview { width:74px; height:74px; }
@media (max-width:430px) { .reward-badge { white-space:normal; } }