.hero-unlock{color:#f1e9d6;background:linear-gradient(135deg,#262038,#12232a);border:1px solid #d9b257;border-radius:12px;grid-template-columns:100px 1fr;gap:12px;margin:18px 0;padding:18px;animation:.65s ease-out hero-arrives;display:grid;position:relative}.hero-unlock>svg{color:#f5cc73;animation:1s ease-in-out 3 hero-sparkle;position:absolute;top:12px;right:12px}.hero-unlock .hero-unlock-label{letter-spacing:.1em;color:#f5cc73;grid-column:1/-1;margin:0;font-size:14px;font-weight:700}.hero-unlock img{object-fit:contain;align-self:center;width:100%;max-height:210px}.hero-unlock h3{margin:0;font-size:20px}.hero-unlock p{margin:6px 0;font-size:14px}.hero-unlock-lore{max-height:100px;line-height:1.5;overflow:auto}.hero-unlock .button{margin-top:8px;padding:7px 12px;font-size:14px}@keyframes hero-arrives{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}@keyframes hero-sparkle{50%{transform:scale(1.4)rotate(20deg)}}@media (prefers-reduced-motion:reduce){.hero-unlock,.hero-unlock>svg{animation:none}}