/* Cade market v9 (2026-10-06): the broadcast crypto + stocks detail. Every part is the broadcast layer (/lib/v8/broadcast.css) on the
   kit (/lib/v8/v8.css) and the app chart (/lib/live-chart.css). The ticket (.b-tkt + .b-two), the pot split (.b-split + .b-hl),
   the source band (.b-src), the answers (.b-faq), an empty list row and the lock sticker's line are the layer's; this file keeps
   the page's deltas and its own pieces: the market hero (.b-mhero), the strip + clock row (.b-mstrip, .b-next), the chart panel
   head (.b-chead ...), the last ten (.b-ten), the next box (.b-nextbox), the other rounds rail (.b-orows), the data source card
   (.b-dsrc), .b-sub. Shapes: only the layer's (torn panels, the sign polygon, the chip polygon, the hexagon, the CTA plates).
   Nothing under 11px. */
.mpv9 .b-stage-sec{padding-top:24px}
.mpv9 .mp-strip{padding-top:28px}
.mpv9 .mp-row1{padding-top:32px}
.mpv9 .mp-row2{padding-top:28px}
.mpv9 .fine{margin-top:40px}

/* ═════ the hero: the floor's art, the question on the cream sign, the tag sign ═════ */
.b-mhero{position:relative;filter:drop-shadow(var(--sh-9))}
.b-mhero-f{position:relative;display:flex;align-items:center;justify-content:space-between;gap:28px;min-height:340px;padding:40px 56px 44px 44px;clip-path:var(--clip-panel);background:var(--violet-deep);overflow:hidden}
.b-mhero-sign{position:relative;z-index:1;max-width:600px;margin:0;padding:26px 46px 30px 34px;background:var(--paper);color:var(--ink);clip-path:var(--clip-sign);transform:rotate(-2deg);filter:drop-shadow(var(--sh-5))}
.b-mhero-sign .on-air{margin-bottom:14px;font-size:18px}
.b-mhero-q{margin:0;font-family:var(--shout);font-style:italic;font-weight:800;text-transform:uppercase;font-size:clamp(38px,4.2vw,60px);line-height:.88;color:inherit;overflow-wrap:anywhere}
.b-mhero-k{display:inline-block;margin:16px 0 0;padding:6px 12px 5px;background:var(--ink);color:var(--paper);font-family:var(--data);font-weight:700;font-size:var(--fs-key);letter-spacing:.1em;text-transform:uppercase}
.b-mhero-tag{position:relative;z-index:1;flex:none;margin:0;padding:24px 34px 28px 26px;background:var(--orange);color:var(--ink);clip-path:var(--clip-sign);transform:rotate(3deg);filter:drop-shadow(var(--sh-5));font-family:var(--shout);font-style:italic;font-weight:800;text-transform:uppercase;font-size:clamp(28px,2.8vw,42px);line-height:.9}
.b-mhero-tag span{display:block}
.b-nl{display:flex;flex-direction:column;align-items:flex-start;gap:18px;padding:40px}
.b-nl .b-mhero-q{color:var(--paper)}

/* ═════ the strip + the next round clock ═════ */
.b-mstrip{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:16px;align-items:center}
.b-next{display:flex;align-items:center;gap:14px;margin:0;padding:6px 6px 6px 18px;background:var(--bg1);border:2px solid var(--line);box-shadow:var(--sh-3)}
.b-next span{font-family:var(--data);font-weight:700;font-size:var(--fs-key);letter-spacing:.1em;text-transform:uppercase;color:var(--paper);white-space:nowrap}
.b-next b{padding:6px 14px 5px;background:var(--yellow);color:var(--ink);font-family:var(--data);font-weight:800;font-size:26px;line-height:1;font-variant-numeric:tabular-nums;clip-path:var(--clip-chip)}

