/* Cade login v9 (2026-10-06): the broadcast sign-in page + the dark modal. The layer (/lib/v8/broadcast.css) on the kit
   (/lib/v8/v8.css); their sign-in parts from /lib/signin.css (the slats, the field, the divider, the support lines, the ticket).
   The steps (.b-steps.line) and the pick feed band (.b-picks) are the layer's. This file keeps the page's deltas and its own
   pieces: .b-si (the sign-in panel on cream, their methods), .b-sr (the live starter round: chart + estimate keys + amount), .b-trust (the trust strip), .b-lt
   (a live / up next tile), .b-ad (their ticket, dark; .bc-dress adds the broadcast ribbon, their
   starburst behind the mark and the orange keyline). Shapes: --clip-panel, --clip-sign, --clip-hex, --burst, the CTA plates,
   their slats and ticket clip, their LIVE tag. */

.lgv9 .fine{margin-top:40px}

/* ═════ header: the wordmark, back to markets, Sign In ═════ */
.lg-back{display:inline-flex;align-items:center;gap:10px;min-height:44px;padding:0 0 0 24px;margin-left:12px;border-left:2px solid var(--line);font-family:var(--call);font-size:var(--fs-nav);letter-spacing:.06em;text-transform:uppercase;color:var(--paper)}
@media (hover:hover){.lg-back:hover{color:var(--yellow)}}
.lg-nav .nav-cta{margin-left:auto}

/* ═════ THE STAGE ═════ */
.lg-hero{padding-top:24px}
.lg-stage .stage-face{aspect-ratio:2.6/1}
.lg-stage .stage-art img{object-position:var(--obj,62% 32%)}
.lg-stage .stage-shade{background:linear-gradient(90deg,rgba(14,13,12,.88) 0,rgba(14,13,12,.6) 34%,rgba(14,13,12,0) 56%),linear-gradient(0deg,rgba(11,11,11,.5) 0,rgba(11,11,11,0) 26%)}
.lg-stage .stage-sign{top:auto;bottom:6cqw;right:4.4cqw;font-size:clamp(14px,2.9cqw,40px);transform:rotate(3deg)}
.lg-stage .stage-sign span+span{color:var(--ink)}
.lg-copy{position:absolute;left:4.4cqw;top:5.4cqw;z-index:2;max-width:50cqw}
.lg-h{margin:0;font-family:var(--shout);font-style:italic;font-weight:800;text-transform:uppercase;font-size:clamp(40px,8cqw,112px);line-height:.84;color:var(--paper);text-shadow:.45cqw .45cqw 0 var(--shadow);transform:rotate(-3deg);transform-origin:left bottom}
.lg-h span{display:block;white-space:nowrap}
.lg-line{margin:2.2cqw 0 0;font-family:var(--shout);font-style:italic;font-weight:800;text-transform:uppercase;font-size:clamp(16px,2.4cqw,34px);line-height:.95;color:var(--paper);text-shadow:3px 3px 0 var(--shadow);transform:rotate(-3deg)}
.lg-sign{display:inline-block;margin:2.6cqw 0 0;padding:1.4cqw 3cqw 1.6cqw 2.4cqw;background:var(--paper);color:var(--ink);clip-path:var(--clip-sign);transform:rotate(-2deg);filter:drop-shadow(var(--sh-5));font-family:var(--shout);font-style:italic;font-weight:800;text-transform:uppercase;font-size:clamp(14px,2.5cqw,34px);line-height:.92}
.lg-sign span{display:block;white-space:nowrap}

/* ═════ the row: sign in (cream) beside the live round ═════ */
.lg-row{padding-top:36px}
.lg-cols{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:28px;align-items:stretch}
.lg-si-pnl:focus{outline:none}

