More random UI fixes.

web/src/components/ShopPhase.tsx

@@ -227,7 +227,7 @@ export function ShopPhase({ view, you, send }: Props) {
       <div className="shop-status">
         {pending && !myPending ? (
           <span className="muted">
-            {opponent?.name ?? 'Opponent'} is trading up a tier…
+            {opponent?.name ?? 'Opponent'} is tripling up a tier…
           </span>
         ) : you.ready ? (
           <span className="muted">
@@ -239,7 +239,7 @@ export function ShopPhase({ view, you, send }: Props) {
             Too many pets! Sell down to {view.maxPets} before you can pass 🍎
           </span>
         ) : myTurn ? (
-          <span className="status-hot">Your turn — buy, sell, trade, or pass</span>
+          <span className="shop-status-pill">Your turn — buy, sell, triple, or pass</span>
         ) : (
           <span className="muted">
             {view.players[view.turn]?.name ?? 'Opponent'}’s turn…
@@ -305,7 +305,7 @@ export function ShopPhase({ view, you, send }: Props) {
                 ? 'Tap a card to buy it for 1 🪙 — selling and trading are free'
                 : avocados > 0
                   ? 'No coins — tap a card to buy it by discarding an Avocado 🥑'
-                  : 'No coins left — you can still sell, trade, or pass'}
+                  : 'No coins left — you can still sell, triple, or pass'}
           </div>
         )}
       </section>
@@ -398,9 +398,9 @@ export function ShopPhase({ view, you, send }: Props) {
           className="btn btn-secondary"
           disabled={!myTurn || !sameSuit || view.round >= view.maxRounds}
           onClick={() => act({ type: 'trade', cards: selected })}
-          title="Trade 3 same-suit pets for a pick from the next tier — free"
+          title="Triple 3 same-suit pets for a pick from the next tier — free"
         >
-          Trade 3{' '}
+          Triple 3{' '}
           {sameSuit && selectedCards[0].suit ? (
             <span className={`suit-dot suit-${selectedCards[0].suit}`} />
           ) : (
@@ -455,7 +455,7 @@ export function ShopPhase({ view, you, send }: Props) {
         </div>
       )}
 
-      {/* Trade picker */}
+      {/* Triple picker */}
       {myPending && pending && (
         <div className="modal-backdrop">
           <div className="modal">