Fix the pause: it would not hide, it was off centre, and it was too small

Three faults in 1.0.4, and the first was the serious one.

  1. It never went away. Core hides the overlay with `#pause { display: none }`
     and shows it with `#pause.paused { display: flex }`. 1.0.4 styled the BARE
     #pause with display:flex, which wins on specificity, so unpausing removed
     the class and changed nothing — GAME PAUSED sat over the table for the rest
     of the session. Every rule here is now scoped to `.paused` and `display` is
     not set anywhere.

  2. It was off centre because I repositioned it. Core already centres it: a
     full-width band at top calc(50vh - 100px), column flex, centred both ways,
     pointer-events none. That layout was correct and 1.0.4 fought it with
     left/bottom/transform. It is left alone now; only the height changes, and
     the top moves up by exactly half the extra so the centring holds.

  3. It was small: a 322x116 panel in the corner. It is now core's full-width
     band at 300px with a 170px dial — against core's own 100px — and the
     caption at 24px to match core's.

Guarded: check-behaviour now parses the stylesheet and fails any rule that sets
display on an unscoped #pause. Verified it bites. It strips CSS comments first,
because the first version of the guard reported the comment explaining the
guard — which is exactly what the template guard did last time, so that is twice
now and the lesson is written down properly.

Verified by driving the real toggle: running → display none, box 0x0, no class;
paused → display flex, 341x302, centre X exactly on the viewport centre;
unpaused again → display none, box 0x0.

Version 1.0.5.

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

README.md

@@ -183,6 +183,6 @@ The build runs all three guards before it writes anything:
 check-rules: OK — 87 rules, 21 files scanned, 3 aliases + 41 constant sets checked, 275 formulas verified
 check-kits: OK — 25 roles, 10 trades, 218 catalogue items, every kit key resolves, every posting can use what it carries, every loadout distinct
 check-lang: OK — en.json, 945 keys, no leaf/branch collisions
