From 6bc116a86a2d7b98da116cad72520503ddf137ec Mon Sep 17 00:00:00 2001
From: Hikari <hikari@nhcarrigan.com>
Date: Fri, 6 Mar 2026 21:06:00 -0800
Subject: [PATCH] fix: add missing prestige shop CSS styles

---
 apps/web/src/styles.css | 88 +++++++++++++++++++++++++++++++++++++++++
 1 file changed, 88 insertions(+)

diff --git a/apps/web/src/styles.css b/apps/web/src/styles.css
index c67a365..8b19a66 100644
--- a/apps/web/src/styles.css
+++ b/apps/web/src/styles.css
@@ -265,6 +265,7 @@ body {
 
 /* ===================== BUTTONS ===================== */
 .buy-button,
+.buy-upgrade-button,
 .start-quest-button,
 .attack-button,
 .prestige-button {
@@ -280,6 +281,7 @@ body {
 }
 
 .buy-button:hover:not(:disabled),
+.buy-upgrade-button:hover:not(:disabled),
 .start-quest-button:hover,
 .attack-button:hover,
 .prestige-button:hover:not(:disabled) {
@@ -287,6 +289,7 @@ body {
 }
 
 .buy-button:disabled,
+.buy-upgrade-button:disabled,
 .prestige-button:disabled {
   background: var(--colour-border);
   color: var(--colour-text-muted);
@@ -549,6 +552,91 @@ body {
   color: var(--colour-text-muted) !important;
 }
 
+.prestige-tabs {
+  display: flex;
+  gap: 0.5rem;
+  margin-bottom: 1.25rem;
+}
+
+.prestige-tab {
+  background: var(--colour-surface);
+  border: 1px solid var(--colour-border);
+  border-radius: var(--radius);
+  color: var(--colour-text-muted);
+  cursor: pointer;
+  font-size: 0.9rem;
+  font-weight: 500;
+  padding: 0.5rem 1rem;
+  transition: all 0.15s;
+}
+
+.prestige-tab:hover {
+  border-color: var(--colour-accent);
+  color: var(--colour-text);
+}
+
+.prestige-tab.active {
+  background: var(--colour-accent);
+  border-color: var(--colour-accent);
+  color: #fff;
+}
+
+.runestone-shop {
+  display: flex;
+  flex-direction: column;
+  gap: 1.5rem;
+}
+
+.shop-balance {
+  color: var(--colour-text-muted);
+  font-size: 0.9rem;
+}
+
+.shop-category h3 {
+  color: var(--colour-text);
+  font-size: 1rem;
+  margin-bottom: 0.75rem;
+}
+
+.shop-upgrades {
+  display: flex;
+  flex-direction: column;
+  gap: 0.5rem;
+}
+
+.shop-upgrade-card {
+  align-items: center;
+  background: var(--colour-surface);
+  border: 1px solid var(--colour-border);
+  border-radius: var(--radius);
+  display: flex;
+  gap: 0.75rem;
+  padding: 0.75rem;
+}
+
+.shop-upgrade-card.purchased {
+  border-color: var(--colour-success);
+  opacity: 0.7;
+}
+
+.shop-upgrade-card.unaffordable {
+  opacity: 0.5;
+}
+
+.shop-upgrade-info {
+  flex: 1;
+}
+
+.shop-upgrade-info h4 {
+  font-size: 1rem;
+  margin-bottom: 0.15rem;
+}
+
+.shop-upgrade-info p {
+  color: var(--colour-text-muted);
+  font-size: 0.8rem;
+}
+
 /* ===================== LOGIN PAGE ===================== */
 .login-page {
   align-items: center;