/* =====================================================================
   Million Beers Club v3 release 1: Bob's wiring rules (2026-10-29).
   Loaded after Jules's v3.css (unchanged) and before the event files.
   Tokens only (event safe). Nothing here changes Jules's design: it places
   what the one-page app adds (the World Board as a screen, the share button
   in the header) and styles the few small parts Jules did not draw, from the
   app's existing patterns (the two-way switch, the name-change lines).
   ===================================================================== */

/* the share button sits in the header's right slot on the World Board, like Back on the left,
   so the wordmark stays centred */
#shareBtn { position: absolute; right: 0; top: calc((var(--bar-h) - 44px) / 2); z-index: 3; }

/* the big number always takes its own line under the kicker. Jules's checks used 12,486; with a one or
   two digit count (the world is at 13) the number could sit beside the kicker on a wide phone. */
.world .odo--total, .wb__hero .odo--total { display: flex; width: fit-content; }

/* the starter's World Board switch: the notifications switch, with two choices */
.seg--two { grid-template-columns: repeat(2, 1fr); }

/* the club page's name changes ("Matt is now Matty") */
.names { list-style: none; margin: 0; padding: 0 8px; }
.names li { padding: 9px 0; font: 700 15px/1.3 var(--font-body); color: var(--cream); overflow-wrap: anywhere; }
.names li + li { box-shadow: inset 0 1px 0 var(--cream-08); }
.names__when { display: block; margin-top: 3px; font: 600 12.5px/1.3 var(--font-body); color: var(--cream-68); }

/* the code sheet on the World Board reuses the paste row; its error sits under it */
#miniBody .paste + .tag__err { margin-top: 8px; }

/* M3 (Bob, 2026-11-02): the "We moved" screen's buttons, one under the other. Placement only, until Jules's pass. */
.moved__btns { display: flex; flex-direction: column; align-items: center; gap: 12px; margin-top: 16px; }
.moved__btns:empty { display: none; }
.moved__btns .btn--wide { align-self: stretch; }