/* .b-si THE SIGN-IN PANEL: their methods on cream (the slats, the field, the divider, the support lines from /lib/signin.css) */
.b-si.au{--auth-unit:1.14px;--auth-content-width:100%;height:100%;display:flex;flex-direction:column;padding:34px 36px 30px 34px;background:var(--paper)}
.b-si-h{margin:0;font-family:var(--shout);font-style:italic;font-weight:800;text-transform:uppercase;font-size:clamp(40px,3.8vw,54px);line-height:.88;color:var(--ink)}
.b-si-p{margin:10px 0 0;font-family:var(--read);font-size:var(--fs-read);line-height:1.3;color:#3A362F}
.b-si-m{margin-top:24px}
.b-si .au-btn{min-height:62px}
.b-si .au-btn.google{font-size:24px}
.b-si .au-div{margin:22px 0 18px;font-size:16px;color:var(--ink)}
.b-si .au-label{font-size:16px;margin-bottom:8px}
.b-si-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:center}
.b-si .au-input{height:56px;font-size:18px}
.b-si-row .au-btn{width:auto;grid-template-columns:1fr;padding:0 28px 6px 24px;font-size:24px;min-height:62px}
.b-si-row .au-btn .lb{overflow:visible}
.b-si .au-err{font-size:14px}
.b-si .au-note{margin-top:10px}
.b-si .au-note p{font-size:15px}
.b-si-sent{display:grid;justify-items:center;gap:12px;margin-top:26px;padding:22px 0 8px;text-align:center}
.b-si-sent[hidden]{display:none}
.b-si-sh{margin:0;font-family:var(--shout);font-style:italic;font-weight:800;font-size:34px;text-transform:uppercase;line-height:1}
.b-si-sh:focus{outline:none}
.b-si-sp{margin:0;max-width:34ch;font-family:var(--read);font-size:var(--fs-read-s);line-height:1.35}
.b-si .au-text{font-size:16px}
.b-si .au-support{margin-top:auto;padding-top:14px;font-size:15px}
.b-si-sent+.au-support{position:relative;top:0}
.b-si-m,.b-si-sent{margin-bottom:28px}
.b-si-new{margin:14px 0 0;font-family:var(--read);font-size:var(--fs-read-s);color:#3A362F}
.b-si-new a{display:inline-flex;align-items:center;min-height:44px;color:var(--ink);font-weight:600;text-decoration:underline;text-underline-offset:3px}
.b-si-new a:focus-visible{outline:3px solid var(--orange);outline-offset:3px}
.b-si .b-si-attr{position:static;margin-top:6px;text-align:left;font-size:11px;color:#5E594F}

/* .b-sr THE LIVE STARTER ROUND */
.b-sr{height:100%;padding:26px 30px 26px 28px}
.b-sr-top{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}
.b-sr-k{display:flex;align-items:center;gap:16px}
.b-sr-live{--lt-w:128px}
.b-sr-kind{font-family:var(--data);font-weight:700;font-size:var(--fs-field);letter-spacing:.12em;text-transform:uppercase;color:var(--paper)}
.b-sr .b-lockin{flex-direction:row;gap:12px;padding:12px 28px 14px 22px}
.b-sr .b-lockin small{font-size:22px}
.b-sr .b-lockin b{font-size:clamp(30px,2.8vw,40px)}
.b-sr .b-lockin[data-state=closed] b{font-size:24px}
.b-sr-q{margin:16px 0 0;text-wrap:balance;font-family:var(--shout);font-style:italic;font-weight:800;text-transform:uppercase;font-size:clamp(32px,3.2vw,46px);line-height:.92;color:var(--paper)}
.b-sr-meta{display:flex;gap:0;margin:12px 0 0;font-family:var(--data);font-weight:700;font-size:var(--fs-field);letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}
.b-sr-meta span+span{margin-left:14px;padding-left:14px;border-left:2px solid var(--line)}
.b-sr-g{display:grid;grid-template-columns:minmax(0,1fr) 220px;gap:22px;margin-top:22px;align-items:stretch}
.b-sr-ch{position:relative;min-height:330px;display:flex;flex-direction:column;background:var(--bg1);border:2px solid var(--ink)}
.b-sr-ch .lc-host{flex:1;min-height:0}
.b-sr-px{position:absolute;left:12px;top:12px;z-index:2;margin:0;padding:8px 12px;background:var(--ink);border:2px solid var(--line);font-family:var(--data);font-weight:800;font-size:22px;color:var(--paper);font-variant-numeric:tabular-nums}
.b-sr-side{display:flex;flex-direction:column;gap:16px;min-width:0}
.b-sr-pick{appearance:none;width:100%;padding:0;border:0;background:none;color:inherit;font:inherit;text-align:center;cursor:pointer;transition:transform var(--t-key) var(--e-std)}
.b-sr-pick .b-est-h,.b-sr-pick .b-est-b{display:flex}
.b-sr-pick .b-est-h{justify-content:center;font-size:26px}
.b-sr-pick .b-est-b b{font-size:34px}
@media (hover:hover){.b-sr-pick:hover{transform:translate(-2px,-2px)}}
.b-sr-pick[aria-pressed=true]{transform:translate(3px,3px)}
.b-sr-pick:focus-visible{outline:3px solid var(--orange);outline-offset:3px}
.b-sr-amt{display:flex;flex-direction:column;gap:8px;margin-top:auto}
.b-sr-amt .amt{margin:0}
.b-sr-amt .chips.b-c4 span{font-size:15px}
.b-sr-msg{margin:16px 0 0;min-height:1.4em;font-family:var(--data);font-weight:700;font-size:var(--fs-key);letter-spacing:.06em;text-transform:uppercase;color:var(--yellow)}

/* ═════ the steps: the layer's .b-steps.line (as on /landing/v9) ═════ */
.lg-steps-sec{padding-top:36px}

/* ═════ .b-trust A GAME YOU CAN TRUST: the cream sign + three plain facts ═════ */
.b-trust{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:24px 34px}
.b-trust-h{margin:0;padding:24px 44px 28px 32px;background:var(--paper);color:var(--ink);clip-path:var(--clip-sign);transform:rotate(-2deg);filter:drop-shadow(var(--sh-7));font-family:var(--shout);font-style:italic;font-weight:800;text-transform:uppercase;font-size:clamp(34px,3.4vw,48px);line-height:.88;max-width:12ch}
.b-trust-l{list-style:none;margin:0;padding:22px 26px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));background:var(--bg2);border:2px solid var(--ink);box-shadow:var(--sh-6)}
.b-trust-l li{display:flex;flex-direction:column;gap:8px;padding:4px 22px;min-width:0}
.b-trust-l li+li{border-left:2px solid var(--b-line2)}
.b-trust-l b{display:flex;align-items:center;gap:12px;font-family:var(--shout);font-style:italic;font-weight:800;font-size:clamp(22px,2vw,28px);text-transform:uppercase;line-height:.95;color:var(--paper)}
.b-trust-l span{font-family:var(--read);font-size:var(--fs-read-s);line-height:1.35;color:var(--muted)}

