/* ===========================================================================
   stop.css — THE TOWN
   ---------------------------------------------------------------------------
   Authored at 952x427 inside shell2's .s2 stage box, scoped under .twMode, and
   every new class tw*-prefixed. It changes THREE geometries and nothing else;
   the grid, the verbs, the tags, the alert and the billboard are shell2.css's
   own and are used unaltered.

   Same specificity note as card.css: `.s2 :where(*)` weighs (0,1,0) and this
   file is linked after shell2.css, so equal-weight selectors win on order.
   =========================================================================== */

/* --- 1 · FIVE VERBS, NOT SIX ----------------------------------------------
   shell2.css lays ACTION-2 out as a 2x3 grid and pins each verb by
   :nth-of-type. Five tiles would leave the hole at the bottom RIGHT — which is
   the slot the reference gives its way-out control and where this game's
   "Back to the trail" has sat for four rounds. So the fifth verb is moved to
   the sixth cell and the hole opens in the middle of the bottom row instead.

   The hole is not an accident and it is not filler waiting for a sixth verb.
   It is 296x52 of road wash with the plate behind it, in the middle of the
   frame, and it is why this screen gives picture back rather than spending it.

   `:not(.twIn)` because INSIDE a door the grid is an ordinary run of tiles and
   the fifth of them belongs in the fifth cell. A group with four children, a
   shop and a Back would otherwise put its fifth tile in the sixth box and its
   sixth on top of it. */
.twMode:not(.twIn) .s2-act2 .s2-verb:nth-of-type(5){left:616px;top:60px}

/* the subline that names what is inside a group. It sits in the price row's
   slot, at T-KEY like every other tag, in `mute` — it is a contents list, not
   a price, and it must never read louder than the opportunity's real chips. */
.twMode .s2-verb .tag.twSub{
  color:var(--s2-mute);letter-spacing:.07em;
  overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:266px;
}
/* a group is a door, not a purchase: the chevron says so, and it is drawn
   rather than typed so it costs no character on a frame with a character cap */
.twMode .s2-verb.twGrp::after{
  content:"";position:absolute;right:13px;bottom:15px;width:7px;height:7px;
  border-right:2px solid var(--s2-mute);border-top:2px solid var(--s2-mute);
  transform:rotate(45deg);opacity:.85;
}
.twMode .s2-verb.twGrp .vr{right:30px}

/* the way back out of a door, one step quieter than a verb that spends money */
.twMode .s2-verb.twBack .vl{color:var(--s2-mute-hi)}
.twMode .s2-verb.twBack::after{
  content:"";position:absolute;right:13px;bottom:15px;width:7px;height:7px;
  border-left:2px solid var(--s2-mute);border-bottom:2px solid var(--s2-mute);
  transform:rotate(45deg);opacity:.85;
}

/* --- 2 · THE TOWN-LIMIT SIGN ----------------------------------------------
   One line, the town's name, at T-SIGN. The board loses the 38px the second
   row and its rule occupied, and the posts and the DAY stamp follow it up so
   the object stays one object: board bottom at 146, posts running 146..276
   exactly as they ran 184..276 before.                                       */
.twMode .sign{height:62px}
.twMode .sign .in{padding:6px 11px}
.twMode .sign .pl{font-size:var(--s2-t-sign);letter-spacing:.03em;text-align:center}
/* one ramp step down for a place name past 12 characters — see signHTML() */
.twMode .sign .pl.twLong{font-size:var(--s2-t-label);letter-spacing:.05em}
.twMode .s2-post{top:146px;height:130px}
.twMode .s2-stamp{top:152px}

/* --- 3 · THE ALERT FINISHES ITS SENTENCE ----------------------------------
   Defect 2 in stop.js's header, and the half of it the sign did not fix. §T4's
   alert is capped at SIX WORDS upstream by s2Words(), so the sentence arriving
   here is already short — and then `.s2-alert .t{max-width:322px}` cut it
   again, mid-word: `THE LAWYER HAS QUORUM SICKNE…`, `THE PREMIER HAS QUORUM
   SICKN…`. A warning you cannot finish reading is worse than no warning, and
   truncating a six-word string is not a budget, it is a bug.

   The slot has the room. It runs left:22 to 418 on a frame whose next object
   to the right is the sign's near post at 668, so 470 is 198px of clearance,
   and its z7 already puts it over the truck's lower body by design. Six words
   of T-BODY at .09em run to about 410px; the cap is set there rather than
   removed, so a run-on can still clip rather than run under the sign.

   Scoped to the town, because the town is the screen Loop A owns. Travel keeps
   shell2's 322 until somebody measures it there.                              */
.twMode .s2-alert{width:470px}
.twMode .s2-alert .t{max-width:412px}

/* --- 4 · THE GOAL LINE'S SECOND ROW ---------------------------------------
   One word instead of four. Nothing about its slot, its colour or its arrow
   changes — `.r2::before` still draws the direction triangle at T-BODY in the
   state colour, and it still costs no character.                             */
.twMode .s2-goal .r2{letter-spacing:.14em}

/* --- 5 · THE TOWN OUTCOME CARD -------------------------------------------- */
.twCard{
  position:absolute;left:22px;top:56px;width:498px;max-height:268px;z-index:5;
  padding:15px 18px 17px;border-radius:4px;overflow:hidden;
  background:linear-gradient(180deg,rgba(15,20,28,.93) 0,rgba(7,10,16,.94) 100%);
  box-shadow:0 12px 28px rgba(0,0,0,.62),inset 0 1px 0 rgba(255,255,255,.07);
}
.twCard .twT{
  display:block;font-size:var(--s2-t-goal);line-height:1.03;letter-spacing:.02em;
  text-transform:uppercase;color:var(--s2-ivory);text-shadow:0 2px 0 rgba(0,0,0,.45);
}
.twCard .twT.sm{font-size:var(--s2-t-sign);line-height:1.08;letter-spacing:.03em}
.twCard .twB{
  display:block;margin-top:12px;
  font-family:var(--s2-voice);font-weight:400;font-size:16px;line-height:1.38;
  letter-spacing:0;color:#e2ddd1;
}
.twCard .twB::before{
  content:"";display:block;width:52px;height:2px;margin:0 0 11px;border-radius:1px;
  background:linear-gradient(90deg,rgba(242,238,228,.55),rgba(242,238,228,0));
}
.twCard .twT.s2-name{
  position:static;left:auto;top:auto;width:auto;height:auto;z-index:auto;
}