/* Cade activity v9 (2026-10-06): the broadcast activity page. The shared parts are the broadcast layer (/lib/v8/broadcast.css)
   on the kit: the activity feed (.b-fg / .b-feed / .b-fi / .b-badge), the receipt list (.b-rcpt), the drawer (.b-drawer), the dark
   plate (.plate.b-dark). This file keeps the page's deltas: the rounds in play, the filters, your open round, on deck, the
   receipt's content (.b-rc-*). */
.acv9 .b-stage-sec{padding-top:24px}
.acv9 .fine{margin-top:40px}

/* rounds in play: five tiles, the open one (on the stage) keyed yellow */
.ac-in{--n:5;gap:16px}
.ac-in .b-nt-f{padding:18px 18px 20px 16px;gap:6px 12px}
.ac-in .b-nt-m{width:56px;height:56px}
.ac-in .b-nt-h{font-size:21px}
.ac-in .b-nt.on{filter:drop-shadow(0 0 0 var(--yellow)) drop-shadow(var(--sh-5))}
.ac-in .b-nt.on .b-nt-f{background:linear-gradient(var(--bg2),var(--bg2)) padding-box;box-shadow:inset 0 0 0 3px var(--yellow)}
.ac-in .b-nt.on .b-nt-c{color:var(--yellow)}

/* the filters: one row of yellow-when-chosen tabs over the feed */
.ac-filt{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;margin-bottom:28px}
.ac-filt .tab span{padding:0 10px}
.ac-cols{align-items:start}

/* YOUR OPEN ROUND: the cream panel, the burst with the game's octagons, the dark receipt inset */
.ac-open{padding:28px 28px 30px 26px;container-type:inline-size}
@container (max-width:420px){.ac-open .b-rcpt>div{grid-template-columns:1fr;gap:3px;padding:6px 0}}
.ac-open-top{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:start}
.ac-open-h{margin:14px 0 0;font-family:var(--shout);font-style:italic;font-weight:800;font-size:clamp(44px,4.4vw,60px);text-transform:uppercase;line-height:.88;color:var(--ink)}
.ac-open-q{margin:8px 0 0;font-family:var(--call);font-size:var(--fs-call-l);letter-spacing:.04em;text-transform:uppercase;line-height:1.05;color:var(--ink)}
.ac-open-b{width:128px;height:116px;background:var(--orange);filter:drop-shadow(var(--sh-4))}
.ac-open-b span{display:block;width:84px}
.ac-open-b svg{display:block;width:100%;height:auto}
.ac-open .b-rcpt{margin-top:22px;padding:18px 20px 16px;background:var(--bg1);box-shadow:var(--sh-4)}
.ac-open .b-rcpt dd{font-size:var(--fs-field)}
.ac-open .ac-open-cta{width:100%;margin-top:22px;justify-content:center}

/* ON DECK: the next game round and its clock */
.ac-deck{display:grid;grid-template-columns:auto minmax(0,1fr) auto;grid-template-areas:"k k k" "m t c";align-items:center;gap:14px 16px;padding:22px 26px 24px 22px}
.ac-deck-k{grid-area:k;justify-self:start;background:var(--bg4);color:var(--paper)}
.ac-deck-m{grid-area:m;display:block;width:72px}.ac-deck-m svg{display:block;width:100%;height:auto}
.ac-deck-t{grid-area:t;margin:0;display:flex;flex-direction:column;gap:4px;min-width:0}
.ac-deck-t a{font-family:var(--shout);font-style:italic;font-weight:800;font-size:26px;text-transform:uppercase;line-height:1;color:var(--paper)}
@media (hover:hover){.ac-deck-t a:hover{color:var(--yellow)}}
.ac-deck-t small{font-family:var(--call);font-size:var(--fs-call-s);letter-spacing:.04em;text-transform:uppercase;color:var(--muted);line-height:1.1}
.ac-deck-c{grid-area:c}
.ac-deck-c b{font-size:24px}

/* the leaderboard door: one art panel of the duo */
#lb .b-duo{grid-template-columns:1fr}
#lb .b-promo-f{min-height:250px;padding:26px 26px 28px}
#lb .b-duo-h{font-size:clamp(30px,2.8vw,40px)}
/* review 2026-10-07: the short panel puts the words over the trophy; a fuller scrim keeps the title and the line legible */
#lb .b-promo-f::before{background:linear-gradient(0deg,rgba(14,13,12,.94) 0,rgba(14,13,12,.8) 50%,rgba(14,13,12,.45) 100%),linear-gradient(90deg,rgba(14,13,12,.55) 0,rgba(14,13,12,0) 70%)}

/* review 2026-10-07: the receipt's round name had no style of its own (a plain default h3 on a desktop): the house shout head */
.b-rc-h{margin:20px 0 6px;font-family:var(--shout);font-style:italic;font-weight:800;font-size:clamp(34px,3vw,42px);line-height:.92;text-transform:uppercase;color:var(--paper)}
.b-rc-q{margin:0 0 18px}

@media (max-width:1180px){.ac-in{--n:3}.ac-in .b-nt:nth-child(n+4){display:none}}
@media (max-width:1100px){.ac-in{--n:3}}
@media (max-width:1023px){
  .ac-cols .b-stack{display:grid;grid-template-columns:1fr 1fr;gap:24px}
  .ac-cols .b-stack>.pnl.cream{grid-row:span 2}
}
@media (max-width:760px){
  .ac-in{--n:1;gap:14px}.ac-in .b-nt:nth-child(n+4){display:block}
  .ac-in .b-nt-f{grid-template-columns:auto minmax(0,1fr) auto;grid-template-areas:"m h c" "m q k";padding:14px 16px 16px 14px}
  .ac-in .b-nt-m{width:48px;height:48px}
  .ac-filt{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin-bottom:24px}
  .ac-filt .tab span{padding:0 6px;font-size:clamp(14px,4.2vw,17px)}
  .ac-cols .b-stack{display:flex}
  .ac-open{padding:22px 18px 24px 18px}
  .ac-open-b{width:100px;height:90px}.ac-open-b span{width:64px}
  .ac-open .b-rcpt{padding:14px 14px 12px}
  .ac-deck{grid-template-columns:auto minmax(0,1fr);grid-template-areas:"k k" "m t" "c c";padding:20px 18px 22px 16px}
  .ac-deck-m{width:60px}
  .ac-deck-c{flex-direction:row;justify-self:start;gap:12px}
  .b-rc-h{font-size:38px}
}
@media (max-width:360px){.ac-filt{grid-template-columns:repeat(2,minmax(0,1fr))}}
/* review 2026-10-07: the whole on-deck panel opens the game (a tap row, not a 26px name) */
.ac-deck{position:relative}.ac-deck-t a::after{content:"";position:absolute;inset:0}
