.reward-strip{display:flex;flex-wrap:wrap;gap:8px;margin:-6px 0 14px}.reward-card{display:flex;align-items:center;gap:8px;min-width:180px;flex:1 1 180px;max-width:320px;padding:6px 10px;border-radius:12px;background:var(--panel,#fff);border:2px solid #f4c542;box-shadow:0 2px 0 rgba(0,0,0,.08);font-size:13px}.reward-card.done{border-color:#ff8a3d;background:#fff6e8}@media (prefers-reduced-motion:no-preference){.reward-card.just-achieved{animation:reward-pop .6s ease-out 2}}@keyframes reward-pop{0%{transform:scale(1)}40%{transform:scale(1.06)}to{transform:scale(1)}}.reward-gift{font-size:22px;line-height:1}.reward-body{display:flex;flex-direction:column;gap:2px;min-width:0;flex:1 1}.reward-title{font-weight:800;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.reward-line{font-size:12px;color:var(--muted,#666)}.reward-card.done .reward-line{color:#d9531e;font-weight:700}.reward-bar{display:block;height:6px;border-radius:3px;background:rgba(0,0,0,.08);overflow:hidden}.reward-bar-fill{display:block;height:100%;background:linear-gradient(90deg,#f4c542,#ff8a3d);transition:width .4s ease}@media (max-width:600px){.reward-card{max-width:none}}