As-built: add a back view (PCB + mounted components); dimensions in inches

- New back view in a right-hand column above the BOM: a green PCB schematic
  with the mounted parts placed roughly as on the front — top-edge jacks,
  ST7789 TFT, RP2040, 9V→5V buck, the PLAY/PREV/ENC/TAP/NEXT footprints, the
  analog-audio block (PCM5102 · NE5532 · DRV134 · PAM8302), speaker, and corner
  mounting holes.
- Dimensions in inches: back view labelled 4.7 in × 5.5 in (120 × 140 mm); the
  top-edge view's thickness now reads ≈ 1.8 in (45 mm).
- Layout: front view (+ top-edge view, loader) on the left; back view + BOM on
  the right.

Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>

player-asbuilt.html

@@ -24,7 +24,8 @@
       amp + speaker. Powered from a standard 9 V DC pedal jack (2.1 mm centre-
       negative, pedalboard-friendly) or USB-C (also carries config), in a brushed
       aluminium / stainless enclosure.
-  A rough bill of materials for all of this is shown below the loader on the page.
+  Beside the device: a top-edge view, a back view (PCB + components) and a bill of
+  materials. Overall ≈ 4.7 × 5.5 × 1.8 in (120 × 140 × 45 mm).
   Compare with the idealized /player.html. One file, no deps; shares src/engine.js.
 -->
 <script>
@@ -96,7 +97,7 @@
   /* side-by-side: player on the left, BOM on the right (stacks when narrow) */
   .cols{ display:flex; flex-wrap:wrap; align-items:flex-start; justify-content:center; gap:18px; width:100% }
   .col-left{ display:flex; flex-direction:column; align-items:center; gap:14px; width:380px; max-width:100% }
-  .bom-panel{ width:380px; max-width:100%; align-self:flex-start }
+  .bom-panel{ width:100%; align-self:flex-start }
 
   /* ---- top-edge view: all connectors on the top + total thickness ---- */
   .topview{ width:380px; max-width:100%; display:flex; flex-direction:column; gap:5px }
@@ -117,6 +118,28 @@
   .tv-dim{ display:flex; flex-direction:column; align-items:center; justify-content:center; font-size:9px; color:var(--muted); letter-spacing:.03em; line-height:1.05; white-space:nowrap }
   .tv-dim .ar{ font-size:40px; line-height:.55; opacity:.5 }
 
