.achievement-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);z-index:15999;animation:fadeIn .2s ease}.achievement-modal-container{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);z-index:16000;animation:modalSlideIn .25s ease;width:calc(100% - 32px);max-width:400px}.achievement-modal{background:#0c0c0c;border:1px solid rgba(255,255,255,.06);border-radius:16px;overflow:hidden;display:flex;flex-direction:column}.achievement-header{display:flex;align-items:center;justify-content:space-between;padding:14px 16px 14px 20px;border-bottom:1px solid rgba(255,255,255,.04)}.achievement-title{font-size:14px;font-weight:600;color:#ffffffd9;margin:0;display:flex;align-items:center;gap:8px}.achievement-title-level{font-size:10px;font-weight:600;letter-spacing:.02em;color:#ffffff80;background:#ffffff0a;border:1px solid rgba(255,255,255,.06);padding:2px 8px;border-radius:100px}.achievement-title-level.max-level{color:#fbbf24d9;background:#fbbf240f;border:1px solid rgba(251,191,36,.12)}.achievement-close{width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;cursor:pointer;color:#ffffff40;transition:color .15s ease;border-radius:100px;flex-shrink:0}.achievement-close:hover{color:#fff9}.achievement-content{padding:20px}.achievement-icon-container{width:88px;height:88px;margin:0 auto 16px;position:relative;perspective:600px}.achievement-icon-shadow{position:absolute;top:4px;left:4px;width:100%;height:100%;border-radius:50%;background:radial-gradient(circle,rgba(0,0,0,.3) 0%,transparent 70%);filter:blur(6px)}.achievement-icon{position:relative;width:100%;height:100%;object-fit:cover;border-radius:50%;transition:transform .3s ease}.achievement-icon:hover:not(.locked){transform:scale(1.05)}.achievement-icon.locked{filter:grayscale(100%) opacity(.35)}.coin-spin{animation:coinSpin .6s cubic-bezier(.22,1,.36,1);transform-style:preserve-3d}@keyframes coinSpin{0%{transform:rotateY(0) scale(1)}50%{transform:rotateY(180deg) scale(1.02)}to{transform:rotateY(360deg) scale(1)}}.achievement-description{font-size:13px;line-height:1.5;color:#ffffff8c;text-align:center;margin:0 0 16px}.achievement-rule-note{margin:0 0 14px;font-size:11px;line-height:1.5;color:#ffffff80;background:#ffffff06;border:1px solid rgba(255,255,255,.05);border-radius:8px;padding:8px 12px;text-align:center}.achievement-unlocked-wrapper{display:flex;justify-content:center;margin-bottom:14px}.achievement-unlocked{display:inline-flex;align-items:center;gap:5px;padding:5px 12px 5px 10px;border-radius:100px;background:#ffffff06;border:1px solid rgba(255,255,255,.05)}.achievement-unlocked-icon{color:#22c55ecc;display:flex;align-items:center}.achievement-unlocked-text{font-size:11px;font-weight:500;color:#ffffff80}.achievement-progress-section{display:flex;flex-direction:column;gap:6px;margin-bottom:14px}.achievement-progress-info{display:flex;justify-content:space-between;align-items:baseline}.achievement-progress-label{font-size:11px;color:#fff6;font-weight:500}.achievement-progress-value{font-size:11px;color:#fff9;font-weight:600;font-variant-numeric:tabular-nums}.achievement-progress-bar{width:100%;height:5px;border-radius:100px;background:#ffffff0f;overflow:hidden}.achievement-progress-fill{height:100%;background:linear-gradient(90deg,#3b82f6,#60a5fa);border-radius:100px;transition:width .5s cubic-bezier(.4,0,.2,1);min-width:4px}.achievement-rewards{padding:10px 12px;border-radius:10px;background:#ffffff06;border:1px solid rgba(255,255,255,.05);margin-bottom:0}.achievement-rewards-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.achievement-rewards-title{font-size:11px;font-weight:500;color:#ffffff59;letter-spacing:.02em}.achievement-info-button{background:transparent;border:none;padding:2px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:color .15s ease;position:relative;color:#ffffff40}.achievement-info-button:hover{color:#ffffff8c}.achievement-reward-item{display:flex;align-items:center;gap:10px;padding:0}.achievement-reward-icon-wrapper{width:30px;height:30px;border-radius:8px;background:#3b82f614;display:flex;align-items:center;justify-content:center;flex-shrink:0}.achievement-reward-icon{width:16px;height:16px;object-fit:contain}.achievement-reward-name{font-size:12px;color:#ffffffb3;flex:1;font-weight:500}.achievement-reward-value{font-size:10px;font-weight:600;color:#60a5fae6;background:#3b82f614;padding:3px 8px;border-radius:100px;letter-spacing:.02em}.achievement-buttons{display:flex;gap:8px;padding:0 20px 20px}.achievement-button{flex:1;padding:11px 16px;border:none;font-size:12px;font-weight:600;cursor:pointer;transition:background .15s ease,opacity .15s ease;border-radius:10px;display:flex;align-items:center;justify-content:center;gap:6px;letter-spacing:.01em}.achievement-button:disabled{cursor:not-allowed;opacity:.5}.achievement-button.cancel{background:#ffffff0a;color:#fff9;border:1px solid rgba(255,255,255,.05)}.achievement-button.cancel:hover:not(:disabled){background:#ffffff0f}.achievement-button.primary{background:#4ba3f7;color:#fff}.achievement-button.primary:hover:not(:disabled){background:#2393f1}.achievement-button.primary:disabled{background:#4ba3f766;color:#dedede80}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes modalSlideIn{0%{opacity:0;transform:translate(-50%,-48%) scale(.98)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}@media(max-width:480px){.achievement-modal-container{position:fixed;top:auto;bottom:0;left:0;right:0;transform:none;width:100%;max-width:none;animation:slideUp .3s ease}.achievement-modal{border-radius:16px 16px 0 0;max-height:90vh}.achievement-header{padding:12px 14px 12px 16px}.achievement-title{font-size:13px}.achievement-content{padding:16px;overflow-y:auto;max-height:calc(90vh - 130px)}.achievement-icon-container{width:72px;height:72px;margin-bottom:12px}.achievement-description{font-size:12px;margin-bottom:12px}.achievement-rewards{padding:8px 10px}.achievement-reward-icon-wrapper{width:28px;height:28px}.achievement-reward-icon{width:14px;height:14px}.achievement-buttons{padding:0 16px 16px;padding-bottom:max(16px,env(safe-area-inset-bottom))}.achievement-button{font-size:12px;padding:11px 12px}}@keyframes slideUp{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}.inv-modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);z-index:15999;animation:invFadeIn .2s ease}.inv-modal-container{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);z-index:16000;animation:invSlideIn .25s ease;width:calc(100% - 32px);max-width:400px}.inv-modal{background:#0c0c0c;border:1px solid rgba(255,255,255,.06);border-radius:16px;overflow:hidden;display:flex;flex-direction:column}.inv-modal-header{display:flex;align-items:center;justify-content:space-between;padding:14px 16px 14px 20px;border-bottom:1px solid rgba(255,255,255,.04)}.inv-modal-title{font-size:14px;font-weight:600;color:#ffffffd9;margin:0;display:flex;align-items:center;gap:8px}.inv-modal-rarity{font-size:10px;font-weight:600;letter-spacing:.02em;padding:2px 8px;border-radius:100px;background:#ffffff0a;border:1px solid rgba(255,255,255,.06);color:#ffffff80}.inv-modal-rarity.rarity-uncommon{color:#22c55ed9;background:#22c55e0f;border-color:#22c55e1f}.inv-modal-rarity.rarity-rare{color:#60a5fad9;background:#3b82f60f;border-color:#3b82f61f}.inv-modal-rarity.rarity-epic{color:#a855f7d9;background:#a855f70f;border-color:#a855f71f}.inv-modal-rarity.rarity-legendary{color:#fbbf24d9;background:#fbbf240f;border-color:#fbbf241f}.inv-modal-close{width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;cursor:pointer;color:#ffffff40;transition:color .15s ease;border-radius:100px;flex-shrink:0}.inv-modal-close:hover{color:#fff9}.inv-modal-content{padding:20px}.inv-modal-icon-container{width:88px;height:88px;margin:0 auto 16px;position:relative}.inv-modal-icon-shadow{position:absolute;top:4px;left:4px;width:100%;height:100%;border-radius:50%;background:radial-gradient(circle,rgba(0,0,0,.3) 0%,transparent 70%);filter:blur(6px)}.inv-modal-icon-wrapper{position:relative;width:100%;height:100%;border-radius:50%;background:#ffffff08;border:1px solid rgba(255,255,255,.06);display:flex;align-items:center;justify-content:center}.inv-modal-icon-img{width:48px;height:48px;object-fit:contain}.inv-modal-icon-emoji{font-size:36px;line-height:1}.inv-modal-quantity{display:inline-flex;align-items:center;justify-content:center;margin:0 auto 12px;font-size:10px;font-weight:600;letter-spacing:.02em;color:#ffffff80;background:#ffffff0a;border:1px solid rgba(255,255,255,.06);padding:2px 10px;border-radius:100px}.inv-modal-description{font-size:13px;line-height:1.5;color:#ffffff8c;text-align:center;margin:0 0 14px}.inv-modal-effect{margin:0 0 14px;font-size:11px;line-height:1.5;color:#ffffff80;background:#ffffff06;border:1px solid rgba(255,255,255,.05);border-radius:8px;padding:8px 12px;display:flex;align-items:center;gap:6px}.inv-modal-effect-icon{color:#60a5fab3;display:flex;align-items:center;flex-shrink:0}.inv-modal-details{padding:10px 12px;border-radius:10px;background:#ffffff06;border:1px solid rgba(255,255,255,.05);margin-bottom:0}.inv-modal-details-title{font-size:11px;font-weight:500;color:#ffffff59;letter-spacing:.02em;margin-bottom:8px}.inv-modal-detail-row{display:flex;align-items:center;justify-content:space-between;padding:5px 0}.inv-modal-detail-row:not(:last-child){border-bottom:1px solid rgba(255,255,255,.03)}.inv-modal-detail-label{font-size:11px;color:#fff6;font-weight:400}.inv-modal-detail-value{font-size:11px;color:#ffffffb3;font-weight:500;font-variant-numeric:tabular-nums}.inv-modal-warning{display:flex;justify-content:center;margin-bottom:0}.inv-modal-warning-badge{display:inline-flex;align-items:center;gap:5px;padding:5px 12px 5px 10px;border-radius:100px;background:#3b82f60a;border:1px solid rgba(59,130,246,.08)}.inv-modal-warning-icon{color:#60a5fab3;display:flex;align-items:center}.inv-modal-warning-text{font-size:11px;font-weight:500;color:#ffffff80}.inv-modal-buttons{display:flex;gap:8px;padding:0 20px 20px}.inv-modal-button{flex:1;padding:11px 16px;border:none;font-size:12px;font-weight:600;cursor:pointer;transition:background .15s ease,opacity .15s ease;border-radius:10px;display:flex;align-items:center;justify-content:center;gap:6px;letter-spacing:.01em}.inv-modal-button:disabled{cursor:not-allowed;opacity:.5}.inv-modal-button.cancel{background:#ffffff0a;color:#fff9;border:1px solid rgba(255,255,255,.05)}.inv-modal-button.cancel:hover:not(:disabled){background:#ffffff0f}.inv-modal-button.primary{background:#4ba3f7;color:#fff}.inv-modal-button.primary:hover:not(:disabled){background:#2393f1}.inv-modal-button.primary:disabled{background:#4ba3f766;color:#dedede80}@keyframes invFadeIn{0%{opacity:0}to{opacity:1}}@keyframes invSlideIn{0%{opacity:0;transform:translate(-50%,-48%) scale(.98)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}@media(max-width:480px){.inv-modal-container{position:fixed;top:auto;bottom:0;left:0;right:0;transform:none;width:100%;max-width:none;animation:invSlideUp .3s ease}.inv-modal{border-radius:16px 16px 0 0;max-height:90vh}.inv-modal-header{padding:12px 14px 12px 16px}.inv-modal-title{font-size:13px}.inv-modal-content{padding:16px;overflow-y:auto;max-height:calc(90vh - 130px)}.inv-modal-icon-container{width:72px;height:72px;margin-bottom:12px}.inv-modal-icon-img{width:40px;height:40px}.inv-modal-icon-emoji{font-size:30px}.inv-modal-description{font-size:12px;margin-bottom:12px}.inv-modal-details{padding:8px 10px}.inv-modal-buttons{padding:0 16px 16px;padding-bottom:max(16px,env(safe-area-inset-bottom))}.inv-modal-button{font-size:12px;padding:11px 12px}}@keyframes invSlideUp{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}