Removed ranking fade in lieu of consistent app capsule sizes.

assets/css/250.less

@@ -517,7 +517,7 @@ span.filtered {
 }
 
 .ranking > header > h2:first-of-type {
-    width: 120px;
+    width: 170px;
     box-sizing: border-box;
     padding-left: 1.5em;
     margin-left: .5em;
@@ -570,10 +570,11 @@ span.filtered {
     max-width: 100%;
 }
 
+// Capsule image container.
 .ranking > header ~ div > div:first-child {
     flex-shrink: 0;
     width: 25%;
-    max-width: 120px;
+    max-width: 170px; // Nominally 184px.
     min-width: 80px;
     aspect-ratio: 184/69;
 
@@ -625,6 +626,8 @@ span.filtered {
 .ranking > div > div > .title {
     /* Prevent breaking around title at small resolutions. */
     display: inline;
+
+    font-size: 150%;
 }
 // Shared S250/C250 appline styles.
 .appline {

assets/css/home.less

@@ -70,7 +70,7 @@ section.top10 {
       background: linear-gradient(135deg, #1f202e, #343834, #212333, #291f29);
       box-shadow: 0 0 4px #ffc82c;
 
-      transition: opacity .1s;
+      transition: opacity 50ms;
     }
     &:hover:before {
       opacity: 1;

assets/css/ranking.less

@@ -1,5 +1,3 @@
-@import "inc/ranking fade.css" (min-width: 850px);
-
 .col3 {
   ins {
     margin: 0;

template/layout/ranking.twig

@@ -116,8 +116,8 @@
         <div{% if game.rank is defined %} id="{{ game.rank }}"{% endif %}>
             <div>
                 <a href="{{ steam.app_url(game.id) }}" {{ steam.video_attr(game.name, game.videos) }}>
-                    <img alt="Logo" data-src="//steamcdn-a.akamaihd.net/steam/apps/{{ game.id }}/capsule_
-                        {{- loop.index <= 14 ? '184x69.jpg' : 'sm_120.jpg' }}" class="lazy"
+                    <img alt="Logo" data-src="//steamcdn-a.akamaihd.net/steam/apps/{{ game.id }}/capsule_184x69.jpg"
+                        class="lazy"
                 ></a>
             </div>
             <div class="appline">