fix mobile task rules and feature availability

web/src/mobile/styles.css

@@ -3760,10 +3760,18 @@ body {
 .m-rank-winner > strong,
 .m-rank-winner > em {
   max-width: 100%;
+  font-style: normal;
+}
+.m-rank-winner > strong {
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
-  font-style: normal;
+}
+.m-rank-winner > em {
+  overflow: visible;
+  font-size: clamp(11px, 3vw, 14px);
+  line-height: 1.2;
+  overflow-wrap: anywhere;
 }
 .m-rank-winner > small {
   margin-top: 4px;
@@ -3781,7 +3789,7 @@ body {
 .m-rank-table header,
 .m-rank-row {
   display: grid;
-  grid-template-columns: 48px minmax(0, 1.5fr) minmax(82px, 1fr) 70px;
+  grid-template-columns: 48px minmax(0, 1fr) max-content 70px;
   align-items: center;
   gap: 7px;
 }
@@ -3823,6 +3831,7 @@ body {
   font-style: normal;
 }
 .m-rank-row strong {
+  white-space: nowrap;
   font-size: 17px;
   font-weight: 500;
 }
@@ -3849,7 +3858,7 @@ body {
 .m-home-rank-list a {
   min-width: 0;
   display: grid;
-  grid-template-columns: 30px 34px minmax(0, 1fr) 72px 82px;
+  grid-template-columns: 30px 34px minmax(0, 1fr) max-content 82px;
   align-items: center;
   gap: 7px;
   color: var(--m-ink);
@@ -3895,14 +3904,16 @@ body {
 .m-home-rank-list strong,
 .m-home-rank-list em {
   min-width: 0;
-  overflow: hidden;
-  text-overflow: ellipsis;
   white-space: nowrap;
 }
 .m-home-rank-list strong {
+  overflow: hidden;
+  text-overflow: ellipsis;
   font-weight: 500;
 }
 .m-home-rank-list em {
+  overflow: visible;
+  font-size: clamp(12px, 3.2vw, 15px);
   font-style: normal;
   text-align: right;
   font-weight: 600;
@@ -4039,14 +4050,14 @@ body {
   }
   .m-rank-table header,
   .m-rank-row {
-    grid-template-columns: 38px minmax(0, 1.4fr) 72px 58px;
+    grid-template-columns: 38px minmax(0, 1fr) max-content 58px;
     gap: 5px;
   }
   .m-rank-table {
     padding-inline: 8px;
   }
   .m-home-rank-list a {
-    grid-template-columns: 26px 32px minmax(0, 1fr) 54px 72px;
+    grid-template-columns: 26px 32px minmax(0, 1fr) max-content 68px;
     gap: 5px;
   }
   .m-home-rank-list small {