/arena: an outlined button keeps the board's outlined hover (the filled buttons' hover turned a hovered Check navy with dark text)

index.html

@@ -82,7 +82,7 @@
   select, input, textarea, button { font: inherit; color: inherit; }
   button { font-family: var(--mono); font-size: 11px; font-weight: 500; letter-spacing: 1px; text-transform: uppercase; padding: 5px 14px; min-height: 26px; border: 1px solid var(--accent); border-radius: 2px;
     background: var(--accent); color: #fff; cursor: pointer; transition: background 0.15s, border-color 0.15s, color 0.15s; }
-  button:hover:not(:disabled) { background: var(--accent-deep); border-color: var(--accent-deep); }
+  button:not(.plain):hover:not(:disabled) { background: var(--accent-deep); border-color: var(--accent-deep); }   /* the outlined (.plain) buttons keep the board's outlined hover */
   button:disabled { background: #fff; color: var(--muted-4); border-color: var(--border); cursor: not-allowed; }
   button.plain { text-transform: none; }
   button.plain:disabled { background: #fff; color: var(--muted-4); border-color: var(--border-soft); }