/* ═════ the chart panel ═════ */
.b-cpnl{padding-bottom:26px}
.b-chead{display:flex;flex-wrap:wrap;align-items:center;gap:12px 18px}
.b-cid{display:flex;align-items:center;gap:12px;padding-right:18px;border-right:2px solid var(--line)}
.b-cmed{flex:none;display:block;width:52px;height:52px}
.b-cmed svg{display:block;width:100%;height:100%}
.b-ctk{margin:0;font-family:var(--shout);font-style:italic;font-weight:800;font-size:38px;text-transform:uppercase;line-height:1;color:var(--paper)}
.b-cpx{margin:0}
.b-cpx b{font-family:var(--data);font-weight:800;font-size:clamp(28px,2.6vw,36px);line-height:1;color:var(--paper);font-variant-numeric:tabular-nums}
.b-mkt{display:inline-flex;white-space:nowrap;flex:none;align-items:center;gap:8px;margin:0;height:32px;padding:0 38px 0 16px;background:var(--yes);color:var(--ink);font-family:var(--data);font-weight:800;font-size:var(--fs-key);letter-spacing:.08em;text-transform:uppercase;clip-path:var(--clip-chip);filter:drop-shadow(var(--sh-2))}
.b-mkt i{width:9px;height:9px;border-radius:50%;background:var(--ink)}
.b-mkt[data-open=false]{background:var(--bg5);color:var(--paper)}
.b-mkt[data-open=false] i{background:var(--muted)}
.b-mkt[hidden]{display:none}
.b-lanes{margin-left:auto}
.b-cline{display:flex;flex-wrap:wrap;gap:6px 26px;margin:16px 0 0;font-family:var(--data);font-weight:700;font-size:var(--fs-key);letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}
.b-cline b{color:var(--paper);font-weight:800}
.b-cpnl .lc-host{height:clamp(340px,30vw,440px);margin-top:16px}

/* ═════ the last ten + the next box ═════ */
.b-tenrow{align-items:stretch}
.b-sub{margin:0 0 16px;font-family:var(--shout);font-style:italic;font-weight:800;font-size:clamp(26px,2.2vw,32px);text-transform:uppercase;line-height:1;color:var(--paper)}
.b-tenp{height:100%}
.b-ten{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(10,minmax(0,1fr));gap:8px}
.b-ten li{display:flex}
.b-ten .b-arw{width:100%;max-width:56px;height:52px;font-size:22px;background:var(--b-row)}
.b-ten li.new{animation:v8LogIn var(--t-reveal) var(--e-out)}
.b-nextbox{position:relative;height:100%;filter:drop-shadow(var(--sh-7))}
.b-nextbox-f{display:flex;align-items:center;gap:20px;height:100%;min-height:150px;padding:24px 34px 26px 28px;background:var(--violet);clip-path:var(--clip-panel)}
.b-nextbox-i{flex:none;display:grid;place-items:center;width:64px;height:64px;color:var(--paper)}
.b-nextbox-i svg{width:100%;height:100%}
.b-nextbox p{margin:0}
.b-nextbox b{display:block;font-family:var(--shout);font-style:italic;font-weight:800;font-size:clamp(28px,2.6vw,38px);text-transform:uppercase;line-height:.9;color:var(--paper)}
.b-nextbox small{display:block;margin-top:10px;font-family:var(--read);font-size:var(--fs-read-s);line-height:1.3;color:var(--paper)}

/* ═════ lists ═════ */
.mpv9 .b-pos{grid-template-columns:76px minmax(0,1fr) auto auto}
.mpv9 .b-pos-k{color:var(--paper);font-family:var(--shout);font-style:italic;font-size:22px}
.b-orows{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:12px}
.b-orows li{display:grid;grid-template-columns:48px minmax(0,1fr) 84px auto auto;align-items:center;gap:14px;min-height:76px;padding:10px 12px 10px 12px;background:var(--b-row);border:2px solid var(--ink)}
.b-orows .b-cmed{width:48px;height:48px}
.b-orow-n{margin:0;display:flex;flex-direction:column;gap:4px;min-width:0}
.b-orow-n b{font-family:var(--shout);font-style:italic;font-weight:800;font-size:28px;text-transform:uppercase;line-height:1;color:var(--paper)}
.b-orow-n small{font-family:var(--data);font-weight:700;font-size:var(--fs-key);letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}
.b-orows .b-spark{height:40px;--tone:var(--orange)}
.b-orow-p{font-family:var(--data);font-weight:800;font-size:var(--fs-field);color:var(--paper);font-variant-numeric:tabular-nums;white-space:nowrap}
.b-orows .plate{flex:none}
.b-dsrc .b-ph{align-items:center;margin-bottom:12px}
.b-dsrc p{margin:0;font-family:var(--read);font-size:var(--fs-read);line-height:1.4;color:var(--paper)}
.b-actrow .b-stack .b-promo-f{min-height:260px;flex-direction:column;align-items:flex-start;justify-content:space-between;padding:30px 30px 32px}
.b-actrow .b-stack .b-sign{padding:22px 32px 26px 24px}
.b-actrow .b-stack .b-sign b{font-size:clamp(30px,2.8vw,42px)}

