Phone layout: nothing cut off at the right

index.html

@@ -85,7 +85,7 @@
 <canvas id="gl" aria-label="3D view of the selected segment"></canvas>
 
 <header class="hud tl">
-  <div class="kicker mono dim">VESUVIUS CHALLENGE<span class="sep">/</span>OPEN DATA<span class="sep">/</span><span id="k-count">…</span> MESHES</div>
+  <div class="kicker mono dim"><span class="k-src">VESUVIUS CHALLENGE<span class="sep">/</span>OPEN DATA<span class="sep">/</span></span><span id="k-count">…</span> MESHES</div>
   <h1>Segment <em>Lens</em></h1>
   <p class="lede">Traced segments as surfaces, with the grid's problems painted on: <span class="c-hole">holes</span>, <span class="c-fold">folds</span> and <span class="c-str">over-stretched</span> edges. Numbers from the <a href="https://huggingface.co/datasets/SharpMeow/vesuvius-segment-atlas" target="_blank" rel="noopener">Segment Atlas</a>.</p>
 </header>

style.css

@@ -100,6 +100,8 @@ html.guide .tablewrap { overflow: hidden; }
   .br { width: calc(100vw - 2 * var(--gut)); max-height: calc(100vh - 78px - 3 * var(--gut) - 225px); }
   .list { min-height: 56px; }
 }
+/* a phone: the view buttons take the top right, so the kicker keeps only the mesh count */
+@media (max-width: 560px) { .k-src { display: none; } }
 @media (max-width: 760px) and (max-height: 500px) {
   /* a phone on its side: the picker and the card side by side, as on a wide screen */
   .bl { top: auto; bottom: var(--gut); width: calc(50vw - 1.5 * var(--gut)); max-height: calc(100vh - 78px - 3 * var(--gut)); }