:root{--primary-color: #8B5CF6;--primary-dark: #7C3AED;--primary-light: #A78BFA;--background-color: #0F0F1A;--background-light: #1A1A2E;--container-color: #16162A;--text-color: #E2E8F0;--text-muted: #94A3B8;--hover-color: #6D28D9;--light-hover: rgba(139, 92, 246, .1);--border-color: rgba(139, 92, 246, .3);--success-color: #10B981;--error-color: #EF4444;--gradient: linear-gradient(135deg, #8B5CF6 0%, #6366F1 100%);--gold: #FFD700;--silver: #C0C0C0;--bronze: #CD7F32;--icon-primary: brightness(0) saturate(100%) invert(45%) sepia(95%) saturate(2000%) hue-rotate(235deg) brightness(100%) contrast(95%);--icon-light: brightness(0) saturate(100%) invert(75%) sepia(30%) saturate(800%) hue-rotate(210deg) brightness(105%) contrast(95%);--icon-muted: brightness(0) saturate(100%) invert(70%) sepia(10%) saturate(300%) hue-rotate(180deg) brightness(95%) contrast(90%);--icon-white: brightness(0) invert(1);--icon-gold: brightness(0) saturate(100%) invert(85%) sepia(50%) saturate(1000%) hue-rotate(5deg) brightness(105%) contrast(100%);--icon-flame: brightness(0) saturate(100%) invert(60%) sepia(90%) saturate(2000%) hue-rotate(340deg) brightness(100%) contrast(100%)}*{box-sizing:border-box;margin:0;padding:0}.icon-primary,.header-icon,.stat-icon,.toggle-icon,.tier-icon,.empty-tier-icon,.empty-icon{filter:var(--icon-primary)}.icon-light,.section-icon,.search-icon,.collapse-icon{filter:var(--icon-light)}.icon-muted,.detail-icon{filter:var(--icon-muted)}.icon-white{filter:var(--icon-white)}.hero-icon,.hero-icon-center{filter:var(--icon-gold)}.points-icon,.tier-flame{filter:var(--icon-flame)}.name-sparkle{filter:var(--icon-gold)}body{background:var(--background-color);background-image:radial-gradient(ellipse at top,rgba(139,92,246,.15) 0%,transparent 50%),radial-gradient(ellipse at bottom,rgba(99,102,241,.1) 0%,transparent 50%);color:var(--text-color);min-height:100vh;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.header{background:#16162af2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid var(--border-color);padding:1rem 2rem;position:sticky;top:0;z-index:100}.header-content{max-width:1400px;margin:0 auto;display:flex;justify-content:space-between;align-items:center}.logo-section{display:flex;align-items:center;gap:1rem}.banner-logo{height:50px;width:auto;border-radius:8px}.logo-text h1{font-size:1.75rem;font-weight:800;background:var(--gradient);-webkit-background-clip:text;background-clip:text;color:transparent;margin:0}.logo-text p{font-size:.85rem;color:var(--text-muted);margin:0}.main-nav{display:flex;gap:1rem}.nav-link{color:var(--text-muted);text-decoration:none;padding:.75rem 1.5rem;border-radius:8px;font-weight:500;transition:all .3s ease}.nav-link:hover{color:var(--text-color);background:var(--light-hover)}.nav-link.active{color:#fff;background:var(--gradient)}.category-nav{background:var(--container-color);border-bottom:1px solid var(--border-color);padding:1rem 0;overflow-x:auto}.nav-container{max-width:1400px;margin:0 auto;padding:0 2rem;display:flex;gap:.75rem;flex-wrap:nowrap}.nav-btn{display:flex;align-items:center;gap:.5rem;background:#ffffff0d;color:var(--text-muted);padding:.625rem 1rem;border-radius:8px;border:1px solid transparent;font-size:.85rem;font-weight:500;cursor:pointer;transition:all .3s ease;white-space:nowrap}.nav-btn:hover{background:var(--light-hover);color:var(--text-color);border-color:var(--border-color)}.nav-btn.active{background:var(--gradient);color:#fff;border-color:transparent}.nav-btn .nav-icon{width:1.25rem;height:1.25rem;filter:var(--icon-muted);transition:filter .3s ease}.nav-btn:hover .nav-icon{filter:var(--icon-light)}.nav-btn.active .nav-icon{filter:var(--icon-white)}.main-content{padding:2rem 0}.container{max-width:1200px;margin:0 auto;padding:0 2rem}.app-container{display:flex;flex-direction:column;gap:2rem}.card{background:var(--container-color);border-radius:16px;padding:1.5rem;border:1px solid var(--border-color);transition:all .3s ease}.card:hover{border-color:var(--primary-color);box-shadow:0 8px 32px #8b5cf61a}.card h2{display:flex;align-items:center;gap:.75rem;font-size:1.5rem;font-weight:700;color:var(--text-color);margin-bottom:1.5rem}.section-icon{width:1.5rem;height:1.5rem;filter:var(--icon-primary)}.tiers-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:.75rem}.tier-item{display:flex;align-items:center;gap:.75rem;padding:.75rem;background:#ffffff08;border-radius:8px;font-size:.9rem}.tier-badge{padding:.25rem .625rem;border-radius:6px;font-weight:600;font-size:.8rem;text-transform:uppercase}.tier-badge.t1{background:linear-gradient(135deg,gold,orange);color:#000}.tier-badge.t2{background:linear-gradient(135deg,silver,#a0a0a0);color:#000}.tier-badge.t3{background:linear-gradient(135deg,#cd7f32,#8b4513);color:#fff}.tier-badge.t4{background:linear-gradient(135deg,#6366f1,#4f46e5);color:#fff}.tier-badge.t5{background:linear-gradient(135deg,#64748b,#475569);color:#fff}.ranks-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1rem}.rank-item{display:flex;align-items:center;gap:.75rem;padding:1rem;background:#ffffff08;border-radius:12px;border-left:4px solid transparent;transition:all .3s ease}.rank-item:hover{background:#ffffff0f;transform:translate(4px)}.rank-item img{width:2rem;height:2rem}.rank-item span{font-weight:500}.rank-item .points{margin-left:auto;color:var(--text-muted);font-size:.85rem}.rank-item.grandmaster{border-color:gold}.rank-item.master{border-color:#ff6b6b}.rank-item.ace{border-color:#8b5cf6}.rank-item.specialist{border-color:#06b6d4}.rank-item.cadet{border-color:#10b981}.rank-item.novice{border-color:#6366f1}.rank-item.rookie{border-color:#94a3b8}.ranking-help-card{margin-bottom:1.5rem}.ranking-help-card h2{margin-bottom:.75rem}.ranking-help-intro{color:var(--text-muted);margin:0 0 1rem;line-height:1.6}.ranking-help-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:.9rem}.ranking-help-item{display:flex;gap:.85rem;align-items:flex-start;padding:1rem;border-radius:12px;border:1px solid rgba(139,92,246,.18);background:linear-gradient(135deg,#8b5cf617,#6366f10a)}.ranking-help-step{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:1.75rem;height:1.75rem;border-radius:999px;font-size:.85rem;font-weight:700;color:#fff;background:var(--gradient);box-shadow:0 8px 18px #8b5cf640}.ranking-help-item p{margin:0;color:var(--text-color);line-height:1.55;font-size:.95rem}.mode-app-toolbar{display:flex;justify-content:flex-end;margin-bottom:.75rem}.ranking-info-button{width:2.25rem;height:2.25rem;border:1px solid rgba(139,92,246,.28);border-radius:999px;background:linear-gradient(135deg,#8b5cf629,#6366f114);color:var(--text-color);font-size:1rem;font-weight:800;cursor:pointer;transition:transform .2s ease,border-color .2s ease,background .2s ease}.ranking-info-button:hover{transform:translateY(-1px);border-color:#8b5cf68c;background:linear-gradient(135deg,#8b5cf63d,#6366f124)}.ranking-info-button:focus-visible{outline:none;box-shadow:0 0 0 3px #8b5cf638}.ranking-info-overlay{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;padding:1.25rem;background:#050810c7;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:2000;opacity:0;pointer-events:none;transition:opacity .2s ease}.ranking-info-overlay.visible{opacity:1;pointer-events:auto}.ranking-info-modal{position:relative;width:min(760px,100%);max-height:min(88vh,860px);overflow-y:auto;padding:1.5rem;border-radius:18px;border:1px solid rgba(139,92,246,.22);background:linear-gradient(180deg,#0e111efa,#0b0e18fa);box-shadow:0 30px 80px #0000006b;transform:translateY(12px) scale(.98);transition:transform .2s ease}.ranking-info-modal.visible{transform:translateY(0) scale(1)}.ranking-info-close{position:absolute;top:.9rem;right:.9rem;width:2rem;height:2rem;border:none;border-radius:999px;background:#ffffff0f;display:flex;align-items:center;justify-content:center;cursor:pointer}.ranking-info-close img{width:.95rem;height:.95rem;filter:var(--icon-muted)}.ranking-info-header{margin-bottom:1.25rem;padding-right:2.5rem}.ranking-info-badge{display:inline-flex;align-items:center;justify-content:center;min-width:3.1rem;padding:.35rem .7rem;margin-bottom:.75rem;border-radius:999px;background:#8b5cf629;color:#cbb6ff;font-size:.78rem;font-weight:700;letter-spacing:.02em;text-transform:uppercase}.ranking-info-header h2{margin:0 0 .5rem}.ranking-info-header p{margin:0;color:var(--text-muted);line-height:1.6}.ranking-info-section{margin-top:1rem;padding-top:1rem;border-top:1px solid rgba(255,255,255,.07)}.ranking-info-section h3{margin:0 0 .85rem;font-size:1rem;color:var(--text-color)}.ranking-info-note-list{display:grid;gap:.75rem}.ranking-info-note{display:flex;gap:.8rem;align-items:flex-start;padding:.95rem 1rem;border-radius:12px;background:#ffffff0a;border:1px solid rgba(139,92,246,.14)}.ranking-info-step{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:1.65rem;height:1.65rem;border-radius:999px;background:var(--gradient);color:#fff;font-size:.82rem;font-weight:700}.ranking-info-note p{margin:0;line-height:1.5;color:var(--text-color)}.ranking-info-table{display:grid;gap:.55rem}.ranking-info-row{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.8rem .95rem;border-radius:10px;background:#ffffff09;border:1px solid rgba(255,255,255,.06)}.ranking-info-tier,.ranking-info-value{flex-shrink:0}.ranking-info-value{color:var(--primary-light);font-weight:700}.ranking-info-rank{display:inline-flex;align-items:center;gap:.6rem;min-width:0;color:var(--text-color);font-weight:600}.ranking-info-rank-icon{width:1.2rem;height:1.2rem;flex-shrink:0}.ranking-info-bullets{margin:0;padding-left:1.1rem;color:var(--text-muted);line-height:1.7}.add-player-section .form-hint{color:var(--text-muted);font-size:.9rem;margin-bottom:1.5rem}.add-player-form{display:grid;grid-template-columns:2fr 1.5fr auto;gap:1rem;align-items:end}.input-group{display:flex;flex-direction:column;gap:.5rem}.input-group label{font-size:.85rem;font-weight:500;color:var(--text-muted)}input,select{background:var(--background-light);border:2px solid var(--border-color);border-radius:10px;color:var(--text-color);padding:.875rem 1rem;font-size:1rem;transition:all .3s ease;width:100%}input::placeholder{color:var(--text-muted)}input:focus,select:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #8b5cf633}select{cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23A78BFA' d='M6 8L1 3h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 1rem center;padding-right:2.5rem}select option{background:var(--background-light);color:var(--text-color)}.add-btn{background:var(--gradient);color:#fff;border:none;border-radius:10px;padding:.875rem 1.5rem;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;white-space:nowrap}.add-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 20px #8b5cf666}.add-btn:disabled{opacity:.6;cursor:not-allowed}.error-message{color:var(--error-color);font-size:.9rem;margin-top:1rem;padding:.75rem;background:#ef44441a;border-radius:8px}.leaderboard-header{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem;margin-bottom:1.5rem}.leaderboard-header h2{margin-bottom:0}.search-box input{width:250px;padding:.625rem 1rem;font-size:.9rem}.empty-state{text-align:center;padding:3rem;color:var(--text-muted)}.leaderboard-list{display:flex;flex-direction:column;gap:.75rem}.virtualized-list{position:relative}.virtualized-list-item{position:absolute;left:0;right:0}.leaderboard-list.virtualized-list{display:block}.leaderboard-item{display:flex;align-items:center;gap:1rem;padding:1rem 1.25rem;background:#ffffff08;border-radius:12px;border-left:4px solid var(--border-color);transition:all .3s ease;min-height:70px}.leaderboard-item:not(.has-shimmer):hover{background:#ffffff0f;transform:translate(4px)}.leaderboard-item.has-shimmer:hover{transform:translate(4px)}.leaderboard-item.rank-combat-grandmaster{border-color:gold}.leaderboard-item.rank-combat-master{border-color:#ff6b6b}.leaderboard-item.rank-combat-ace{border-color:#8b5cf6}.leaderboard-item.rank-combat-specialist{border-color:#06b6d4}.leaderboard-item.rank-combat-cadet{border-color:#10b981}.leaderboard-item.rank-combat-novice{border-color:#6366f1}.leaderboard-item.rank-rookie{border-color:#94a3b8}.position .medal{font-size:1.5rem}.position .number{font-weight:700;color:var(--text-muted);font-size:1.1rem}.player-avatar{width:48px;height:48px;border-radius:8px;overflow:hidden;background:var(--background-light);flex-shrink:0}.player-avatar img{width:100%;height:100%;object-fit:cover;image-rendering:pixelated}.player-info{flex:1;min-width:0}.player-name{font-weight:600;font-size:1.1rem;color:var(--text-color);margin-bottom:.25rem}.player-details{display:flex;gap:1rem;flex-wrap:wrap;font-size:.8rem;color:var(--text-muted)}.player-details .uuid{font-family:monospace;font-size:.75rem}.player-details .tier{color:var(--primary-light)}.player-details .category{text-transform:capitalize}.player-rank{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:#ffffff0d;border-radius:8px}.player-rank .rank-icon{width:1.5rem;height:1.5rem}.player-rank .rank-name{font-size:.85rem;font-weight:500;white-space:nowrap}.player-points{text-align:right;min-width:60px}.player-points .points-value{display:block;font-size:1.25rem;font-weight:700;background:var(--gradient);-webkit-background-clip:text;background-clip:text;color:transparent}.player-points .points-label{font-size:.75rem;color:var(--text-muted)}.remove-btn{background:transparent;border:none;color:var(--text-muted);font-size:1.5rem;cursor:pointer;padding:.25rem .5rem;border-radius:4px;transition:all .2s ease;line-height:1}.remove-btn:hover{color:var(--error-color);background:#ef44441a}.footer{background:var(--container-color);border-top:1px solid var(--border-color);padding:2rem;margin-top:3rem}.footer-content{max-width:1400px;margin:0 auto;text-align:center}.footer-logo{height:40px;margin-bottom:1rem;transition:all .3s ease}.footer-logo:hover{filter:drop-shadow(0 0 10px rgba(139,92,246,.5))}.footer p{color:var(--text-muted);font-size:.9rem;margin:.5rem 0}.footer .credit a{color:var(--primary-light);text-decoration:none}.footer .credit a:hover{text-decoration:underline}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--background-color)}::-webkit-scrollbar-thumb{background:var(--primary-color);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--primary-dark)}@media (max-width: 900px){.add-player-form{grid-template-columns:1fr}.leaderboard-item{flex-wrap:wrap}.player-rank{order:5;width:100%;justify-content:center;margin-top:.5rem}}@media (max-width: 768px){.header-content{flex-direction:column;gap:1rem}.nav-container,.container{padding:0 1rem}.banner-logo{height:40px}.logo-text h1{font-size:1.5rem}.search-box input{width:100%}.leaderboard-header{flex-direction:column;align-items:stretch}.tiers-grid{grid-template-columns:repeat(2,1fr)}.ranks-grid,.ranking-help-grid{grid-template-columns:1fr}.ranking-info-row{align-items:flex-start;flex-direction:column}.ranking-info-modal{padding:1.2rem}}.hero-section{text-align:center;padding:4rem 2rem;background:linear-gradient(135deg,#8b5cf626,#6366f10d);border-radius:20px;margin-bottom:3rem;border:1px solid var(--border-color);position:relative;overflow:hidden}.hero-section:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(139,92,246,.1) 0%,transparent 50%);animation:float 6s ease-in-out infinite;pointer-events:none}.hero-icons{display:flex;justify-content:center;gap:2rem;margin-bottom:2rem}.hero-icon{width:48px;height:48px;filter:var(--icon-light);animation:float 3s ease-in-out infinite}.hero-icon.no-filter{filter:drop-shadow(0 4px 12px rgba(0,0,0,.3))}.hero-icon-left{animation-delay:0s}.hero-icon-center{width:64px;height:64px;filter:var(--icon-gold) drop-shadow(0 0 15px rgba(255,215,0,.4));animation-delay:.5s}.hero-icon-center.no-filter{filter:drop-shadow(0 0 20px rgba(255,215,0,.5))}.hero-icon-right{animation-delay:1s}.hero-section h1{font-size:3rem;font-weight:800;background:var(--gradient);-webkit-background-clip:text;background-clip:text;color:transparent;margin-bottom:1rem;position:relative}.hero-section p{font-size:1.25rem;color:var(--text-muted);margin-bottom:2rem;position:relative}.hero-stats{display:flex;justify-content:center;gap:2rem;flex-wrap:wrap;position:relative}.hero-stat{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.25rem;background:#ffffff0d;border-radius:10px;border:1px solid var(--border-color);transition:all .3s ease}.hero-stat:hover{background:#ffffff1a;transform:translateY(-2px);border-color:var(--primary-color)}.hero-stat img{width:1.25rem;height:1.25rem;filter:var(--icon-primary);transition:filter .3s ease}.hero-stat:hover img{filter:var(--icon-light)}.hero-stat span{font-size:.9rem;color:var(--text-muted);font-weight:500}.modes-section{margin-bottom:3rem}.modes-section h2{font-size:1.5rem;font-weight:700;color:var(--text-color);margin-bottom:1.5rem}.modes-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:1rem}.mode-card{background:var(--container-color);border:1px solid var(--border-color);border-radius:16px;padding:1.5rem;text-align:center;text-decoration:none;transition:all .3s ease}.mode-card:hover{border-color:var(--primary-color);transform:translateY(-4px);box-shadow:0 12px 40px #8b5cf633}.mode-card-icon{width:48px;height:48px;margin-bottom:1rem;filter:drop-shadow(0 4px 8px rgba(0,0,0,.2));transition:transform .3s ease,filter .3s ease}.mode-card:hover .mode-card-icon{filter:drop-shadow(0 6px 12px rgba(0,0,0,.3))}.mode-card h3{font-size:1.1rem;font-weight:600;color:var(--text-color);margin-bottom:.5rem}.mode-card p{font-size:.8rem;color:var(--text-muted);margin:0}.info-section{margin-bottom:2rem}.info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem}.tiers-card,.ranks-card{padding:1.5rem}.tiers-card h2,.ranks-card h2{display:flex;align-items:center;gap:.75rem;font-size:1.25rem;margin-bottom:1.25rem}.tiers-list,.ranks-list{display:flex;flex-direction:column;gap:.5rem}.tier-row{display:flex;justify-content:space-between;align-items:center;padding:.5rem .75rem;background:#ffffff08;border-radius:8px;font-size:.9rem}.rank-row{display:flex;align-items:center;gap:.75rem;padding:.5rem .75rem;background:#ffffff08;border-radius:8px;border-left:3px solid transparent}.rank-row img{width:1.5rem;height:1.5rem}.rank-row span:nth-child(2){flex:1;font-size:.9rem}.rank-row .pts{font-size:.8rem;color:var(--text-muted)}.rank-row.grandmaster{border-color:gold}.rank-row.master{border-color:#ff6b6b}.rank-row.ace{border-color:#8b5cf6}.rank-row.specialist{border-color:#06b6d4}.rank-row.cadet{border-color:#10b981}.rank-row.novice{border-color:#6366f1}.rank-row.rookie{border-color:#94a3b8}.mode-header{display:flex;align-items:center;gap:1.5rem;margin-bottom:2rem;padding:2rem;background:var(--container-color);border-radius:16px;border:1px solid var(--border-color)}.mode-icon{width:64px;height:64px;filter:drop-shadow(0 4px 12px rgba(0,0,0,.3))}.mode-header h1{font-size:2rem;font-weight:700;background:var(--gradient);-webkit-background-clip:text;background-clip:text;color:transparent;margin:0 0 .25rem}.mode-header p{color:var(--text-muted);margin:0}.mode-app{display:flex;flex-direction:column;gap:1.5rem}.search-card{padding:1.5rem}.search-box-large{display:flex;align-items:center;gap:1rem;background:var(--background-light);border:2px solid var(--border-color);border-radius:12px;padding:.5rem 1rem;transition:all .3s ease}.search-box-large:focus-within{border-color:var(--primary-color);box-shadow:0 0 0 3px #8b5cf633}.search-box-large .search-icon{width:1.25rem;height:1.25rem;filter:var(--icon-muted);transition:filter .3s ease}.search-box-large:focus-within .search-icon{filter:var(--icon-primary)}.search-box-large input{flex:1;background:none;border:none;padding:.75rem 0;font-size:1rem}.search-box-large input:focus{outline:none;box-shadow:none}.player-count{margin-top:.75rem;font-size:.9rem;color:var(--text-muted)}.leaderboard-card{padding:1.5rem}.empty-state{text-align:center;padding:4rem 2rem}.empty-icon{width:64px;height:64px;filter:var(--icon-muted);opacity:.5;margin-bottom:1.5rem}.empty-state h3{font-size:1.25rem;color:var(--text-color);margin-bottom:.5rem}.empty-state p{color:var(--text-muted)}.position .medal{display:flex;align-items:center;justify-content:center;width:2rem;height:2rem;border-radius:50%;font-weight:700;font-size:.9rem}.position .medal.gold{background:linear-gradient(135deg,gold,orange);color:#000}.position .medal.silver{background:linear-gradient(135deg,silver,#a0a0a0);color:#000}.position .medal.bronze{background:linear-gradient(135deg,#cd7f32,#8b4513);color:#fff}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:translate(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes shimmer{0%{background-position:-200% center}to{background-position:200% center}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}@keyframes glow{0%,to{box-shadow:0 0 5px #8b5cf64d}50%{box-shadow:0 0 20px #8b5cf699}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.slide-in{animation:slideIn .5s cubic-bezier(.4,0,.2,1) forwards}.slide-in-delay{animation:slideIn .5s cubic-bezier(.4,0,.2,1) .1s forwards;opacity:0}.slide-in-stagger{animation:slideIn .4s cubic-bezier(.4,0,.2,1) forwards;animation-delay:var(--stagger-delay, 0s);opacity:0}.card{animation:slideIn .4s cubic-bezier(.4,0,.2,1) forwards}.leaderboard-item{opacity:0;transform:translate(-20px);transition:all .4s cubic-bezier(.4,0,.2,1)}.leaderboard-item.animate-in{animation:slideInLeft .5s cubic-bezier(.4,0,.2,1) forwards;animation-delay:var(--animation-delay, 0s)}.leaderboard-item.static-load{opacity:1;transform:none;transition:none;animation:none!important}.loading-card{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;gap:1.5rem}.loading-spinner{width:48px;height:48px;border:4px solid var(--border-color);border-top-color:var(--primary-color);border-right-color:var(--primary-light);border-radius:50%;animation:spin .8s cubic-bezier(.4,0,.2,1) infinite;box-shadow:0 0 20px #8b5cf64d}.loading-card p{color:var(--text-muted);font-size:1rem;animation:pulse 1.5s ease-in-out infinite}.search-row{display:flex;gap:1rem;align-items:stretch}.search-row .search-box-large{flex:1}.view-toggle{display:flex;background:var(--background-light);border-radius:10px;padding:4px;gap:4px}.toggle-btn{background:transparent;border:none;color:var(--text-muted);padding:.75rem 1.25rem;border-radius:8px;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .3s ease;white-space:nowrap}.toggle-btn:hover{color:var(--text-color)}.toggle-btn.active{background:var(--gradient);color:#fff}.toggle-btn .toggle-icon{width:1rem;height:1rem;filter:var(--icon-muted);transition:all .3s ease}.toggle-btn:hover .toggle-icon{filter:var(--icon-light)}.toggle-btn.active .toggle-icon{filter:var(--icon-white)}.toggle-btn{display:flex;align-items:center;gap:.5rem}.stats-row{display:flex;gap:1.5rem;margin-top:1rem;padding-top:1rem;border-top:1px solid var(--border-color)}.stat-item{display:flex;align-items:center;gap:.5rem;font-size:.9rem;color:var(--text-muted)}.stat-icon{width:1.125rem;height:1.125rem;filter:var(--icon-primary)}.stat-icon.no-filter{filter:none}.leaderboard-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid var(--border-color)}.header-left{display:flex;align-items:center;gap:.75rem}.header-icon{width:1.5rem;height:1.5rem;filter:var(--icon-gold)}.header-icon.no-filter{filter:none}.leaderboard-header h3{font-size:1.25rem;font-weight:600;color:var(--text-color);margin:0}.header-stats{display:flex;align-items:center;gap:.5rem}.top-points{display:flex;align-items:center;gap:.375rem;font-size:.9rem;color:var(--primary-light);font-weight:600;padding:.5rem 1rem;background:#8b5cf61a;border-radius:8px}.top-points img{width:1rem;height:1rem;filter:var(--icon-flame)}.position-badge{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.5rem 1rem;height:48px;border-radius:10px;font-weight:700;font-size:1.5rem;transition:all .3s ease;background:#ffffff0d;white-space:nowrap}.position{width:auto;min-width:70px;margin-right:50px;text-align:center;flex-shrink:0}.position-badge.pos-1{background:linear-gradient(135deg,#ffd70033,#ffa5001a);border:1px solid rgba(255,215,0,.3);animation:glow 2s ease-in-out infinite;box-shadow:0 0 15px #ffd7004d;color:gold}.position-badge.pos-2{background:linear-gradient(135deg,#c0c0c033,#a0a0a01a);border:1px solid rgba(192,192,192,.3);color:silver}.position-badge.pos-3{background:linear-gradient(135deg,#cd7f3233,#8b45131a);border:1px solid rgba(205,127,50,.3);color:#cd7f32}.position-badge.pos-other{background:#ffffff08;border:1px solid var(--border-color);color:var(--text-muted)}.position-trophy{width:2.25rem;height:2.25rem}.player-details .version{display:inline-flex;align-items:center;gap:.25rem}.version-icon{width:16px;height:16px;border-radius:3px;object-fit:contain}.tier-player-meta{display:flex;align-items:center;gap:.5rem}.tier-version-icon{width:14px;height:14px;border-radius:2px;object-fit:contain}.no-filter{filter:none!important}.name-sparkle{width:1rem;height:1rem;margin-right:.375rem;filter:var(--icon-gold);animation:float 2s ease-in-out infinite;vertical-align:middle}.detail-icon{width:.875rem;height:.875rem;filter:var(--icon-muted);margin-right:.25rem;vertical-align:middle}.player-details .tier,.player-details .region{display:inline-flex;align-items:center}.player-points{display:flex;align-items:center;gap:.375rem}.points-icon{width:1.125rem;height:1.125rem;filter:var(--icon-flame)}.leaderboard-item.has-shimmer{position:relative;overflow:hidden;border-left-width:5px;background:transparent!important}.shimmer-overlay{position:absolute;top:0;left:0;width:100%;height:100%;z-index:0;pointer-events:none;overflow:hidden;display:flex;border-radius:12px}.shimmer-img{height:100%;width:auto;min-width:100%;object-fit:cover;object-position:left center}.leaderboard-item.has-shimmer>*:not(.shimmer-overlay){position:relative;z-index:2}.leaderboard-item.has-shimmer.placement-first{border-left-color:gold;box-shadow:0 4px 20px #efba3c4d}.leaderboard-item.has-shimmer.placement-first .shimmer-overlay{background:linear-gradient(90deg,#efba3c,#f0c863,#efba3c)}.leaderboard-item.has-shimmer.placement-second{border-left-color:silver;box-shadow:0 4px 20px #879ea54d}.leaderboard-item.has-shimmer.placement-second .shimmer-overlay{background:linear-gradient(90deg,#879ea5,#a0b0b7,#879ea5)}.leaderboard-item.has-shimmer.placement-third{border-left-color:#cd7f32;box-shadow:0 4px 20px #b563294d}.leaderboard-item.has-shimmer.placement-third .shimmer-overlay{background:linear-gradient(90deg,#b56329,#c58152,#b56329)}.leaderboard-item.has-shimmer.placement-other{border-left-color:var(--border-color)}.leaderboard-item.has-shimmer.placement-other .shimmer-overlay{background:linear-gradient(90deg,#1d2735,#28313f,#1d2735)}.leaderboard-item.has-shimmer.placement-top-three .player-name{color:#000;text-shadow:0 1px 2px rgba(255,255,255,.4);font-weight:700}.leaderboard-item.has-shimmer.placement-top-three .position-badge span{color:#000;text-shadow:0 1px 1px rgba(255,255,255,.3)}.leaderboard-item.has-shimmer.placement-top-three .player-points .points-value{color:#000!important;-webkit-background-clip:unset!important;background-clip:unset!important;background:none!important;text-shadow:0 1px 2px rgba(255,255,255,.4)}.leaderboard-item.has-shimmer.placement-top-three .player-points .points-label{color:#000000b3}.leaderboard-item.has-shimmer.placement-top-three .player-details{color:#000000d9}.leaderboard-item.has-shimmer.placement-top-three .player-details .tier,.leaderboard-item.has-shimmer.placement-top-three .player-details .region,.leaderboard-item.has-shimmer.placement-top-three .player-details .version{color:#000000d9!important}.leaderboard-item.has-shimmer.placement-top-three .player-rank{background:#00000026;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.leaderboard-item.has-shimmer.placement-top-three .player-rank .rank-name{color:#000}.leaderboard-item.has-shimmer.placement-top-three .detail-icon,.leaderboard-item.has-shimmer.placement-top-three .points-icon,.leaderboard-item.has-shimmer.placement-top-three .name-sparkle{filter:brightness(0) drop-shadow(0 1px 1px rgba(255,255,255,.3))}.leaderboard-item.has-shimmer.placement-other .player-name{color:var(--text-color)}.leaderboard-item.has-shimmer.placement-other .player-points .points-value{color:var(--text-color);background:var(--gradient);-webkit-background-clip:text;background-clip:text}.leaderboard-item.has-shimmer.placement-other .player-details{color:var(--text-muted)}.leaderboard-item.has-shimmer.placement-other .player-rank{background:#ffffff0d}.leaderboard-item.has-shimmer:hover .shimmer-overlay{filter:brightness(1.1)}.leaderboard-item.has-shimmer.placement-top-three:hover{box-shadow:0 8px 30px #0000004d}.tier-columns{display:flex;flex-direction:column;gap:1rem}.tier-column{padding:0;overflow:hidden;border-radius:12px;background:var(--card-bg);border:1px solid var(--border-color)}.tier-header{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.25rem;cursor:pointer;border-left:4px solid;background:#ffffff08;transition:all .3s cubic-bezier(.4,0,.2,1)}.tier-header:hover{background:#ffffff14;transform:translate(4px)}.tier-header.collapsed{border-radius:0 0 12px 12px}.tier-title{display:flex;align-items:center;gap:.75rem}.tier-header .tier-badge{padding:.375rem .75rem;border-radius:6px;font-weight:700;font-size:.85rem;color:#000;transition:transform .3s ease}.tier-header:hover .tier-badge{transform:scale(1.05)}.tier-column[data-tier=HT1] .tier-header,.tier-column[data-tier=LT1] .tier-header{background:linear-gradient(90deg,#ff4d4d26,#ff4d4d0d)}.tier-column[data-tier=HT2] .tier-header,.tier-column[data-tier=LT2] .tier-header{background:linear-gradient(90deg,#ff8c0026,#ff8c000d)}.tier-column[data-tier=HT3] .tier-header,.tier-column[data-tier=LT3] .tier-header{background:linear-gradient(90deg,#ffd70026,#ffd7000d)}.tier-column[data-tier=HT4] .tier-header,.tier-column[data-tier=LT4] .tier-header{background:linear-gradient(90deg,#32cd3226,#32cd320d)}.tier-column[data-tier=HT5] .tier-header,.tier-column[data-tier=LT5] .tier-header{background:linear-gradient(90deg,#4da6ff26,#4da6ff0d)}.tier-meta{display:flex;align-items:center;gap:.5rem}.tier-count{display:flex;align-items:center;gap:.375rem;font-size:.85rem;color:var(--text-muted)}.tier-icon{width:.875rem;height:.875rem;filter:var(--icon-muted)}.collapse-icon{width:1rem;height:1rem;filter:var(--icon-muted);transition:all .3s cubic-bezier(.4,0,.2,1)}.tier-header:hover .collapse-icon{filter:var(--icon-light)}.tier-players-wrapper{max-height:1000px;overflow:hidden;transition:max-height .4s cubic-bezier(.4,0,.2,1),opacity .3s ease,padding .3s ease;opacity:1}.tier-players-wrapper.collapsed{max-height:0;opacity:0}.tier-players{padding:.75rem;display:flex;flex-direction:column;gap:.5rem}.tier-empty{display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:2rem;text-align:center;color:var(--text-muted);font-size:.9rem}.empty-tier-icon{width:2rem;height:2rem;filter:var(--icon-muted);opacity:.5}.tier-player-item{display:flex;align-items:center;gap:.75rem;padding:.75rem;background:#ffffff08;border-radius:10px;transition:all .3s cubic-bezier(.4,0,.2,1);animation:slideInLeft .3s cubic-bezier(.4,0,.2,1) forwards;animation-delay:var(--item-delay, 0s);opacity:0}.tier-player-item:hover{background:#ffffff14;transform:translate(6px)}.tier-player-avatar{width:40px;height:40px;border-radius:8px;image-rendering:pixelated;transition:transform .3s ease}.tier-player-item:hover .tier-player-avatar{transform:scale(1.1)}.tier-player-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:.125rem}.tier-player-name{font-weight:600;font-size:.95rem;color:var(--text-color);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tier-player-rank{font-size:.75rem;font-weight:500}.tier-player-points{display:flex;align-items:center;gap:.25rem;font-size:.85rem;font-weight:600;color:var(--primary-light);white-space:nowrap}.tier-flame{width:.875rem;height:.875rem;filter:var(--icon-flame)}.hero-section{animation:scaleIn .6s cubic-bezier(.4,0,.2,1) forwards}.hero-section h1{animation:slideIn .6s cubic-bezier(.4,0,.2,1) .1s forwards;opacity:0}.hero-section p{animation:slideIn .6s cubic-bezier(.4,0,.2,1) .2s forwards;opacity:0}.modes-section h2{animation:slideInLeft .5s cubic-bezier(.4,0,.2,1) .3s forwards;opacity:0}.mode-card{animation:scaleIn .4s cubic-bezier(.4,0,.2,1) forwards;animation-delay:calc(var(--card-index, 0) * .05s + .4s);opacity:0;transition:all .4s cubic-bezier(.4,0,.2,1)}.modes-grid .mode-card:nth-child(1){--card-index: 0}.modes-grid .mode-card:nth-child(2){--card-index: 1}.modes-grid .mode-card:nth-child(3){--card-index: 2}.modes-grid .mode-card:nth-child(4){--card-index: 3}.modes-grid .mode-card:nth-child(5){--card-index: 4}.modes-grid .mode-card:nth-child(6){--card-index: 5}.modes-grid .mode-card:nth-child(7){--card-index: 6}.modes-grid .mode-card:nth-child(8){--card-index: 7}.modes-grid .mode-card:nth-child(9){--card-index: 8}.modes-grid .mode-card:nth-child(10){--card-index: 9}.mode-card:hover{transform:translateY(-8px) scale(1.02);box-shadow:0 20px 50px #8b5cf640}.mode-card:hover .mode-card-icon{transform:scale(1.15) rotate(5deg)}.tiers-card{animation:slideInLeft .5s cubic-bezier(.4,0,.2,1) .6s forwards;opacity:0}.ranks-card{animation:slideInRight .5s cubic-bezier(.4,0,.2,1) .7s forwards;opacity:0}.tier-row,.rank-row{transition:all .3s cubic-bezier(.4,0,.2,1)}.tier-row:hover,.rank-row:hover{transform:translate(8px);background:#ffffff14}.header{animation:slideIn .4s cubic-bezier(.4,0,.2,1) forwards}.logo-section{transition:transform .3s ease}.logo-section:hover{transform:scale(1.02)}.banner-logo{transition:transform .3s ease}.logo-section:hover .banner-logo{transform:rotate(-3deg)}.nav-link{position:relative;overflow:hidden}.nav-link:after{content:"";position:absolute;bottom:0;left:50%;width:0;height:2px;background:var(--gradient);transition:all .3s cubic-bezier(.4,0,.2,1);transform:translate(-50%)}.nav-link:hover:after{width:80%}.nav-btn{transition:all .3s cubic-bezier(.4,0,.2,1)}.nav-btn:hover{transform:translateY(-2px)}.nav-btn:active{transform:translateY(0)}.nav-btn .nav-icon{transition:transform .3s ease}.nav-btn:hover .nav-icon{transform:scale(1.15)}.footer{animation:slideIn .5s cubic-bezier(.4,0,.2,1) .8s forwards;opacity:0}.footer-logo{transition:transform .3s ease}.footer-logo:hover{transform:scale(1.1) rotate(5deg)}.leaderboard-item:hover{transform:translate(8px);background:#ffffff14}.leaderboard-item:hover .player-avatar img{transform:scale(1.1)}.player-avatar img,.player-rank .rank-icon{transition:transform .3s ease}.leaderboard-item:hover .rank-icon{transform:scale(1.15)}.leaderboard-item:hover .points-value{transform:scale(1.1)}.points-value{transition:transform .3s ease}.mode-app.loaded .card{opacity:1}.search-box-large{transition:all .3s cubic-bezier(.4,0,.2,1)}.search-box-large:focus-within{transform:scale(1.01)}@media (max-width: 768px){.hero-section{padding:2rem 1rem}.hero-section h1{font-size:2rem}.modes-grid{grid-template-columns:repeat(2,1fr)}.mode-header{flex-direction:column;text-align:center}.mode-icon{width:48px;height:48px}.search-row{flex-direction:column}.view-toggle{justify-content:center}.tier-columns{grid-template-columns:1fr}.stats-row{flex-wrap:wrap;justify-content:center}.leaderboard-header{flex-direction:column;gap:1rem;text-align:center}.header-left{justify-content:center}.toggle-btn span{display:none}.toggle-btn .toggle-icon{width:1.25rem;height:1.25rem}}.leaderboard-item.clickable,.tier-player-item.clickable{cursor:pointer}.leaderboard-item.clickable:hover{box-shadow:0 8px 25px #8b5cf633}.tier-player-item.clickable:hover{box-shadow:0 4px 15px #8b5cf626}.profile-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000c;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:1000;display:flex;align-items:center;justify-content:center;padding:1rem;opacity:0;visibility:hidden;transition:all .3s cubic-bezier(.4,0,.2,1)}.profile-modal-overlay.visible{opacity:1;visibility:visible}.profile-modal{background:var(--container-color);border-radius:20px;border:1px solid var(--border-color);max-width:480px;width:100%;max-height:90vh;overflow-y:auto;position:relative;transform:scale(.9) translateY(20px);opacity:0;transition:all .4s cubic-bezier(.4,0,.2,1);box-shadow:0 25px 80px #00000080}.profile-modal.visible{transform:scale(1) translateY(0);opacity:1}.profile-modal::-webkit-scrollbar{width:6px}.profile-modal::-webkit-scrollbar-track{background:transparent}.profile-modal::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:3px}.profile-modal::-webkit-scrollbar-thumb:hover{background:var(--primary-color)}.profile-close{position:absolute;top:1rem;right:1rem;width:36px;height:36px;background:#0000004d;border:1px solid rgba(255,255,255,.1);border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:10;transition:all .3s ease}.profile-close:hover{background:#ef4444cc;transform:rotate(90deg)}.profile-close img{width:18px;height:18px;filter:brightness(0) invert(1)}.profile-header{padding:2rem 1.5rem;background:linear-gradient(135deg,#8b5cf633,#6366f11a);border-top:4px solid;border-radius:20px 20px 0 0;display:flex;gap:1.5rem;align-items:center;position:relative;overflow:hidden}.profile-header:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(139,92,246,.15) 0%,transparent 50%);animation:float 6s ease-in-out infinite;pointer-events:none}.profile-body-container{flex-shrink:0;position:relative;z-index:1}.profile-body{width:120px;height:auto;image-rendering:pixelated;filter:drop-shadow(0 8px 20px rgba(0,0,0,.4));animation:float 3s ease-in-out infinite}.profile-header-info{flex:1;min-width:0;position:relative;z-index:1}.profile-username{font-size:1.5rem;font-weight:700;color:var(--text-color);margin:0 0 .75rem;display:flex;align-items:center;gap:.5rem;word-break:break-word}.profile-sparkle{width:1.25rem;height:1.25rem;filter:var(--icon-gold);animation:float 2s ease-in-out infinite}.profile-rank-badge{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:#ffffff1a;border:1px solid rgba(255,255,255,.15);border-radius:10px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.profile-rank-icon{width:28px;height:28px}.profile-rank-badge span{font-size:.9rem;font-weight:600;color:var(--text-color)}.profile-stats{display:grid;grid-template-columns:repeat(2,1fr);gap:.75rem;padding:1.25rem;background:#0003}.profile-stat{display:flex;align-items:center;gap:.75rem;padding:1rem;background:#ffffff08;border-radius:12px;border:1px solid var(--border-color);transition:all .3s ease}.profile-stat:hover{background:#ffffff0f;transform:translateY(-2px)}.profile-stat.primary{grid-column:span 2;background:linear-gradient(135deg,#8b5cf626,#6366f11a);border-color:#8b5cf64d}.stat-icon-wrap{width:40px;height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.stat-icon-wrap.gold{background:linear-gradient(135deg,#ffd70033,#ffa50026)}.stat-icon-wrap.purple{background:linear-gradient(135deg,#8b5cf633,#6366f126)}.stat-icon-wrap.blue{background:linear-gradient(135deg,#3b82f633,#2563eb26)}.stat-icon-wrap.green{background:linear-gradient(135deg,#10b98133,#05966926)}.stat-icon-wrap img{width:20px;height:20px;filter:var(--icon-light)}.stat-icon-wrap.gold img{filter:var(--icon-flame)}.stat-content{display:flex;flex-direction:column;gap:.125rem}.stat-content .stat-value{font-size:1.25rem;font-weight:700;color:var(--text-color)}.profile-stat.primary .stat-value{font-size:1.5rem;background:var(--gradient);-webkit-background-clip:text;background-clip:text;color:transparent}.stat-content .stat-label{font-size:.75rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px}.profile-details{padding:1.25rem;display:flex;flex-direction:column;gap:.5rem}.profile-detail-row{display:flex;justify-content:space-between;align-items:center;padding:.875rem 1rem;background:#ffffff08;border-radius:10px;transition:all .3s ease}.profile-detail-row:hover{background:#ffffff0f}.detail-label{display:flex;align-items:center;gap:.5rem;font-size:.9rem;color:var(--text-muted)}.profile-details .detail-icon{width:1rem;height:1rem;filter:var(--icon-primary)}.version-detail-icon{width:18px!important;height:18px!important;border-radius:3px;object-fit:contain}.detail-value{font-size:.9rem;font-weight:600;color:var(--text-color)}.detail-value.capitalize{text-transform:capitalize}.detail-value.uuid{font-size:.7rem;font-family:monospace;color:var(--text-muted);max-width:180px;overflow:hidden;text-overflow:ellipsis}.profile-actions{padding:1.25rem;padding-top:0;display:flex;gap:.75rem}.profile-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.875rem 1.25rem;border-radius:10px;font-size:.9rem;font-weight:600;text-decoration:none;transition:all .3s ease;cursor:pointer;border:none}.profile-btn.primary{background:var(--gradient);color:#fff}.profile-btn.primary:hover{transform:translateY(-2px);box-shadow:0 8px 25px #8b5cf666}.profile-btn.secondary{background:#ffffff0d;border:1px solid var(--border-color);color:var(--text-color)}.profile-btn.secondary:hover{background:#ffffff1a;border-color:var(--primary-color)}.profile-btn img{width:1rem;height:1rem;filter:var(--icon-light)}.profile-btn.secondary img{filter:var(--icon-primary)}.profile-header.tier-ht1{border-top-color:#ff4d4d}.profile-header.tier-lt1{border-top-color:#f66}.profile-header.tier-ht2{border-top-color:#ff8c00}.profile-header.tier-lt2{border-top-color:#ffa733}.profile-header.tier-ht3{border-top-color:gold}.profile-header.tier-lt3{border-top-color:#ffdf33}.profile-header.tier-ht4{border-top-color:#32cd32}.profile-header.tier-lt4{border-top-color:#66d966}.profile-header.tier-ht5{border-top-color:#4da6ff}.profile-header.tier-lt5{border-top-color:#80bfff}@keyframes modalSlideIn{0%{transform:scale(.9) translateY(30px);opacity:0}to{transform:scale(1) translateY(0);opacity:1}}@media (max-width: 520px){.profile-modal{max-width:100%;max-height:100vh;border-radius:0}.profile-header{flex-direction:column;text-align:center;border-radius:0}.profile-body{width:100px}.profile-username{justify-content:center;font-size:1.25rem}.profile-stats{grid-template-columns:1fr}.profile-stat.primary{grid-column:span 1}.profile-actions{flex-direction:column}}.profile-modal.mctiers-style{max-width:500px;padding:0;text-align:center}.profile-avatar-section{padding:2.5rem 1.5rem 1.5rem;display:flex;flex-direction:column;align-items:center;gap:.75rem}.profile-avatar-circle{width:140px;height:140px;border-radius:50%;background:linear-gradient(135deg,#2a3441,#1a222d);display:flex;align-items:center;justify-content:center;overflow:hidden;box-shadow:0 8px 32px #0006}.profile-body-img{width:120px;height:auto;image-rendering:pixelated;margin-top:10px}.profile-username-large{font-size:1.75rem;font-weight:700;color:var(--text-color);margin:.5rem 0 0}.profile-rank-pill{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1.25rem;background:linear-gradient(135deg,#8b5cf64d,#6366f133);border:1px solid rgba(139,92,246,.4);border-radius:25px;margin-top:.25rem}.rank-pill-icon{width:24px;height:24px}.profile-rank-pill span{font-size:.95rem;font-weight:600;color:var(--text-color)}.profile-region{font-size:1.1rem;color:var(--primary-light);margin:.5rem 0;font-weight:500}.namemc-btn{display:inline-flex;align-items:center;gap:.5rem;padding:.625rem 1.25rem;background:#ffffff14;border:1px solid var(--border-color);border-radius:8px;color:var(--text-color);font-size:.9rem;font-weight:500;text-decoration:none;transition:all .3s ease;margin-top:.5rem}.namemc-btn:hover{background:#ffffff1f;border-color:var(--primary-color)}.namemc-icon{display:flex;align-items:center;justify-content:center;width:22px;height:22px;background:#000;color:#fff;font-weight:700;font-size:.8rem;border-radius:4px}.namemc-btn svg{opacity:.6}.profile-section{padding:1rem 1.5rem;border-top:1px solid var(--border-color)}.section-title{font-size:.75rem;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:1px;margin:0 0 1rem;text-align:left}.position-card{display:flex;align-items:center;background:#ffffff08;border:1px solid var(--border-color);border-radius:12px;overflow:hidden}.position-rank{padding:1rem 1.5rem;background:#ffffff0d}.position-number{font-size:2.5rem;font-weight:800;font-style:italic;color:var(--text-color)}.position-divider{width:1px;height:50px;background:var(--border-color)}.position-info{flex:1;display:flex;align-items:center;gap:.5rem;padding:1rem}.position-trophy-icon{width:42px;height:42px}.position-mode{font-size:1rem;font-weight:700;color:var(--text-color)}.position-points{font-size:.9rem;color:var(--text-muted)}.tiers-grid-display{display:flex;flex-wrap:wrap;gap:.75rem;justify-content:center;background:#ffffff08;border:1px solid var(--border-color);border-radius:12px;padding:1.25rem}.tier-mode-item{display:flex;flex-direction:column;align-items:center;gap:.375rem}.tier-mode-item.main-mode .tier-mode-icon-wrap{box-shadow:0 0 12px #8b5cf666}.tier-mode-icon-wrap{width:44px;height:44px;border-radius:50%;border:2px solid;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.tier-mode-icon-wrap:hover{transform:scale(1.1)}.tier-mode-icon{width:26px;height:26px}.tier-mode-badge{font-size:.65rem;font-weight:700;padding:.2rem .5rem;border-radius:4px;min-width:32px;text-align:center}.tier-mode-points{font-size:.6rem;color:var(--primary-light);font-weight:600}.tier-mode-item.no-tier{opacity:.5}.tier-mode-item.no-tier:hover{opacity:.8}.points-breakdown{display:flex;gap:1rem;margin-top:.75rem;padding:.75rem;background:#8b5cf61a;border-radius:8px;justify-content:center}.breakdown-item{display:flex;gap:.375rem;font-size:.8rem}.breakdown-label{color:var(--text-muted)}.breakdown-value{color:var(--primary-light);font-weight:600}.stats-mini-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.75rem}.stat-mini{background:#ffffff08;border:1px solid var(--border-color);border-radius:8px;padding:.875rem;text-align:left}.stat-mini-label{display:block;font-size:.7rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;margin-bottom:.25rem}.stat-mini-value{display:block;font-size:.9rem;font-weight:600;color:var(--text-color)}.stat-mini-value.capitalize{text-transform:capitalize}@media (max-width: 520px){.profile-modal.mctiers-style{max-height:100vh;overflow-y:auto}.profile-avatar-circle{width:120px;height:120px}.profile-body-img{width:100px}.profile-username-large{font-size:1.5rem}.tiers-grid-display{gap:.5rem}.tier-mode-icon-wrap{width:38px;height:38px}.tier-mode-icon{width:22px;height:22px}.stats-mini-grid{grid-template-columns:1fr}}.tier-groups-container{display:flex;flex-direction:column;gap:1.5rem}.tier-group{background:var(--container-color);border-radius:16px;overflow:hidden;animation:slideIn .4s ease-out both;animation-delay:var(--stagger-delay, 0s)}.tier-group-header{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.25rem;cursor:pointer;border-left:4px solid;background:#ffffff05;transition:background .2s ease}.tier-group-header:hover{background:#ffffff0d}.tier-group-title{display:flex;align-items:center;gap:1rem}.tier-group-badge{font-size:1.25rem;font-weight:800;padding:.5rem 1rem;border-radius:8px;color:#000;min-width:50px;text-align:center}.tier-group-count{display:flex;align-items:center;gap:.5rem;color:var(--text-muted);font-size:.9rem}.tier-group-count .tier-icon{width:16px;height:16px;opacity:.7;filter:brightness(0) invert(1)}.tier-group-content{padding:1rem;overflow:hidden;transition:max-height .3s ease,padding .3s ease,opacity .3s ease;max-height:2000px;opacity:1}.tier-group-content.collapsed{max-height:0;padding:0 1rem;opacity:0}.tier-columns-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.tier-sub-column{background:#0003;border-radius:12px;overflow:hidden}.tier-sub-header{display:flex;justify-content:space-between;align-items:center;padding:.75rem 1rem;border-bottom:1px solid}.tier-sub-badge{font-size:.9rem;font-weight:700;padding:.35rem .75rem;border-radius:6px;color:#000}.tier-sub-count{font-size:.85rem;color:var(--text-muted)}.tier-sub-players{display:flex;flex-direction:column;gap:.35rem;padding:.5rem;max-height:500px;overflow-y:auto}.tier-sub-players.virtualized-list{display:block}.tier-empty-small{padding:1.5rem 1rem;text-align:center;color:var(--text-muted);font-size:.85rem}.tier-player-card{display:flex;align-items:center;gap:.6rem;background:#ffffff08;border:1px solid var(--border-color);border-radius:8px;padding:.5rem .75rem;cursor:pointer;transition:all .2s ease}.tier-player-card:hover{background:#ffffff14;border-color:var(--primary-light)}.tier-card-avatar{width:32px;height:32px;border-radius:4px;image-rendering:pixelated;flex-shrink:0}.tier-card-name{font-size:.85rem;font-weight:600;color:var(--text-color);flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tier-card-pts{font-size:.75rem;font-weight:700;color:var(--primary-light);background:#8b5cf626;padding:.2rem .5rem;border-radius:4px;flex-shrink:0}@media (max-width: 600px){.tier-columns-row{grid-template-columns:1fr}.tier-group-badge{font-size:1.1rem;padding:.4rem .8rem}}@media (max-width: 480px){.tier-group-header{padding:.75rem 1rem}.tier-card-avatar{width:28px;height:28px}.tier-card-name{font-size:.8rem}.tier-player-card{padding:.4rem .6rem}}.leaderboard-item.special-purple{position:relative;overflow:hidden;background:linear-gradient(135deg,#8b5cf640,#7c3aed26,#6366f133)!important;border-left:5px solid #8B5CF6!important;box-shadow:0 4px 25px #8b5cf659,inset 0 0 30px #8b5cf61a}.leaderboard-item.special-purple.animate-in{opacity:1}.leaderboard-item.special-purple:before{content:"";position:absolute;top:0;left:-100%;width:200%;height:100%;background:linear-gradient(90deg,transparent 0%,rgba(139,92,246,.2) 25%,rgba(167,139,250,.3) 50%,rgba(139,92,246,.2) 75%,transparent 100%);animation:purpleShimmer 3s ease-in-out infinite;pointer-events:none;z-index:1}.leaderboard-item.special-purple:hover{box-shadow:0 8px 40px #8b5cf680,inset 0 0 40px #8b5cf626;transform:translate(10px);background:linear-gradient(135deg,#8b5cf659,#7c3aed40,#6366f14d)!important}.leaderboard-item.special-purple .player-name{color:#e9d5ff;text-shadow:0 0 15px rgba(139,92,246,.8);font-weight:700}.leaderboard-item.special-purple .player-points .points-value{background:linear-gradient(135deg,#a78bfa,#c4b5fd,#8b5cf6)!important;-webkit-background-clip:text!important;background-clip:text!important;color:transparent!important;text-shadow:none}.leaderboard-item.special-purple .player-details{color:#e9d5ffe6}.leaderboard-item.special-purple .player-rank{background:#8b5cf640;border:1px solid rgba(139,92,246,.4)}.leaderboard-item.special-purple .position-badge{background:linear-gradient(135deg,#8b5cf666,#7c3aed4d);border:1px solid rgba(167,139,250,.5);color:#e9d5ff}.name-sparkle.purple-sparkle{filter:brightness(0) saturate(100%) invert(59%) sepia(75%) saturate(462%) hue-rotate(206deg) brightness(102%) contrast(97%)}.player-title{display:inline-flex;align-items:center;margin-left:.5rem;padding:.2rem .6rem;background:linear-gradient(135deg,#8b5cf6,#7c3aed);color:#fff;font-size:.65rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px;border-radius:4px;box-shadow:0 2px 8px #8b5cf666;animation:titleGlow 2s ease-in-out infinite}.profile-modal.special-purple-profile{border:2px solid rgba(139,92,246,.5);box-shadow:0 25px 80px #8b5cf64d}.profile-modal.special-purple-profile .profile-avatar-circle{background:linear-gradient(135deg,#4c1d95,#5b21b6,#7c3aed);box-shadow:0 0 30px #8b5cf680,0 8px 32px #0006}.profile-modal.special-purple-profile .profile-username-large{background:linear-gradient(135deg,#c4b5fd,#e9d5ff,#a78bfa);-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:0 0 30px rgba(139,92,246,.5)}.profile-title-badge{display:inline-block;margin-top:.5rem;padding:.4rem 1rem;background:linear-gradient(135deg,#8b5cf6,#7c3aed);color:#fff;font-size:.8rem;font-weight:700;text-transform:uppercase;letter-spacing:1px;border-radius:20px;box-shadow:0 4px 15px #8b5cf666;animation:titleGlow 2s ease-in-out infinite}.purple-rank-pill{background:linear-gradient(135deg,#8b5cf666,#7c3aed4d)!important;border-color:#a78bfa99!important;box-shadow:0 0 20px #8b5cf64d}.profile-modal.special-purple-profile .position-card{background:linear-gradient(135deg,#8b5cf626,#7c3aed1a);border-color:#8b5cf64d}.profile-modal.special-purple-profile .position-rank{background:#8b5cf633}.profile-modal.special-purple-profile .position-number{color:#a78bfa;text-shadow:0 0 15px rgba(139,92,246,.5)}.profile-modal.special-purple-profile .section-title{color:#a78bfa}.profile-modal.special-purple-profile .tiers-grid-display{background:linear-gradient(135deg,#8b5cf61a,#7c3aed0d);border-color:#8b5cf64d}.profile-modal.special-purple-profile .stat-mini{background:#8b5cf61a;border-color:#8b5cf633}@keyframes purpleGlow{0%,to{box-shadow:0 4px 25px #8b5cf659,inset 0 0 30px #8b5cf61a}50%{box-shadow:0 4px 35px #8b5cf680,inset 0 0 40px #8b5cf626}}@keyframes purpleShimmer{0%{left:-100%}to{left:100%}}@keyframes titleGlow{0%,to{box-shadow:0 2px 8px #8b5cf666}50%{box-shadow:0 2px 15px #8b5cf6b3}}.tier-player-card.special-purple{background:linear-gradient(135deg,#8b5cf633,#7c3aed26);border-color:#8b5cf666;box-shadow:0 2px 12px #8b5cf640}.tier-player-card.special-purple:hover{background:linear-gradient(135deg,#8b5cf64d,#7c3aed40);box-shadow:0 4px 20px #8b5cf666}.tier-player-card.special-purple .tier-card-name{color:#e9d5ff;text-shadow:0 0 10px rgba(139,92,246,.5)}.tier-player-card.special-purple .tier-card-pts{background:linear-gradient(135deg,#8b5cf6,#7c3aed);color:#fff}