.badge-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center;z-index:50;padding:1rem}.badge-modal-container{background-color:#fff;box-shadow:0 25px 50px -12px rgba(0,0,0,.25);max-width:28rem;width:80%;max-height:90vh;overflow-y:auto}.badge-modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border-bottom:1px solid #e5e7eb}.badge-modal-title{font-size:1.25rem;font-weight:700;color:#111827;margin:0}.badge-modal-close-btn{color:#9ca3af;background:none;border:none;cursor:pointer;padding:.25rem;border-radius:.25rem;transition:color .15s ease-in-out}.badge-modal-close-btn:hover{color:#4b5563}.badge-modal-content{padding:1.5rem}.badge-modal-icon-section{display:flex;flex-direction:column;align-items:center}.badge-modal-icon{width:6rem;height:6rem}.badge-modal-icon img{width:100%;height:100%;object-fit:contain}.badge-modal-badge-title{font-size:1.5rem;font-weight:700;color:#111827;text-align:center;margin:0 0 .5rem}.badge-modal-rarity{padding:.5rem .75rem;border-radius:9999px;font-size:.875rem;font-weight:500}.badge-modal-rarity.legendary{background-color:#f3e8ff;color:#7c3aed}.badge-modal-rarity.rare{background-color:#fef2f2;color:#dc2626}.badge-modal-rarity.uncommon{background-color:#fefce8;color:#ca8a04}.badge-modal-rarity.common{background-color:#f0fdf4;color:#16a34a}.badge-modal-description-section{margin-bottom:1.5rem;text-align:center}.badge-modal-description-title{font-weight:600;color:#111827;margin:0 0 .5rem}.badge-modal-description-text{color:#374151;line-height:1.625;margin:0}.badge-modal-achievement-box{margin-top:1rem;padding:.75rem;background-color:#eff6ff;border-radius:.5rem}.badge-modal-achievement-text{color:#1e40af;font-size:.875rem;margin:0}.badge-modal-detail-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem}.badge-modal-detail-row:last-child{margin-bottom:0}.badge-modal-detail-label{color:#4b5563}.badge-modal-detail-value{font-weight:500;color:#111827}.badge-modal-detail-value.expiring{color:#ca8a04}.badge-modal-warning-box{margin-top:1rem;padding:.75rem;background-color:#fefce8;border:1px solid #fde047;border-radius:.5rem}.badge-modal-warning-text{color:#a16207;font-size:.675rem;margin:0}.badge-modal-footer{padding:1rem 1.5rem;background-color:#f9fafb;border-bottom-left-radius:.75rem;border-bottom-right-radius:.75rem}.badge-modal-footer-btn{width:100%;background-color:#2563eb;color:#fff;padding:.5rem 1rem;border-radius:.5rem;border:none;cursor:pointer;transition:background-color .15s ease-in-out;font-weight:500}.badge-modal-footer-btn:hover{background-color:#1d4ed8}.badge-modal-overlay{animation:fadeIn .15s ease-out}.badge-modal-container{animation:scaleIn .15s ease-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@media (max-width:640px){.badge-modal-overlay{padding:.5rem}.badge-modal-icon{width:5rem;height:5rem}.badge-modal-badge-title{font-size:1.25rem}.badge-modal-content,.badge-modal-header{padding:1rem}.badge-modal-footer{padding:.75rem 1rem}}