+  /* ---- right column: back view (PCB) above the BOM ---- */
+  .col-right{ display:flex; flex-direction:column; gap:14px; width:380px; max-width:100% }
+  .backview{ width:100%; display:flex; flex-direction:column; gap:5px }
+  .bv-cap{ text-align:center; font-size:10px; color:var(--muted); letter-spacing:.02em }
+  .bv-frame{ display:flex; align-items:stretch; gap:6px }
+  .bv-dimy{ writing-mode:vertical-rl; transform:rotate(180deg); text-align:center; font-size:9px; color:var(--muted);
+    letter-spacing:.05em; padding-right:3px; border-right:1px solid var(--panel-bd); white-space:nowrap }
+  .bv-dimx{ text-align:center; font-size:9px; color:var(--muted); letter-spacing:.05em; border-top:1px solid var(--panel-bd); padding-top:3px; margin:1px 0 0 20px }
+  .bv-board{ position:relative; flex:1; aspect-ratio:47/55; border-radius:6px; overflow:hidden;
+    background:
+      repeating-linear-gradient(0deg, rgba(255,255,255,.022) 0 1px, transparent 1px 10px),
+      repeating-linear-gradient(90deg, rgba(255,255,255,.022) 0 1px, transparent 1px 10px),
+      linear-gradient(160deg, #134a3d, #0b3026);
+    border:1px solid #06231b; box-shadow:inset 0 0 16px rgba(0,0,0,.55), 0 12px 24px rgba(0,0,0,.4) }
+  .bv-mod{ position:absolute; display:flex; align-items:center; justify-content:center; text-align:center;
+    font-size:7px; font-weight:600; color:#d3ece2; letter-spacing:.02em; line-height:1.18; padding:2px;
+    background:rgba(7,26,20,.72); border:1px solid #2f6f5c; border-radius:3px }
+  .bv-rnd{ position:absolute; aspect-ratio:1; border-radius:50%; display:flex; align-items:center; justify-content:center;
+    font-size:6.5px; font-weight:700; color:#0a1e18; letter-spacing:.02em;
+    background:radial-gradient(circle at 38% 32%, #dbe3df, #8e9b95); border:1px solid #5f6b65; box-shadow:0 1px 2px rgba(0,0,0,.4) }
+  .bv-hole{ position:absolute; width:7px; height:7px; border-radius:50%; background:#05140f; border:1px solid #3a7e6a; box-shadow:inset 0 0 2px #000 }
+
   /* ---- controls: encoder above (under the screen), arcade buttons spread below ----
      wheel never hides the readout · PREV far-left / NEXT far-right · big central PLAY */
   .controls{ display:flex; flex-direction:column; align-items:center; gap:13px; margin:14px 0 2px }
@@ -208,7 +231,7 @@
       <div class="tv-jack dc" title="9 V DC in — standard 2.1 mm centre-negative pedal power"><i></i><b>9V DC</b></div>
       <div class="tv-jack usb" title="USB-C — power &amp; set-list transfer"><i></i><b>USB-C</b></div>
     </div>
-    <div class="tv-dim"><span class="ar">↕</span>≈ 45<br>mm</div>
+    <div class="tv-dim"><span class="ar">↕</span>≈ 1.8 in<br>(45 mm)</div>
   </div>
   <div class="ledbar-cap">Trig in · 1/4″ inst pass‑through (click injected) · shared 1/4″ balanced‑TRS out · 9 V DC / USB‑C power</div>
 </div>
@@ -260,6 +283,34 @@
 </div>
 </div><!-- /col-left -->
 
+<div class="col-right">
+
+<!-- ===================== BACK VIEW (PCB + components) ===================== -->
+<div class="backview">
+  <div class="bv-cap">Back view — PCB &amp; components (mounting holes at the corners)</div>
+  <div class="bv-frame">
+    <div class="bv-dimy">↕ 5.5 in (140 mm)</div>
+    <div class="bv-board">
+      <span class="bv-hole" style="left:3%;top:2%"></span>
+      <span class="bv-hole" style="right:3%;top:2%"></span>
+      <span class="bv-hole" style="left:3%;bottom:2%"></span>
+      <span class="bv-hole" style="right:3%;bottom:2%"></span>
+      <div class="bv-mod" style="left:8%;top:2%;width:84%;height:6%">Trig · Inst · Out TRS · 9V DC · USB-C — top-edge jacks</div>
+      <div class="bv-mod" style="left:13%;top:11%;width:74%;height:24%">ST7789 2.0″ 320×240 TFT</div>
+      <div class="bv-mod" style="left:12%;top:38%;width:37%;height:9%">9 V→5 V buck</div>
+      <div class="bv-mod" style="left:53%;top:38%;width:35%;height:9%">RP2040</div>
+      <div class="bv-rnd" style="left:41%;top:50%;width:18%">PLAY</div>
+      <div class="bv-rnd" style="left:7%;top:65%;width:13%">PREV</div>
+      <div class="bv-rnd" style="left:35%;top:67%;width:9%">ENC</div>
+      <div class="bv-rnd" style="left:50%;top:65%;width:13%">TAP</div>
+      <div class="bv-rnd" style="right:7%;top:65%;width:13%">NEXT</div>
+      <div class="bv-mod" style="left:9%;top:80%;width:60%;height:13%">Analog audio — PCM5102 · NE5532 · DRV134 · PAM8302</div>
+      <div class="bv-rnd" style="right:8%;bottom:3%;width:19%">SPKR</div>
+    </div>
+  </div>
+  <div class="bv-dimx">↔ 4.7 in (120 mm)</div>
+</div>
+
 <!-- ===================== BILL OF MATERIALS ===================== -->
 <div class="panel bom-panel">
   <h2>Bill of materials</h2>
@@ -295,6 +346,7 @@
     buffer of the 1/4″ instrument input, then fed to the balanced line driver (1/4″ TRS out) and the monitor amp —
     so your instrument is never re‑digitised (no added latency).</p>
 </div>
+</div><!-- /col-right -->
 </div><!-- /cols -->
 
 <script>