UI: add bulk actions and pagination for games list

styles.css

@@ -244,6 +244,24 @@ h1 {
   margin-bottom: 0.8rem;
 }
 
+.bulk-actions-bar {
+  display: flex;
+  flex-wrap: wrap;
+  align-items: center;
+  gap: 0.5rem;
+  margin-bottom: 0.8rem;
+  padding: 0.55rem 0.65rem;
+  border: 1px solid var(--border);
+  border-radius: 10px;
+  background: #f7faff;
+}
+
+.bulk-selection-info {
+  font-size: 0.85rem;
+  color: var(--muted);
+  margin-right: auto;
+}
+
 .scanner-zone {
   border: 1px solid var(--border);
   border-radius: 12px;
@@ -439,6 +457,20 @@ button {
   align-items: center;
 }
 
+.game-select {
+  display: inline-flex;
+  align-items: center;
+  gap: 0.35rem;
+  font-size: 0.8rem;
+  color: var(--muted);
+  flex-shrink: 0;
+}
+
+.game-select input {
+  width: 16px;
+  height: 16px;
+}
+
 .console-theme-default {
   background: #ffffff;
 }
@@ -520,6 +552,21 @@ button {
   gap: 0.45rem;
 }
 
+.pagination-bar {
+  margin-top: 0.8rem;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  gap: 0.6rem;
+}
+
+.page-info {
+  font-size: 0.88rem;
+  color: var(--muted);
+  min-width: 98px;
+  text-align: center;
+}
+
 .inline-editor {
   margin-top: 0.75rem;
   border-top: 1px dashed #ccd7e4;
@@ -750,6 +797,10 @@ body.ui-v2 .game-card {
   transition: transform 180ms ease, box-shadow 180ms ease, border-color 180ms ease;
 }
 
+body.ui-v2 .game-select span {
+  display: none;
+}
+
 body.ui-v2 .game-card:hover {
   transform: translateY(-1px);
   border-color: #d3cef9;
@@ -814,6 +865,15 @@ body.ui-v2 .hero {
     grid-template-columns: repeat(2, minmax(0, 1fr));
   }
 
+  .bulk-actions-bar {
+    flex-direction: column;
+    align-items: stretch;
+  }
+
+  .bulk-selection-info {
+    margin-right: 0;
+  }
+
   .grid-form,
   .game-form {
     grid-template-columns: repeat(2, minmax(0, 1fr));
@@ -864,4 +924,8 @@ body.ui-v2 .hero {
     width: 100%;
     grid-template-columns: 1fr 1fr;
   }
+
+  .pagination-bar {
+    flex-wrap: wrap;
+  }
 }