Update index.html

index.html

@@ -99,11 +99,12 @@ a{color:var(--gold)}
     linear-gradient(rgba(245,200,106,.5),rgba(245,200,106,.5)) center/74px 1px no-repeat,
     linear-gradient(rgba(245,200,106,.5),rgba(245,200,106,.5)) center/1px 74px no-repeat}
 @keyframes twinkle{0%,100%{filter:brightness(1)}50%{filter:brightness(1.45)}}
-#tooltip{position:absolute;z-index:9;pointer-events:none;opacity:0;transition:opacity .15s ease;
+#tooltip{position:absolute;z-index:9;pointer-events:none;opacity:0;transition:opacity .18s ease, transform .18s ease;
+  transform:translateY(4px);
   background:rgba(5,8,16,.88);border:1px solid var(--line);border-radius:10px;
   padding:8px 11px;font-size:.8rem;line-height:1.45;white-space:nowrap;
   box-shadow:0 6px 30px rgba(0,0,0,.5);backdrop-filter:blur(8px)}
-#tooltip.show{opacity:1}
+#tooltip.show{opacity:1;transform:none}
 #tooltip .tt-name{font-family:Cinzel,serif;color:var(--gold);font-size:.82rem}
 #tooltip .tt-meta{color:var(--muted)}
 .scroll-cue{position:absolute;bottom:22px;left:50%;transform:translateX(-50%);z-index:5;
@@ -202,6 +203,29 @@ a{color:var(--gold)}
 .org-bar{grid-column:1/3;height:6px;border-radius:99px;background:rgba(255,255,255,.07);overflow:hidden}
 .org-bar i{display:block;height:100%;border-radius:99px;background:linear-gradient(90deg,var(--neb1),var(--gold))}
 .kbd{font-size:.68rem;border:1px solid var(--line);border-radius:6px;padding:1px 6px;color:var(--faint)}
+/* ---------- smoothness + chrome polish ---------- */
+html{scrollbar-color:rgba(245,200,106,.45) rgba(5,8,16,.6)}
+body::-webkit-scrollbar{width:10px}
+body::-webkit-scrollbar-track{background:#050810}
+body::-webkit-scrollbar-thumb{background:linear-gradient(#6b4fd8,#f5c86a);border-radius:99px;border:2px solid #050810}
+#cat-rail::-webkit-scrollbar{height:6px}
+#cat-rail::-webkit-scrollbar-thumb{background:rgba(245,200,106,.35);border-radius:99px}
+.hero::after{content:"";position:absolute;left:0;right:0;bottom:0;height:120px;z-index:4;
+  pointer-events:none;background:linear-gradient(transparent,rgba(5,8,16,.85))}
+#leagues{box-shadow:0 10px 30px rgba(0,0,0,.35)}
+#ranking-wrap,#view-profile{scroll-margin-top:64px}
+#ranking{scroll-margin-top:140px}
+.section-label{display:flex;align-items:center;gap:14px}
+.section-label::before,.section-label::after{content:"";height:1px;flex:1;
+  background:linear-gradient(90deg,transparent,rgba(245,200,106,.5),transparent)}
+@keyframes starIn{from{opacity:0}to{opacity:1}}
+.star{animation:starIn .9s ease backwards}
+@keyframes growX{from{transform:scaleX(0)}to{transform:scaleX(1)}}
+.org-bar i,.bar i,.cat-bar i{transform-origin:left;animation:growX 1s cubic-bezier(.22,.8,.3,1) backwards}
+.card,.pill,.org-pill,.cat-pill,.org-row,.champ{transition-timing-function:cubic-bezier(.22,.8,.3,1)}
+.org-pill,.cat-pill,.org-row{transition:all .2s cubic-bezier(.22,.8,.3,1)}
+.pill:active,.org-pill:active,.cat-pill:active,.champ:active,.org-row:active{transform:scale(.97)}
+.search-box,.sort-wrap #sort{transition:border-color .2s ease, box-shadow .2s ease}
 /* ---------- division toppers + divider rail ---------- */
 #champs-panel{border:1px solid var(--line);border-radius:16px;background:rgba(255,255,255,.025);
   padding:20px;margin:18px 0 14px}
@@ -559,6 +583,7 @@ function renderGalaxy(models){
     if(!reduced){dot.style.animation="twinkle "+period+"s ease-in-out "+(hash01(i*7.7)*3).toFixed(2)+"s infinite";}
     b.appendChild(dot);
     b.dataset.glow=glow.toFixed(1);b.dataset.color=color;
+    if(!reduced){b.style.animationDelay=Math.min(i*90,900)+"ms";}
     var label=m.model+" · CI "+fmtCI(m.ci_index)+" · "+fmtParams(m.params_m);
     b.setAttribute("aria-label",label+" — open profile");
     b.dataset.model=m.model;
@@ -657,7 +682,7 @@ function filteredByLeague(leagueId){
 function shortName(id){var s=String(id||"");var i=s.indexOf("/");return i>=0?s.slice(i+1):s;}
 function renderChamps(){
   els.champsGrid.innerHTML="";
-  LEAGUES.forEach(function(L){
+  LEAGUES.slice().reverse().forEach(function(L){
     var rows=filteredByLeague(L.id);
     var b=document.createElement("button");
     b.type="button";b.className="champ"+(state.league===L.id?" active":"");