feat(ui): aggregate appearance data in detail views

Group appearances by entity ID and rarity to reduce list clutter
Display aggregated times, weathers, and maps in a structured layout

frontend/src/styles/main.css

@@ -390,6 +390,42 @@ select {
   border-bottom: 0;
 }
 
+.appearance-list li {
+  display: grid;
+  grid-template-columns: max-content minmax(0, 1fr);
+  align-items: start;
+  justify-content: stretch;
+}
+
+.appearance-name {
+  white-space: nowrap;
+}
+
+.appearance-summary {
+  display: grid;
+  gap: 4px;
+  width: 100%;
+  margin: 0;
+  color: #657067;
+  text-align: left;
+}
+
+.appearance-summary div {
+  display: grid;
+  grid-template-columns: 72px minmax(0, 1fr);
+  gap: 8px;
+}
+
+.appearance-summary dt,
+.appearance-summary dd {
+  margin: 0;
+}
+
+.appearance-summary dt {
+  color: #566156;
+  font-weight: 800;
+}
+
 .link-button {
   display: inline-flex;
   align-items: center;
@@ -527,4 +563,13 @@ button:disabled {
   .appearance-row {
     grid-template-columns: 1fr;
   }
+
+  .appearance-list li {
+    align-items: start;
+    grid-template-columns: 1fr;
+  }
+
+  .appearance-list {
+    overflow-x: auto;
+  }
 }