/* ═════ .b-lt LIVE NOW: a live or up next tile ═════ */
.b-lts{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}
.b-lt{position:relative;min-width:0;filter:drop-shadow(var(--sh-6))}
.b-lt[hidden]{display:none}
.b-lt-f{height:100%;display:flex;flex-direction:column;gap:14px;padding:20px 22px 20px 18px;clip-path:var(--clip-panel);background:var(--bg2)}
.b-lt.is-live{filter:drop-shadow(3px 0 0 var(--yellow)) drop-shadow(-3px 0 0 var(--yellow)) drop-shadow(0 3px 0 var(--yellow)) drop-shadow(0 -3px 0 var(--yellow)) drop-shadow(var(--sh-6))}
.b-lt-top{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px}
.b-lt-m{display:block;width:48px;height:48px}
.b-lt-m.pair{width:78px}
.b-lt-m svg{width:100%;height:100%;display:block}
.b-lt-k{font-family:var(--data);font-weight:700;font-size:var(--fs-field);letter-spacing:.06em;text-transform:uppercase;color:var(--paper);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.b-lt .b-st{min-width:0;height:30px;font-size:17px}
.b-lt-q{margin:0;font-family:var(--data);font-weight:700;font-size:var(--fs-field);letter-spacing:.02em;text-transform:uppercase;line-height:1.35;color:var(--paper)}
.b-lt-q a{color:inherit}
.b-lt-q a::after{content:"";position:absolute;inset:0}
.b-lt:has(.b-lt-q a:focus-visible){outline:3px solid var(--orange);outline-offset:4px}
.b-lt-q a:focus-visible{outline:none}
@media (hover:hover){.b-lt:hover .b-lt-q{color:var(--yellow)}}
.b-lt-b{display:flex;align-items:baseline;justify-content:space-between;margin:auto 0 0}
.b-lt-b b{font-family:var(--data);font-weight:800;font-size:36px;line-height:1;color:var(--paper);font-variant-numeric:tabular-nums}
.b-lt.is-live .b-lt-b b{color:var(--yellow)}
.b-lt-b small{font-family:var(--data);font-weight:700;font-size:var(--fs-key);letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}

/* ═════ .b-ad THE DARK MODAL: their ticket (signin.css) in dark; .bc-dress = the broadcast dress ═════ */
.b-ad{background:rgba(5,5,5,.72)}
.b-ad.au{--paper-white:#161514}
.b-ad .au-ticket{color:var(--paper,#EFE9D8)}
.b-ad .au-ticket::before,.b-ad .au-ticket::after{background-image:radial-gradient(circle,rgba(239,233,216,.1) calc(1.25 * var(--auth-unit)),transparent calc(1.6 * var(--auth-unit)))}
.b-ad .au-mark{width:calc(140 * var(--auth-unit))}
.b-ad .au-btn{--slat-edge:#0B0B0B}
.b-ad .au-btn.primary{color:#0B0B0B}
.b-ad .au-btn.google{--slat-fill:#262421;color:#EFE9D8}
.b-ad .au-support{border-top-color:rgba(239,233,216,.55);color:#EFE9D8}
.b-ad .au-div{color:#EFE9D8}
.b-ad .au-div::before,.b-ad .au-div::after{border-top-color:rgba(239,233,216,.5)}
.b-ad .au-label,.b-ad .au-back,.b-ad .au-text,.b-ad .au-new a{color:#EFE9D8}
.b-ad .au-attr{color:rgba(239,233,216,.6);font-size:max(11px,calc(8 * var(--auth-unit)))}
.b-ad .au-env{stroke:#EFE9D8}
.b-ad .au-note{background:rgba(239,233,216,.08);color:#EFE9D8}
.b-ad .au-smark{border-color:#0B0B0B}
.b-ad .au-shadow{filter:drop-shadow(calc(8 * var(--auth-unit)) calc(9 * var(--auth-unit)) 0 #000);position:relative}
.b-ad-key{filter:drop-shadow(1.5px 0 0 #3A3734) drop-shadow(-1.5px 0 0 #3A3734) drop-shadow(0 1.5px 0 #3A3734) drop-shadow(0 -1.5px 0 #3A3734)}
/* the broadcast dress: the orange keyline, the ribbon, their starburst behind the mark, the Google slat on a cream edge */
.bc-dress .b-ad-key{filter:drop-shadow(2px 0 0 #FFA800) drop-shadow(-2px 0 0 #FFA800) drop-shadow(0 2px 0 #FFA800) drop-shadow(0 -2px 0 #FFA800)}
.bc-dress .au-btn.google{--slat-edge:#EFE9D8}
.b-ad-rib{position:absolute;z-index:4;left:calc(-10 * var(--auth-unit));top:calc(4 * var(--auth-unit));margin:0;padding:calc(9 * var(--auth-unit)) calc(26 * var(--auth-unit)) calc(9 * var(--auth-unit)) calc(18 * var(--auth-unit));background:#9652EF;color:#0B0B0B;
  clip-path:var(--clip-sign);transform:rotate(-4deg);font-family:"Barlow Condensed",Impact,sans-serif;font-style:italic;font-weight:800;font-size:max(15px,calc(15 * var(--auth-unit)));text-transform:uppercase;line-height:1;white-space:nowrap}
.b-ad-burst{position:absolute;left:50%;top:46%;z-index:-1;width:calc(200 * var(--auth-unit));height:calc(108 * var(--auth-unit));transform:translate(-50%,-50%);pointer-events:none}
.b-ad-burst .burst{position:absolute;inset:0;width:100%;height:100%;background:#6330D3;opacity:.7}
.b-ad-burst .burst+.burst{inset:20% 22%;width:auto;height:auto;background:#FF7A00;opacity:.75}
.b-ad .au-brand{position:relative;isolation:isolate}

@media (prefers-reduced-motion:reduce){.b-sr-pick{transition:none}}

/* ═════ rungs: 1180, 1100, 1023, 860, 760 (phone), 360 ═════ */
@media (max-width:1180px){
  .b-sr-g{grid-template-columns:minmax(0,1fr) 190px}
  .b-lts{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:1100px){
  .lg-cols{grid-template-columns:1fr}
  .b-si.au{max-width:none}
  .b-trust{grid-template-columns:1fr}
  .b-trust-h{justify-self:start;max-width:none}
}
@media (max-width:1023px){
  .lg-stage .stage-face{aspect-ratio:16/8}
  .lg-copy{max-width:60cqw}
}
@media (max-width:860px){
  .lg-back{font-size:var(--fs-call-s);padding-left:14px;margin-left:4px}
}
@media (max-width:760px){
  .lg-hero{padding-top:16px}
  .lg-stage .stage-face{aspect-ratio:4/5}
  .lg-stage .stage-art img{object-position:34% 30%}
  .lg-stage .stage-shade{background:linear-gradient(180deg,rgba(14,13,12,.82) 0,rgba(14,13,12,.4) 50%,rgba(14,13,12,.7) 100%)}
  .lg-copy{left:6cqw;top:7cqw;max-width:88cqw}
  .lg-h{font-size:clamp(40px,13.4cqw,60px)}
  .lg-line{font-size:clamp(17px,5.4cqw,24px);margin-top:4cqw}
  .lg-sign{font-size:clamp(16px,5cqw,22px);padding:3cqw 6cqw 3.4cqw 4.6cqw;margin-top:5cqw}
  .lg-stage .stage-sign{bottom:6cqw;right:6cqw;font-size:clamp(16px,5.4cqw,24px);padding:3cqw 5cqw 3cqw 4cqw}
  .lg-row,.lg-steps-sec{padding-top:24px}
  .lg-cols{gap:24px}
  .b-si.au{padding:26px 18px 24px 16px}
  .b-si-row{grid-template-columns:1fr}
  .b-si .au-btn.google{font-size:21px}
  .b-si-row .au-btn{width:100%}
  .b-sr{padding:22px 16px 22px 14px}
  .b-sr-top{flex-direction:column;align-items:flex-start}
  .b-sr .b-lockin small{font-size:19px}
  .b-sr-q{font-size:clamp(28px,8.6vw,36px)}
  .b-sr-meta{font-size:var(--fs-key)}
  .b-sr-g{grid-template-columns:1fr;gap:16px}
  .b-sr-ch{min-height:260px}
  .b-sr-side{display:grid;grid-template-columns:1fr 1fr;gap:12px}
  .b-sr-amt{grid-column:1 / -1}
  .b-sr-pick .b-est-h{font-size:22px}.b-sr-pick .b-est-b b{font-size:28px}
  .b-trust-l{grid-template-columns:1fr;padding:18px 16px;gap:16px}
  .b-trust-l li{padding:0}
  .b-trust-l li+li{border-left:0;padding-top:16px;border-top:2px solid var(--b-line2)}
  .b-lts{grid-template-columns:1fr;gap:14px}
}
@media (max-width:640px){.b-ad-rib{left:10px;top:8px}.bc-dress .au-brand{margin-top:30px}}
@media (max-width:360px){
  .lg-back{display:none}
  .b-si .au-btn.google{font-size:18px}
  .b-sr .b-lockin{padding:10px 22px 12px 16px}
  .b-sr-pick .b-est-b b{font-size:24px}
  .b-lt-b b{font-size:30px}
}
/* the art foot (review 2026-10-07): the panel stretches to the live round beside it; the art fills the foot instead of an empty field */
.b-si .au-support{margin-top:0}
.b-si-art{display:block;position:relative;flex:1 1 0;min-height:0;margin:22px -36px -30px -34px}
.b-si-art img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 40%}
@media (max-width:1100px){.b-si-art{display:none}}
.lgv9 .b-steps p,.lgv9 .b-steps h3,.b-trust-l b,.b-trust-l span{text-wrap:balance}
.lgv9 .b-promo .b-sign b,.b-lt-q{text-wrap:balance}