better

frontend.css

@@ -93,13 +93,38 @@ body {
 .sidebar__section {
   display: flex;
   flex-direction: column;
+}
+
+.sidebar__section--standings {
+  flex: 1;
+  min-height: 0;
+}
+
+.sidebar__section--link {
+  border-top: 1px solid var(--border);
+  padding: 24px 32px;
   flex-shrink: 0;
 }
 
-.sidebar__section--history {
-  flex: 1;
-  border-top: 1px solid var(--border);
-  min-height: 0;
+.history-link {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  padding: 16px 20px;
+  background: var(--surface-2);
+  border: 1px solid var(--border);
+  border-radius: 8px;
+  color: var(--text);
+  text-decoration: none;
+  font-family: 'JetBrains Mono', monospace;
+  font-size: 13px;
+  font-weight: 700;
+  transition: all 0.2s;
+}
+
+.history-link:hover {
+  background: var(--border);
+  border-color: var(--border-light);
 }
 
 .sidebar__header {
@@ -117,15 +142,8 @@ body {
   display: flex;
   flex-direction: column;
   gap: 4px;
-}
-
-.sidebar__history-list {
   flex: 1;
   overflow-y: auto;
-  padding: 0 16px 24px;
-  display: flex;
-  flex-direction: column;
-  gap: 8px;
 }
 
 .standing {
@@ -219,67 +237,6 @@ body {
   color: var(--text-muted);
 }
 
-/* ── Past Rounds Mini ─────────────────────────────────────────── */
-
-.past-round-mini {
-  background: var(--surface-2);
-  border: 1px solid var(--border);
-  padding: 12px;
-  border-radius: 8px;
-  display: flex;
-  flex-direction: column;
-  gap: 8px;
-}
-
-.past-round-mini__top {
-  display: flex;
-  gap: 12px;
-  align-items: flex-start;
-}
-
-.past-round-mini__num {
-  font-family: 'JetBrains Mono', monospace;
-  font-size: 12px;
-  font-weight: 700;
-  color: var(--text-muted);
-  flex-shrink: 0;
-}
-
-.past-round-mini__prompt {
-  font-family: 'Inter', sans-serif;
-  font-size: 13px;
-  color: var(--text);
-  line-height: 1.4;
-  display: -webkit-box;
-  -webkit-line-clamp: 2;
-  -webkit-box-orient: vertical;
-  overflow: hidden;
-}
-
-.past-round-mini__winner {
-  font-size: 12px;
-  color: var(--text-muted);
-  display: flex;
-  align-items: center;
-  gap: 6px;
-  padding-left: 28px;
-}
-
-.small-model-name {
-  font-size: 12px;
-}
-
-.small-model-name .model-logo {
-  width: 14px;
-  height: 14px;
-}
-
-.past-round-mini__tie {
-  font-family: 'JetBrains Mono', monospace;
-  font-weight: 700;
-  color: var(--text-muted);
-}
-
 /* ── Arena ─────────────────────────────────────────────────────── */
 
 .arena {