/* =========================================================
   UI OUTLINE WEIGHT — Bridge Run                        baked 2026-08-06

   Multiplier **0.55×** applied to the `--ink` outlines only, chosen on the ?dev
   tuner and baked here. Generated by `devtools.js` → COPY CSS.

   ── WHY THIS IS ITS OWN FILE AND NOT IN theme.css ──────────────────────────
   The tuner's header used to say "paste into theme.css". That is WRONG for part
   of this block and would have failed silently.

   `game.html` loads shell.css → theme.css → skins.css. Two selectors below
   (`#brSkins .br-tile`, `#brSkins .br-tile .br-tick`) also exist in **skins.css**
   at exactly the same specificity — so from theme.css they would LOSE on document
   order, and the skin tiles would have stayed at full thickness while the rest of
   the UI thinned. A half-applied restyle that looks like a rendering bug.

   Loading this file LAST makes every rule win its tie, whichever sheet the
   original lives in. Regenerate it wholesale rather than hand-editing.

   ── HOW TO CHANGE IT ───────────────────────────────────────────────────────
   `game.html?dev` → UI OUTLINES → drag → COPY CSS → replace everything below the
   comment. Then hit RESET (or clear `localStorage['bridgerun.ui.outline']`), or the
   stored value keeps overriding this file and you will be tuning against a number
   you cannot see.

   SUB-PIXEL WIDTHS — checked, and they are fine. Borders round to whole device
   pixels, so the obvious worry is that `0.55px` on `.pips i` disappears on a 1×
   display. Measured 2026-08-06 at dpr 1: it computes to **1px**, because a non-zero
   border width is floored to 1px rather than to 0. Nothing vanishes.
   The real consequence is flattening, not disappearing: below roughly 0.5× the 4px
   and 3px tiers both land on 1px and the deliberate weight hierarchy is lost. At
   0.55× they are still distinct (2px vs 1px).

   🚫 Never move these into shell.css. It stays byte-identical across every game
      (CLAUDE.md §4) — that is the whole reason this file exists.
   ========================================================= */

#gameShell .btn, .sh-ov .btn,
.sh-ov .panel,
.sh-ov .phead,
#shPaused .paused-badge,
#brSkins .br-tile{ border-width:2.2px; }

#gameShell .profile,
#gameShell .ava,
#gameShell .chip,
#gameShell .mtoast,
#gameShell .garrow,
#gameShell .gPaint,
.sh-ov .rpill,
.sh-ov .offer,
.sh-ov .league-bar,
.sh-ov .lrow,
.sh-ov .mg-tile,
#gameShell .prog,
#gameShell .gflag,
#gameShell .obj,
#gameShell .quit,
#gameShell .hint,
#shToast,
#gameShell .ucard,
#gameShell .ucard .ulv,
#shTut .tut-pill,
#brSkins .br-tile .br-tick{ border-width:1.65px; }

#gameShell .xp,
#gameShell .collect,
.sh-ov .mg-cover,
#gameShell .ucard .uart{ border-width:1.1px; }

/* Added by hand 2026-08-06 with the tier carousel — the arrows (3px) and dots (2px)
   post-date the 0.55× bake, and without these they'd sit at full weight next to a
   thinned grid. Kept on the same 0.55× maths so a regenerate matches: 3→1.65, 2→1.1.
   ⚠️ Re-running COPY CSS will include them automatically; this hand-add is only so
   the current file is complete. */
#brSkins .br-arrow{ border-width:1.65px; }
#brSkins .br-dot{ border-width:1.1px; }

.sh-ov .pips i,
#gameShell .ucard .pips i{ border-width:0.55px; }