Android build v1.0.58 stadium added

src/App.css

@@ -6399,6 +6399,149 @@ h2 {
   box-shadow: inset 0 0 0 2px #6e5727;
 }
 
+.stadium-screen {
+  min-height: 100dvh;
+}
+
+.stadium-board {
+  display: grid;
+  gap: 14px;
+  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
+  min-height: calc(100dvh - 72px);
+}
+
+.stadium-header,
+.stadium-pressure-panel {
+  align-items: center;
+  background: var(--panel);
+  border: 3px solid #0c0d11;
+  box-shadow: 4px 4px 0 #08090c;
+  display: flex;
+  grid-column: 1 / -1;
+  justify-content: space-between;
+  outline: 2px solid var(--edge);
+  padding: 12px 16px;
+}
+
+.stadium-header h2 {
+  font-size: 20px;
+}
+
+.stadium-header > strong {
+  color: var(--gold);
+  font-family: 'Press Start 2P', monospace;
+  font-size: 26px;
+}
+
+.stadium-header p,
+.stadium-header small,
+.stadium-pressure-panel span {
+  color: var(--muted);
+  font-size: 13px;
+}
+
+.stadium-pressure-panel strong {
+  color: var(--ink);
+  font-family: 'Press Start 2P', monospace;
+  font-size: 16px;
+}
+
+.stadium-side {
+  min-height: 0;
+}
+
+.stadium-shop-dialog {
+  max-width: 1180px !important;
+  padding: 16px !important;
+  text-align: left !important;
+  width: min(1180px, calc(100vw - 32px));
+}
+
+.stadium-shop-summary {
+  color: var(--muted);
+  display: flex;
+  flex-wrap: wrap;
+  font-family: 'Press Start 2P', monospace;
+  font-size: 12px;
+  gap: 16px;
+  margin-bottom: 12px;
+}
+
+.stadium-shop-layout {
+  display: grid;
+  gap: 14px;
+  grid-template-columns: 240px minmax(0, 1fr);
+}
+
+.stadium-shop-tabs {
+  display: grid;
+  gap: 8px;
+}
+
+.stadium-shop-tabs button,
+.stadium-shop-grid button {
+  background: #252833;
+  border: 2px solid #0b0c0f;
+  color: var(--ink);
+  cursor: pointer;
+  font-family: 'Press Start 2P', monospace;
+  outline: 2px solid #4d4c58;
+}
+
+.stadium-shop-tabs button {
+  font-size: 9px;
+  margin: 0;
+  padding: 10px;
+  text-align: left;
+}
+
+.stadium-shop-tabs button.active {
+  background: #303427;
+  outline-color: var(--gold);
+}
+
+.stadium-shop-layout h3 {
+  font-size: 15px;
+  margin-bottom: 10px;
+}
+
+.stadium-shop-grid {
+  display: grid;
+  gap: 10px;
+  grid-template-columns: repeat(3, minmax(0, 1fr));
+}
+
+.stadium-shop-grid button {
+  display: grid;
+  gap: 8px;
+  margin: 0;
+  min-height: 110px;
+  padding: 12px;
+  text-align: left;
+}
+
+.stadium-shop-grid button:disabled {
+  cursor: not-allowed;
+  opacity: 0.45;
+}
+
+.stadium-shop-grid strong {
+  color: #ffe8a5;
+  font-size: 10px;
+  line-height: 1.25;
+}
+
+.stadium-shop-grid small,
+.stadium-shop-layout p {
+  color: #d3d9e6;
+  font-size: 13px;
+  line-height: 1.2;
+}
+
+.dual-opponent-progress.stadium {
+  grid-template-columns: 1fr 1fr;
+}
+
 .result-screen button,
 .pause-screen button {
   background: var(--gold);
@@ -6911,11 +7054,24 @@ h2 {
   }
 
   .pvp-board,
+  .stadium-board,
+  .stadium-shop-layout,
   .pvp-choice-columns,
   .pvp-choice-columns .upgrade-choice-grid {
     grid-template-columns: 1fr;
   }
 
+  .stadium-header,
+  .stadium-pressure-panel,
+  .stadium-shop-summary {
+    align-items: stretch;
+    flex-direction: column;
+  }
+
+  .stadium-shop-grid {
+    grid-template-columns: 1fr;
+  }
+
   .active-target-card,
   .mana-wrap {
     width: 100%;