Update game 1.0.27

src/App.css

@@ -1734,6 +1734,151 @@ h2 {
   outline-color: #a85d20;
 }
 
+.run-setup-panel,
+.run-summary-card {
+  background: var(--panel-light);
+  border: 2px solid #090a0d;
+  margin-top: 14px;
+  outline: 2px solid #3e3d47;
+  padding: 16px;
+}
+
+.run-setup-heading {
+  align-items: center;
+  display: flex;
+  gap: 16px;
+  justify-content: space-between;
+}
+
+.run-setup-heading h2,
+.run-summary-copy h2 {
+  font-size: 14px;
+}
+
+.run-setup-heading small {
+  color: var(--muted);
+  font-size: 16px;
+  text-align: right;
+}
+
+.tier-grid {
+  display: grid;
+  gap: 10px;
+  grid-template-columns: repeat(auto-fit, minmax(145px, 1fr));
+  margin-top: 14px;
+}
+
+.tier-grid button,
+.activity-card {
+  background: #15161c;
+  border: 2px solid #090a0d;
+  color: var(--ink);
+  cursor: pointer;
+  outline: 2px solid #41404a;
+}
+
+.tier-grid button {
+  display: grid;
+  gap: 7px;
+  min-height: 70px;
+  padding: 11px;
+  text-align: left;
+}
+
+.tier-grid button:hover:not(:disabled),
+.tier-grid button.selected,
+.activity-card:hover:not(:disabled),
+.activity-card.selected {
+  outline-color: var(--gold);
+}
+
+.tier-grid button.selected,
+.activity-card.selected {
+  background: #29291f;
+  box-shadow: inset 0 0 0 2px #6e5727;
+}
+
+.tier-grid strong,
+.tier-grid span,
+.activity-card strong,
+.activity-card small,
+.activity-card i {
+  display: block;
+}
+
+.tier-grid strong,
+.activity-card strong {
+  font-family: 'Press Start 2P', monospace;
+  font-size: 8px;
+}
+
+.tier-grid span,
+.activity-card small,
+.activity-card i {
+  color: var(--muted);
+  font-size: 15px;
+  font-style: normal;
+}
+
+.tier-grid button.locked,
+.activity-card.locked {
+  cursor: not-allowed;
+  filter: grayscale(0.75);
+  opacity: 0.55;
+}
+
+.activity-card-grid {
+  display: grid;
+  gap: 12px;
+  grid-template-columns: repeat(auto-fit, minmax(245px, 1fr));
+  margin-top: 14px;
+}
+
+.activity-card {
+  align-items: center;
+  display: grid;
+  gap: 8px 12px;
+  grid-template-columns: 72px minmax(0, 1fr);
+  min-height: 112px;
+  padding: 12px;
+  text-align: left;
+}
+
+.activity-card .dungeon-art {
+  grid-row: span 3;
+  height: 68px;
+  width: 68px;
+}
+
+.run-summary-card {
+  align-items: center;
+  display: grid;
+  gap: 18px;
+  grid-template-columns: 92px minmax(0, 1fr) minmax(190px, 260px);
+}
+
+.run-summary-copy p:not(.eyebrow) {
+  color: var(--muted);
+  font-size: 18px;
+  margin-top: 6px;
+}
+
+.part-picker {
+  display: grid;
+  gap: 8px;
+}
+
+.part-picker .primary-button.selected-part {
+  background: #f0cb79;
+  outline-color: #fff;
+}
+
+.part-picker .primary-button.locked {
+  cursor: not-allowed;
+  filter: grayscale(0.65);
+  opacity: 0.62;
+}
+
 .dungeon-card h2 {
   font-size: 16px;
 }
@@ -4724,6 +4869,71 @@ h2 {
     padding: 9px 10px;
   }
 
+  .run-setup-panel,
+  .run-summary-card {
+    margin-top: 8px;
+    padding: 8px;
+  }
+
+  .run-setup-heading {
+    align-items: flex-start;
+    flex-direction: column;
+    gap: 6px;
+  }
+
+  .run-setup-heading small {
+    font-size: 14px;
+    line-height: 1.1;
+    text-align: left;
+  }
+
+  .tier-grid {
+    gap: 6px;
+    grid-template-columns: repeat(2, minmax(0, 1fr));
+    margin-top: 8px;
+  }
+
+  .tier-grid button {
+    min-height: 52px;
+    padding: 8px;
+  }
+
+  .activity-card-grid {
+    gap: 8px;
+    grid-template-columns: 1fr;
+    margin-top: 8px;
+  }
+
+  .activity-card {
+    gap: 5px 10px;
+    grid-template-columns: 56px minmax(0, 1fr);
+    min-height: 78px;
+    padding: 8px;
+  }
+
+  .activity-card .dungeon-art {
+    height: 52px;
+    width: 52px;
+  }
+
+  .run-summary-card {
+    gap: 10px;
+    grid-template-columns: 64px minmax(0, 1fr);
+  }
+
+  .run-summary-card > .dungeon-art {
+    height: 58px;
+  }
+
+  .run-summary-copy p:not(.eyebrow) {
+    font-size: 15px;
+    line-height: 1;
+  }
+
+  .part-picker {
+    grid-column: 1 / -1;
+  }
+
   .activity-select,
   .part-buttons {
     grid-column: 1 / -1;