The door out takes the corner, and the blood steps aside for it

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

src/render.js

@@ -1095,7 +1095,11 @@ function drawBlood() {
   if (G.mode !== 'splatter' || !G.hpMax) return;
   const n = G.hpMax, hp = Math.max(0, Math.min(n, G.hp));
   const r = 2.6, gap = n > 6 ? 7 : 9, pw = (n - 1) * gap + r * 2;
-  const w = Math.max(46, pw + 10), h = 24, x = W - 6 - w, y = 6;
+  // The quit chip owns the corner (index.html #quit), so the pips move in to clear it: 32 CSS px of
+  // button plus its 6px margin plus 6px of air, converted to logical px, because the two live in
+  // different coordinate systems and only the CSS one is fixed.
+  const chip = Math.round(44 * W / (cv.clientWidth || innerWidth));
+  const w = Math.max(46, pw + 10), h = 24, x = W - 6 - chip - w, y = 6;
   panel(x + 0.5, y + 0.5, w - 1, h - 1, 3, 'rgba(26,6,8,0.82)', 'rgba(163,74,66,0.45)');
   ctx.textAlign = 'center'; ctx.textBaseline = 'middle';
   ctx.font = F(7, 0); ctx.fillStyle = hp <= 2 ? UI.bad : '#89a08f';