Recette 1e : titre du bilan sur l'issue, notation du moteur partout, boutons de 48 px en paysage, filtre en accent-soft, longue partie ; tests navigateur adaptés au bilan

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>

web/app.css

@@ -3116,8 +3116,14 @@ html.landscape .explain-sheet > .explain-body {
   min-height: 44px;
 }
 
+/* Deux boutons de 48 px, côte à côte, jamais étirés en hauteur. */
+.summary-actions {
+  align-items: center;
+}
+
 .summary-actions > * {
   flex: 1 1 0;
+  height: var(--button-height);
   padding: 0 12px;
 }
 
@@ -3137,8 +3143,7 @@ html.landscape .summary-panel > * {
 }
 
 html.landscape .summary-panel > .summary-review,
-html.landscape .summary-panel > .summary-actions,
-html.landscape .summary-panel > .panel-link {
+html.landscape .summary-panel > .summary-end {
   grid-column: 2;
 }
 
@@ -3148,6 +3153,13 @@ html.landscape .summary-panel > .summary-review {
   border-top: 0;
 }
 
+/* Les actions en bas de la colonne de droite, « Changer les réglages »
+ * dessous, comme en portrait. */
+html.landscape .summary-panel > .summary-end {
+  grid-row: 5 / span 2;
+  align-self: end;
+}
+
 /* ------------------------------------------- Analyse d'une partie (1e) */
 
 /* Maquette interactive « Analyse » : une page qui défile. */
@@ -3308,10 +3320,12 @@ html.landscape .summary-panel > .summary-review {
   border: 1px solid var(--border);
 }
 
+/* Le filtre choisi en accent-soft, comme l'onglet choisi de l'aide. */
 .filters .filter[aria-pressed="true"] {
-  color: var(--surface);
-  background: var(--text);
-  border-color: var(--text);
+  font-weight: 700;
+  color: var(--text);
+  background: var(--accent-soft);
+  border-color: var(--accent);
 }
 
 .analysis-list {