-check-behaviour: OK — 45 behavioural tests
+check-behaviour: OK — 46 behavioural tests
 ```
 <!-- guards:end -->

packs/armour/LOG

@@ -1 +1 @@
-2026/08/12-19:12:20.951787 172dab000 Delete type=3 #1
+2026/08/12-19:31:16.133590 1737ab000 Delete type=3 #1

packs/expedition/LOG

@@ -1 +1 @@
-2026/08/12-19:12:21.036764 172dab000 Delete type=3 #1
+2026/08/12-19:31:16.207708 171f87000 Delete type=3 #1

packs/gear/LOG

@@ -1 +1 @@
-2026/08/12-19:12:20.954786 17259f000 Delete type=3 #1
+2026/08/12-19:31:16.135472 171f87000 Delete type=3 #1

packs/lastadmission/LOG

@@ -1 +1 @@
-2026/08/12-19:12:21.015776 172dab000 Delete type=3 #1
+2026/08/12-19:31:16.192039 171f87000 Delete type=3 #1

packs/npcs/LOG

@@ -1 +1 @@
-2026/08/12-19:12:20.996296 1735b7000 Delete type=3 #1
+2026/08/12-19:31:16.173317 172f9f000 Delete type=3 #1

packs/powers/LOG

@@ -1 +1 @@
-2026/08/12-19:12:21.030689 17259f000 Delete type=3 #1
+2026/08/12-19:31:16.202720 1737ab000 Delete type=3 #1

packs/pregens/LOG

@@ -1 +1 @@
-2026/08/12-19:12:20.979932 17259f000 Delete type=3 #1
+2026/08/12-19:31:16.157576 172793000 Delete type=3 #1

packs/primer/LOG

@@ -1 +1 @@
-2026/08/12-19:12:21.025079 172dab000 Delete type=3 #1
+2026/08/12-19:31:16.199567 172793000 Delete type=3 #1

packs/prologue/LOG

@@ -1 +1 @@
-2026/08/12-19:12:21.020396 17259f000 Delete type=3 #1
+2026/08/12-19:31:16.195999 1737ab000 Delete type=3 #1

packs/rules/LOG

@@ -1 +1 @@
-2026/08/12-19:12:21.035224 1735b7000 Delete type=3 #1
+2026/08/12-19:31:16.206279 172f9f000 Delete type=3 #1

packs/skills/LOG

@@ -1 +1 @@
-2026/08/12-19:12:20.942094 17259f000 Delete type=3 #1
+2026/08/12-19:31:16.127123 171f87000 Delete type=3 #1

packs/slice/LOG

@@ -1 +1 @@
-2026/08/12-19:12:21.028001 17259f000 Delete type=3 #1
+2026/08/12-19:31:16.201269 172793000 Delete type=3 #1

packs/starter/LOG

@@ -1 +1 @@
-2026/08/12-19:12:21.007789 17259f000 Delete type=3 #1
+2026/08/12-19:31:16.184597 172793000 Delete type=3 #1

packs/tables/LOG

@@ -1 +1 @@
-2026/08/12-19:12:21.001198 172dab000 Delete type=3 #1
+2026/08/12-19:31:16.178030 172f9f000 Delete type=3 #1

packs/talents/LOG

@@ -1 +1 @@
-2026/08/12-19:12:20.946329 173dc3000 Delete type=3 #1
+2026/08/12-19:31:16.129805 171f87000 Delete type=3 #1

packs/vehicles/LOG

@@ -1 +1 @@
-2026/08/12-19:12:20.956885 17259f000 Delete type=3 #1
+2026/08/12-19:31:16.137478 1737ab000 Delete type=3 #1

packs/weapons/LOG

@@ -1 +1 @@
-2026/08/12-19:12:20.948434 17259f000 Delete type=3 #1
+2026/08/12-19:31:16.131540 171f87000 Delete type=3 #1

styles/ringbrp.css

@@ -1684,3 +1684,107 @@
 .rb-dying { border-left: 3px solid var(--rb-danger); padding-left: 8px; }
 .rb-stable { border-left: 3px solid var(--rb-yellow); padding-left: 8px; }
 .rb-dead { border-left: 3px solid var(--rb-white); padding-left: 8px; }
+
+/* ============================================================
+   THE PAUSE — a uniselector, stepping
+   ============================================================
+   Foundry's pause is <figure id="pause"> holding an <img> and a <figcaption>, and core
+   hides it with `#pause { display: none }` / shows it with `#pause.paused { display:
+   flex }`. The first version of this styled the bare #pause with display:flex and so
+   overrode the hide — the panel never went away when the game unpaused. EVERY rule here
+   that could affect visibility or layout is therefore scoped to `.paused`, and `display`
+   is not set anywhere.
+
+   Core also already centres it: a full-width band, 180px tall, at top calc(50vh - 100px),
+   column flex, centred both ways, pointer-events none. That layout is correct and is
+   left alone — only its size and its looks change here. The first version repositioned
+   it with left/bottom and pushed it off centre for the trouble.
+
+   A uniselector is the stepping switch inside a telephone exchange: an arm that clicks
+   round one contact at a time, hunting for a free line. The department's whole business
+   is a machine that says where things belong, and OPEN DAY is set inside one. Eleven
+   contacts, because eleven minutes is the interval this setting keeps returning to.
+
+   It STEPS rather than sweeps — a contact every 700ms. A continuous spin reads as a
+   loading throbber; a discrete click reads as a machine working through a list.
+   ============================================================ */
+
+/* Taller than core's 180px, and moved up by exactly half the extra so it stays centred. */
+#pause.paused {
+  height: 300px;
+  top: calc(50vh - 150px);
+  gap: 28px;
+  background: linear-gradient(to right,
+    transparent 0%,
+    color-mix(in srgb, var(--rb-void) 82%, transparent) 38%,
+    color-mix(in srgb, var(--rb-void) 82%, transparent) 62%,
+    transparent 100%);
+}
+
+/* the dial: eleven contacts, standing still, behind the arm */
+#pause.paused::before {
+  content: "";
+  position: absolute;
+  top: 24px; left: 50%; margin-left: -85px;
+  width: 170px; height: 170px;
+  border-radius: 50%;
+  background:
+    repeating-conic-gradient(from -90deg,
+      var(--rb-line) 0deg 1.6deg, transparent 1.6deg 32.727deg);
+  -webkit-mask: radial-gradient(circle, transparent 0 52px, #000 54px);
+          mask: radial-gradient(circle, transparent 0 52px, #000 54px);
+  opacity: .9;
+}
+
+/* the arm. The <img> keeps its box and loses its pixels: object-position walks the
+   raster out of frame, which leaves a paintable element without adding a wrapper. */
+#pause.paused img {
+  width: 170px; height: 170px;
+  object-fit: none; object-position: -9999px -9999px;
+  border: none; box-shadow: none; filter: none;
+  /* the arm, and behind it the contact it has just left — without the trailing sector
+     a 700ms step is easy to miss, and the stepping is the whole idea */
+  background: conic-gradient(from -91deg,
+    var(--rb-yellow) 0deg 3.5deg,
+    var(--rb-yellow-dim) 3.5deg 28deg,
+    transparent 28deg 360deg);
+  -webkit-mask: radial-gradient(circle, #000 0 78px, transparent 80px);
+          mask: radial-gradient(circle, #000 0 78px, transparent 80px);
+  animation: rb-uniselector 7.7s steps(11, end) infinite;
+}
+/* core adds fa-spin to that img; ours must be the only rotation running */
+#pause.paused img.fa-spin { animation: rb-uniselector 7.7s steps(11, end) infinite; }
+
+/* the hub, and the amber that says the record is being written */
+#pause.paused::after {
+  content: "";
+  position: absolute;
+  top: 101px; left: 50%; margin-left: -8px;
+  width: 16px; height: 16px;
+  border-radius: 50%;
+  background: var(--rb-yellow);
+  animation: rb-pause-pip 2.6s ease-in-out infinite;
+}
+
+#pause.paused figcaption {
+  font-family: var(--rb-display);
+  font-size: 24px;
+  letter-spacing: .3em;
+  text-transform: uppercase;
+  color: var(--rb-yellow);
+  line-height: 1.2;
+  text-shadow: 0 2px 18px var(--rb-void);
+}
+
+@keyframes rb-uniselector { from { transform: rotate(0deg); } to { transform: rotate(360deg); } }
+@keyframes rb-pause-pip   { 0%, 100% { opacity: .25; } 50% { opacity: 1; } }
+
+/* A stepping dial in the corner of the eye is exactly what this preference is about.
+   Keep the object, stop the movement — including core's own pulse on the whole figure. */
+@media (prefers-reduced-motion: reduce) {
+  #pause.paused,
+  #pause.paused img,
+  #pause.paused img.fa-spin,
+  #pause.paused::after { animation: none; }
+  #pause.paused img { transform: rotate(-32.7deg); }
+}

system.json

@@ -2,7 +2,7 @@
   "id": "ringbrp",
   "title": "The Custodians",
   "description": "A Basic Roleplaying game of agents who cross the crossing to contain what should not be there — and who come back a little less from here each time.",
-  "version": "1.0.3",
+  "version": "1.0.5",
   "compatibility": {
     "minimum": 13,
     "verified": "14.364"

tools/check-behaviour.mjs

@@ -426,6 +426,28 @@ test("every declared document type has a label and a sheet section", async () =>
   }
 });
 
+// Core hides the pause overlay with `#pause { display: none }` and shows it with
+// `#pause.paused { display: flex }`. A system rule on the BARE #pause that sets display
+// wins on specificity and the overlay never goes away — the game unpauses, play carries
+// on, and GAME PAUSED sits over the table for the rest of the session. Shipped exactly
+// that in 1.0.4. Anything targeting #pause must be scoped to .paused.
+test("no stylesheet rule sets display on a bare #pause", async () => {
+  const { readFile } = await import("node:fs/promises");
+  const raw = await readFile(new URL("../styles/ringbrp.css", import.meta.url), "utf8");
+  // Comments first, or this guard reports the comment that explains the guard — which
+  // is precisely what the template guard did the last time round.
+  const css = raw.replace(/\/\*[\s\S]*?\*\//g, "");
+  // every rule whose selector mentions #pause, with its declaration block
+  for (const m of css.matchAll(/([^{}]*#pause[^{}]*)\{([^{}]*)\}/g)) {
+    const selector = m[1].trim().replace(/\s+/g, " ");
+    const body = m[2];
+    const scoped = selector.split(",").every(sel => !sel.includes("#pause") || /#pause[^,]*\.paused/.test(sel));
+    if (scoped) continue;
+    assert.ok(!/(^|;)\s*display\s*:/.test(body),
+      `"${selector}" sets display on an unscoped #pause — the overlay will not hide on unpause`);
+  }
+});
+
 /* ---------------------------------------------------------------- */
 
 await runAll();