Initial pass at Golden Pack.

web/src/styles.css

@@ -1224,6 +1224,56 @@ h3 {
     inset 0 0 0 1px rgba(246, 201, 78, 0.06);
 }
 
+/* Mid-battle decision panel (Golden pack: Nurse Shark). */
+.battle-decision-options {
+  display: flex;
+  gap: 10px;
+  flex-wrap: wrap;
+  justify-content: center;
+  margin-top: 12px;
+}
+
+.battle-decision-options .btn {
+  font-family: var(--font-display);
+}
+
+/* Set-aside Avocado tokens (Golden pack): a slim tray with a toggle pill. */
+.avocado-zone {
+  background: rgba(0, 0, 0, 0.24);
+  border: 1px solid rgba(0, 0, 0, 0.3);
+  border-radius: 18px;
+  padding: 12px 18px 14px;
+  box-shadow:
+    var(--tray-inset),
+    inset 0 0 0 1px rgba(246, 201, 78, 0.06);
+}
+
+.avocado-token {
+  font-family: var(--font-display);
+  font-size: 1.05rem;
+  padding: 6px 14px;
+  border-radius: 999px;
+  border: 1px solid rgba(246, 201, 78, 0.3);
+  background: rgba(0, 0, 0, 0.28);
+  color: var(--gold);
+  cursor: pointer;
+  transition: transform 0.12s ease, box-shadow 0.12s ease, border-color 0.12s ease;
+}
+
+.avocado-token:hover:not(:disabled) {
+  transform: translateY(-1px);
+}
+
+.avocado-token.is-active {
+  border-color: var(--gold);
+  box-shadow: 0 0 10px rgba(246, 201, 78, 0.45);
+}
+
+.avocado-token:disabled {
+  opacity: 0.6;
+  cursor: default;
+}
+
 .shop-row,
 .deck-row {
   display: flex;