.reward-card{aspect-ratio:114/163;width:100%;transform-style:preserve-3d;container-type:inline-size}.reward-card__face{box-sizing:border-box;color:#fff;text-align:center;width:100%;height:100%;font-family:var(--font-display), "Segoe UI", sans-serif;background:radial-gradient(circle at 50% 32%,#ffe56a 0%,#f6a218 14%,#e07008 38%,#c24c04 64%,#6e2603 100%);border:4.7cqi solid #f8d09a;border-radius:9.2cqi;flex-direction:column;justify-content:flex-start;align-items:center;padding:1.2cqi 5.4cqi 4.6cqi;font-size:6.55cqi;display:flex;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1.15cqi #ffe7a4,inset 0 0 2.2cqi #6e240029,0 1.4cqi 2.8cqi #78300847}.reward-card__face:before{content:"";pointer-events:none;background:repeating-conic-gradient(from -2deg at 50% 31%,#ffec78eb 0deg 2.2deg,#ffaa1e00 2.2deg 6.4deg);position:absolute;inset:0;-webkit-mask-image:radial-gradient(circle at 50% 31%,#000 6%,#000000c7 42%,#0000 78%);mask-image:radial-gradient(circle at 50% 31%,#000 6%,#000000c7 42%,#0000 78%)}.reward-card__icon,.reward-card__time,.reward-card h3,.reward-card p{z-index:1;position:relative}.reward-card h3,.reward-card p{margin:0}.reward-card__icon{object-fit:contain;filter:drop-shadow(0 .45cqi .7cqi #5a200038);flex:none;width:92%;height:auto;margin-top:-1.2cqi;display:block}.reward-card__time{color:#fff;letter-spacing:.01em;background:#4a1c00;border-radius:999px;justify-content:center;align-items:center;gap:.38em;margin-top:-.15em;padding:.28em .78em .3em;font-size:.78em;font-weight:800;line-height:1;display:inline-flex;box-shadow:inset 0 .08em #ffdca02e}.reward-card__time svg{flex:none;width:1.05em;height:1.05em}.reward-card h3{color:#fff;letter-spacing:-.02em;text-shadow:0 .06em .12em #6e280047;margin-top:.42em;font-size:1.28em;font-weight:800;line-height:1.05}.reward-card p{color:#fff4e8;max-width:11.2em;margin-top:.28em;font-size:.72em;font-weight:700;line-height:1.22}.reward-card.is-spinning{animation:1.05s cubic-bezier(.16,.84,.28,1) both reward-card-spin}@keyframes reward-card-spin{0%{opacity:0;transform:rotateY(540deg)scale(.42)}40%{opacity:1}to{opacity:1;transform:rotateY(0)scale(1)}}.profile-rewards__grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;width:min(100%,52rem);display:grid}.profile-reward-btn{cursor:pointer;background:0 0;border:0;width:100%;padding:0;display:block}.profile-reward-btn:focus-visible{outline-offset:3px;border-radius:1.2rem;outline:3px solid #c06c4c}.focus-badge-dialog .reward-card{width:min(100%,11.5rem);margin:.2rem auto .35rem}@media (prefers-reduced-motion:reduce){.reward-card.is-spinning{animation:none}}@media (min-width:900px){.profile-rewards__grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
