Port evolution, Rare Candy, evolution stones and vitamins

Pokémon that levelled up evolve after a won battle, following
EvolveAfterBattle's checks over the ROM's evolution bytes, with the
evolution screen that B can stop and move learning outside battle. The pack
uses Rare Candy, stones (with ABLE/NOT ABLE labels) and vitamins, and its
pocket tabs now sit in their own row.

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>

src/ui/shell.ts

@@ -36,7 +36,7 @@ export function renderShell(root: HTMLElement) {
               <div id="field-menu" class="field-menu" hidden aria-label="Pack"><p>KEY ITEMS</p><div id="field-items"></div></div>
               <div id="mart" class="mart" hidden aria-label="Poké Mart">
                 <p id="mart-money" class="mart-money"></p>
-                <div class="mart-box"><p id="mart-prompt" aria-live="polite"></p><div id="mart-menu" class="mart-menu"></div></div>
+                <div class="mart-box"><p id="mart-prompt" aria-live="polite"></p><div id="mart-tabs" class="pack-tabs" aria-label="Pockets" hidden></div><div id="mart-menu" class="mart-menu"></div></div>
               </div>
               <div id="intro-screen" class="intro-screen" hidden></div>
               <div id="pokepic" class="pokepic" hidden><canvas id="pokepic-canvas" width="56" height="56" role="img"></canvas><button id="pokepic-next" hidden>Continue <span aria-hidden="true">▶</span></button></div>

src/ui/styles.css

@@ -597,6 +597,23 @@ dialog h2 {
   margin: 0 0 6px;
   white-space: pre-line;
 }
+.pack-tabs {
+  display: grid;
+  grid-template-columns: repeat(4, minmax(0, 1fr));
+  gap: 4px;
+  margin-bottom: 8px;
+}
+.pack-tabs button {
+  padding: 4px;
+  font-size: 0.75rem;
+  color: var(--ink);
+  background: var(--cream-dark);
+  border: 3px double var(--ink);
+}
+.pack-tabs button[aria-pressed="true"] {
+  color: #fff;
+  background: var(--blue);
+}
 .mart-menu {
   display: grid;
   gap: 6px;