.badge-modal-overlay{align-items:center;animation:modal-fade-in .3s ease-out;background:rgba(0,0,0,.5);display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:10000}.badge-modal-content{animation:modal-slide-in .3s ease-out;background:#fff;border-radius:12px;box-shadow:0 20px 40px rgba(0,0,0,.3);max-width:400px;width:90%}.badge-modal-header{align-items:center;border-bottom:1px solid #eee;display:flex;padding:1.5rem 1.5rem 1rem;position:relative}.badge-modal-icon{flex-shrink:0;font-size:1.4rem;margin-right:1rem}.badge-modal-title{color:#333;flex-grow:1;font-size:1.25rem;font-weight:600}.badge-modal-close{background:none;border:none;border-radius:50%;color:#666;cursor:pointer;font-size:1.2rem;padding:.5rem;transition:all .2s ease}.badge-modal-close:hover{background:#f0f0f0;color:#333}.badge-modal-body{padding:1.5rem}.badge-modal-description{color:#666;line-height:1.5;margin-bottom:1.5rem}.badge-modal-progress{margin-top:1rem}.badge-modal-unlocked{background:#d4edda;border-radius:8px;color:#155724;font-weight:500;padding:.75rem;text-align:center}.badge-modal-progress-bar{background:#f0f0f0;border-radius:10px;height:8px;margin-bottom:.5rem;overflow:hidden}.badge-modal-progress-fill{background:var(--aws-orange);border-radius:10px;height:100%;transition:width .3s ease}.badge-modal-progress-text{color:#666;font-size:.9rem;text-align:center}@keyframes modal-fade-in{from{opacity:0}to{opacity:1}}@keyframes modal-slide-in{from{opacity:0;transform:translateY(-20px) scale(0.95)}to{opacity:1;transform:translateY(0) scale(1)}}[data-mode=dark] .badge-modal-content{background:#2d3748;color:#e2e8f0}[data-mode=dark] .badge-modal-header{border-bottom-color:#4a5568}[data-mode=dark] .badge-modal-title{color:#e2e8f0}[data-mode=dark] .badge-modal-close{color:#a0aec0}[data-mode=dark] .badge-modal-close:hover{background:#4a5568;color:#e2e8f0}[data-mode=dark] .badge-modal-description{color:#a0aec0}[data-mode=dark] .badge-modal-progress-text{color:#a0aec0}.js-tooltip{animation:tooltip-fade-in .2s ease-out;background:#000;border-radius:6px;box-shadow:0 4px 12px rgba(0,0,0,.3);color:#fff;font-size:12px;max-width:200px;min-width:120px;padding:8px 12px;pointer-events:none;position:fixed;text-align:center;white-space:nowrap;z-index:10000}@keyframes tooltip-fade-in{from{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}