Initial pass at unicorn pack.

web/src/styles.css

@@ -1392,6 +1392,51 @@ h3 {
   color: var(--gold);
 }
 
+/* Bigfoot's shop-deck peek (Unicorn pack): a button and the revealed card. */
+.peek-indicator {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  gap: 8px;
+  margin: 12px auto 0;
+  width: fit-content;
+}
+
+/* Unicorn ailment cards: a cold, spectral palette distinct from foods/pets. */
+.card-ailment {
+  background: linear-gradient(168deg, #e9e6f7, #cfc7ec 55%, #b3a8dd);
+}
+.card-ailment .card-effect,
+.card-ailment .card-name {
+  color: #45308a;
+}
+
+/* Ailment badges pinned to a battle unit. */
+.ailment-badges {
+  position: absolute;
+  top: -8px;
+  left: -8px;
+  display: flex;
+  gap: 3px;
+  z-index: 5;
+}
+.ailment-badge {
+  font-size: 0.8rem;
+  font-weight: 800;
+  line-height: 1;
+  padding: 3px 5px;
+  border-radius: 999px;
+  border: 1px solid rgba(0, 0, 0, 0.35);
+  background: rgba(20, 16, 40, 0.82);
+  color: #fff;
+}
+.ailment-spooked {
+  box-shadow: 0 0 6px rgba(150, 130, 255, 0.7);
+}
+.ailment-exposed {
+  box-shadow: 0 0 6px rgba(255, 120, 90, 0.7);
+}
+
 /* Coins shown as big golden discs above the buy row. */
 .shop-coins {
   display: flex;