Let the SPL readout fill its tile

The number was capped at 6rem, so a readout given half a wall stopped
growing at the size it reached in a small tile.

Removing the cap was not enough on its own. Sizing text off container units
means choosing a coefficient for some assumed number of characters, and the
value here is not a fixed width: the coefficient that fills a tile nicely
for "-45.9" pushes "-100.5" nine percent out through the side. Measured it
rather than guessed — the tile now sets a trial size, reads the width the
actual text wants, and scales to fit. That runs only when the tile size or
the length of the reading changes, not on every frame.

It now fills about 98% of the width wherever width is the limit and 92% of
the height wherever height is, at every tile size from 180x70 up to
1400x700, with no overflow on either axis. The CSS keeps a conservative
size for the first paint before the measurement has run.

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

modules/spl-meter/style.css

@@ -30,18 +30,19 @@
   color: var(--text);
 }
 
-/* Sized off the tile, so one cell and six cells both read well. Height has
-   to be in the min() as well as width: a 2x1 tile is wide and short, and
-   sizing on width alone pushes the digits straight out through the top. */
+/* A first-paint size only. client.js measures the text and sets the real
+   one inline, because CSS has to assume a digit count and gets it wrong the
+   moment the reading needs a sixth character: the coefficient that fills a
+   tile for "-45.9" pushes "-100.5" straight out through the side. */
 [data-module="spl-meter"] .spl-num {
-  font-size: clamp(1.25rem, min(20cqw, 42cqh), 6rem);
+  font-size: clamp(1.25rem, min(26cqw, 60cqh), 100rem);
   font-variant-numeric: tabular-nums;
   font-weight: 600;
   letter-spacing: -0.02em;
 }
 
 [data-module="spl-meter"] .spl-unit {
-  font-size: clamp(0.65rem, min(6cqw, 13cqh), 1.5rem);
+  font-size: clamp(0.65rem, min(7cqw, 15cqh), 26rem);
   color: var(--muted);
 }