v0.6.7: narrow matches column so player filter stays visible.

Co-authored-by: Cursor <cursoragent@cursor.com>

web/frontend/style.css

@@ -62,7 +62,8 @@
   --content-read: 820px;
   --content-standard: 880px;
   --content-wide: 1080px;
-  --content-data: 1680px;
+  /* Matches list + right filter aside (centered column must leave aside room). */
+  --content-data: 1200px;
   --aside-gap: 20px;
   --focus-ring: 2px solid var(--sel);
 }
@@ -2256,6 +2257,11 @@ a.match-player-name:hover {
   gap: 5px;
   align-items: center;
 }
+@media (max-width: 1200px) {
+  .match-skills {
+    flex-wrap: wrap;
+  }
+}
 .match-inv {
   display: flex;
   flex-direction: column;
@@ -2982,8 +2988,8 @@ body:has(#items-view:not(.hidden)) {
 }
 .matches-board .rankings-center-wrap.matches-center-wrap {
   align-items: stretch;
-  /* Fixed column width so cards align; ~lv30 skill row + a little slack. */
-  width: min(var(--content-data), 100%, calc(100vw - 280px));
+  /* Centered column + absolute aside: reserve ~aside(260)+gap on BOTH sides. */
+  width: min(var(--content-data), calc(100% - 48px), calc(100vw - 560px));
 }
 .matches-board .match-list,
 .matches-board .match-card {
@@ -2993,14 +2999,13 @@ body:has(#items-view:not(.hidden)) {
 }
 .matches-board .match-skills {
   max-width: 100%;
-}
-@media (max-width: 1200px) {
-  .match-skills {
-    flex-wrap: wrap;
-  }
+  flex-wrap: wrap;
 }
 .matches-board .rankings-aside {
   align-items: stretch;
+  width: max-content;
+  min-width: 200px;
+  max-width: min(260px, 28vw);
 }
 .matches-origins,
 .matches-players {
@@ -3012,6 +3017,9 @@ body:has(#items-view:not(.hidden)) {
 .matches-board .rankings-aside .rankings-region-btn {
   width: 100%;
   box-sizing: border-box;
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
 }
 .matches-board .match-list {
   gap: 12px;
@@ -3148,7 +3156,10 @@ body:has(#items-view:not(.hidden)) {
     width: min(640px, 94%);
   }
   .matches-board .rankings-center-wrap.matches-center-wrap {
-    width: min(1680px, 94%);
+    width: min(var(--content-data), 94%);
+  }
+  .matches-board .rankings-aside {
+    max-width: none;
   }
   .rankings-aside {
     position: static;