.rank-popup-overlay{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:1000;background:#0009;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.rank-popup-content{background:#15171e;border-radius:24px;flex-direction:column;gap:24px;width:100%;max-width:420px;max-height:90vh;padding:24px;display:flex;overflow-y:auto;box-shadow:0 10px 40px #00000080}.rank-popup-header{flex-direction:column;gap:8px;display:flex}.rank-popup-title-row{justify-content:center;align-items:center;display:flex;position:relative}.rank-popup-title-row h2{color:#fff;margin:0;font-size:20px;font-weight:600}.rank-popup-close{cursor:pointer;opacity:.6;background:0 0;border:none;justify-content:center;align-items:center;padding:4px;transition:opacity .2s;display:flex;position:absolute;right:0}.rank-popup-close:hover{opacity:1}.rank-popup-subtitle{color:#fff6;text-align:center;margin:0;font-size:14px;line-height:1.4}.rank-list{flex-direction:column;gap:12px;display:flex}.rank-list-item{background:#14151c;border:1px solid #2d3140;border-radius:16px;justify-content:space-between;align-items:center;padding:12px 16px;display:flex}.rank-item-left{align-items:center;gap:12px;display:flex}.rank-item-info{flex-direction:column;gap:2px;display:flex}.rank-item-name{color:#fff;font-size:16px;font-weight:600}.rank-item-threshold{color:#fff6;font-size:12px}.rank-item-percent{color:#22c55e;font-size:18px;font-weight:700}.rank-popup-footer-info{color:#fff6;text-align:center;font-size:12px;line-height:1.5}.rank-popup-close-btn{color:#000;cursor:pointer;background:#22c55e;border:none;border-radius:12px;width:100%;padding:16px;font-size:16px;font-weight:600;transition:background .2s}.rank-popup-close-btn:hover{background:#1ea951}@media (max-width:768px){.rank-popup-overlay{align-items:flex-end}.rank-popup-content{border-radius:20px 20px 0 0;gap:12px;max-width:100%;max-height:95vh;margin:0;padding:20px 16px 24px;animation:.3s ease-out slideUp}.rank-popup-header{gap:4px}.rank-popup-title-row h2{font-size:18px}.rank-popup-subtitle{font-size:12px;line-height:1.3}.rank-list{gap:6px}.rank-list-item{border-radius:12px;padding:8px 12px}.rank-item-left{gap:10px}.rank-item-left img{width:32px!important;height:32px!important}.rank-item-name{font-size:14px}.rank-item-threshold{font-size:11px}.rank-item-percent{font-size:15px}.rank-popup-footer-info{margin-top:4px;font-size:11px;line-height:1.3}.rank-popup-close-btn{border-radius:10px;margin-top:4px;padding:12px;font-size:14px}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}}