.mp-row5{align-items:stretch}
.mp-row5>.pnl>.pnl-face{height:100%}
.mp-row5 #promo,.mp-row5 #promo .b-promo,.mp-row5 #promo .b-promo-f{height:100%}
.mp-row5 #promo .b-promo-f{flex-direction:column;align-items:flex-start;justify-content:space-between}

@media (prefers-reduced-motion:reduce){.b-ten li.new{animation:none}}
html.static .b-ten li.new{animation:none}

@media (max-width:1180px){
  .b-mhero-tag{display:none}
  .b-orows li{grid-template-columns:48px minmax(0,1fr) auto auto}
  .b-orows .b-spark{display:none}
}
@media (max-width:1023px){
  .b-lanes{margin-left:0}
}
@media (max-width:760px){
  .mpv9 .mp-strip,.mpv9 .mp-row1,.mpv9 .mp-row2{padding-top:24px}
  .b-mhero-f{min-height:0;padding:150px 16px 22px;align-items:flex-end}
  .b-mhero-f .b-promo-art::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(14,13,12,0) 30%,rgba(14,13,12,.5))}
  .b-mhero-sign{padding:20px 28px 24px 22px;max-width:100%}
  .b-mhero-q{font-size:clamp(30px,9.4vw,40px)}
  .b-mstrip{grid-template-columns:1fr}
  .b-mstrip .b-strip{--n:4}
  .b-next{justify-self:start}
  .b-next b{font-size:22px}
  .b-chead{gap:10px 12px}
  .b-cid{padding-right:12px}
  .b-cmed{width:44px;height:44px}
  .b-ctk{font-size:30px}
  .b-chead .delta{white-space:normal}
  .b-lanes{width:100%;display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}
  .b-cpnl .lc-host{height:clamp(280px,80vw,340px)}
  .b-ten{grid-template-columns:repeat(5,minmax(0,1fr))}
  .b-ten .b-arw{max-width:none;height:46px}
  .b-nextbox-f{min-height:0;padding:20px 22px 22px 18px;gap:14px}
  .b-nextbox-i{width:48px;height:48px}
  .mpv9 .b-pos{grid-template-columns:62px minmax(0,1fr) auto;grid-template-areas:"k q q" "k s v"}
  .mpv9 .b-pos-k{font-size:19px}
  .b-orows li{grid-template-columns:40px minmax(0,1fr) auto;grid-template-areas:"m n n" "m p a";gap:8px 12px;padding:10px}
  .b-orows .b-cmed{grid-area:m;width:40px;height:40px}.b-orow-n{grid-area:n}.b-orow-p{grid-area:p}.b-orows .plate{grid-area:a;justify-self:end}
  .b-orow-n b{font-size:24px}
  .b-actrow .b-stack .b-promo-f{min-height:300px;padding:24px 20px 26px}
  .mp-row5 #promo .plate{margin-top:120px}
}
@media (max-width:360px){
  .b-next span{font-size:var(--fs-floor)}
}
/* review 2026-10-07: your entries and the crowd stand the same height; an empty list fills its panel */
.mpv9 .b-cols.even{align-items:stretch}
.mpv9 .b-cols.even>.pnl>.pnl-face{height:100%;display:flex;flex-direction:column}
.mpv9 #pos{flex:1 0 auto;display:flex;flex-direction:column}
.mpv9 #pos>.b-empty{flex:1 0 auto;display:flex;flex-direction:column;align-items:center;justify-content:center}
.mpv9 .b-nextbox b,.mpv9 .b-src-h{text-wrap:balance}
.mpv9 .b-mhero-q{text-wrap:balance}
@media (max-width:360px){.b-mkt{white-space:normal;flex:0 1 auto;height:auto;min-height:32px;padding:6px 30px 6px 14px;line-height:1.2}}