/* Cade · Market v8 (2026-10-06). The shared language and the product parts (the live round + ticket, the price row, the
   quick amounts, the side plates, the cards, the fine print) are the kit /lib/v8/v8.css; the plot is /lib/live-chart.css.
   This file keeps the page: the round's identity row (medallion, chip, the question as the page heading, the lanes),
   the pool + recent predictions, the rules, not listed, and the deltas of its round. */

.top{padding:104px 0 0}
.crumb{margin:0 0 18px}
.back{font-size:17px}
.back span{text-decoration:none}
@media (hover:hover){.back:hover span{transform:translateX(-4px)}}

/* ═════ THE ROUND (kit .round): the identity row, the price row with the lanes, the line ═════ */
.r-id{display:flex;align-items:flex-start;gap:18px;min-width:0}
.r-med{flex:none;display:block;height:72px}
.r-med svg{height:100%;width:auto;display:block}
.r-idt{display:flex;flex-direction:column;align-items:flex-start;gap:12px;min-width:0;padding-top:4px}
.mpv8 .chip{background:var(--orange)}
.r-q{margin:0;font-family:var(--shout);font-style:italic;font-weight:800;text-transform:uppercase;font-size:clamp(30px,3.4vw,50px);line-height:.92;color:var(--paper)}
.r-bar{display:flex;align-items:center;justify-content:space-between;gap:14px 24px;flex-wrap:wrap;margin:22px 0 0}
.delta[data-up=false]{color:#fff}
.lanes{gap:8px}
.lanes .tab span{height:44px;padding:0 20px 0 22px;font-size:19px}
.r-line{display:flex;flex-wrap:wrap;gap:4px 18px;margin:14px 0 16px;font-family:var(--data);font-weight:700;font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}
.r-line b{color:var(--paper);font-weight:800}
.r-line span:first-child b{color:var(--yellow)}
.lc-host{height:clamp(320px,30vw,420px)}

/* the ticket (kit .tkt): the payout per side, the price on the plates */
.tkt{padding-top:2px}
.tkt .sides{margin-top:24px}
.side{gap:12px}
.side em{font-size:15px;letter-spacing:.02em}
.side.down{color:#fff}
.tkt-msg{min-height:2.7em}

/* ═════ THE POOL + RECENT ═════ */
.pool-g{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:34px}
.pool,.recent{height:100%;padding:34px 40px 38px 36px}
.mp-split{display:flex;height:22px;border:2px solid var(--ink);box-shadow:var(--sh-4);background:var(--no)}
.mp-split i{display:block;height:100%}
.mp-split-a{background:var(--yes);border-right:2px solid var(--ink);transition:width .45s cubic-bezier(.16,1,.3,1)}
.mp-split-b{flex:1}
.mp-split-l{display:flex;justify-content:space-between;margin:12px 0 0;font-family:var(--data);font-weight:800;font-size:14px;letter-spacing:.06em;text-transform:uppercase}
.mp-split-l .up,.mp-rec-s.up{color:var(--yes)}.mp-split-l .down,.mp-rec-s.down{color:var(--red-soft)}
.ptab{width:100%;margin-top:22px;border-collapse:collapse;font-family:var(--data);font-variant-numeric:tabular-nums}
.ptab th,.ptab td{padding:13px 0;text-align:right;border-bottom:2px solid var(--bg5);white-space:nowrap}
.ptab th:first-child{text-align:left}
.ptab thead th{padding-top:0;font-weight:700;font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}
.ptab tbody th{font-family:var(--shout);font-style:italic;font-weight:800;font-size:24px;text-transform:uppercase;line-height:1}
.ptab tbody tr.up th{color:var(--yes)}.ptab tbody tr.down th{color:var(--red-soft)}
.ptab tbody tr.up,.ptab tbody tr.down{color:var(--paper)}
.ptab td{font-weight:800;font-size:17px;color:var(--paper)}
.ptab tfoot th,.ptab tfoot td{border-bottom:0;padding-bottom:0;font-size:14px;color:var(--muted)}
.ptab tfoot th{font-family:var(--data);font-weight:700;letter-spacing:.1em;text-transform:uppercase}
.ptab tfoot td{color:var(--yellow)}
.r-hh{margin:0 0 10px;font-family:var(--call);font-weight:500;font-size:22px;letter-spacing:.06em;text-transform:uppercase;color:var(--paper)}
.mp-rec{list-style:none;margin:0;padding:0}
.mp-rec li{display:grid;grid-template-columns:minmax(0,1fr) auto auto 7.5ch;align-items:baseline;gap:14px;padding:12px 0;border-bottom:2px solid var(--bg5);font-family:var(--data);font-size:14px;letter-spacing:.04em;text-transform:uppercase}
.mp-rec li:last-child{border-bottom:0}
.mp-rec-w{color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.mp-rec-s{font-weight:800}
.mp-rec-a{color:var(--yellow);font-weight:800;text-align:right}
.mp-rec-t{color:var(--muted);font-size:12px;text-align:right;white-space:nowrap}
.mp-rec-none{display:block!important;color:var(--muted)}

/* ═════ THE RULES ═════ */
.rules{padding:40px 52px 44px 48px}
.rules-q{margin:0;font-family:var(--shout);font-style:italic;font-weight:800;text-transform:uppercase;font-size:clamp(28px,2.8vw,40px);line-height:.95}
.rules-q b{color:var(--violet-deep)}
.rules-dl{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px 36px;margin:26px 0 0}
.rules-dl div{border-top:2px solid var(--ink);padding-top:12px}
.rules-dl dt{font-family:var(--data);font-weight:800;font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:#4a4540}
.rules-dl dd{margin:6px 0 0;font-family:var(--read);font-size:18px;line-height:1.35;color:var(--ink)}
.rules-fine{margin:24px 0 0;font-family:var(--data);font-weight:700;font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:#4a4540}

/* not listed */
.nl{display:flex;flex-direction:column;align-items:flex-start;gap:16px;padding:44px 48px 52px}
.nl-h{margin:0;font-size:clamp(52px,8vw,110px);color:var(--paper)}
.nl-p{margin:0 0 8px;max-width:46ch;font-family:var(--read);font-size:19px;line-height:1.4;color:var(--muted)}

@media (prefers-reduced-motion:reduce){.mp-split-a{transition:none}}
html.static .mp-split-a{transition:none}

/* ═════ the 1180 / 1023 / 760 / 360 rungs ═════ */
@media (max-width:1180px){
  .round{grid-template-columns:minmax(0,1fr) 270px}
  .rules-dl{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:1023px){
  .round{grid-template-columns:1fr;gap:28px}
  .tkt .sides{margin-top:10px}
  .pool-g{grid-template-columns:1fr;gap:30px}
}
@media (max-width:760px){
  .top{padding-top:84px}
  .crumb{margin-bottom:12px}
  .round{gap:32px}
  .round-top{gap:16px}
  .r-id{gap:14px}
  .r-med{height:56px}
  .r-idt{gap:10px;padding-top:0}
  .r-q{font-size:clamp(26px,7.6vw,34px)}
  .ribbon{align-self:stretch;justify-content:space-between}
  .r-bar{margin-top:16px;gap:14px}
  .lanes{width:100%;display:grid;grid-template-columns:repeat(3,1fr)}
  .lanes .tab span{padding:0 10px;font-size:18px}
  .lc-host{height:clamp(260px,76vw,320px)}
  .tkt{padding-top:2px}
  .tkt-h{font-size:28px;margin-bottom:14px}
  .tkt-hint{margin-top:8px}
  .tkt .chips{margin-top:12px}
  .tkt .sides{margin-top:20px}
  .tkt-msg{min-height:0}
  .side{flex-direction:column;gap:2px;font-size:22px;line-height:1}
  .side em{font-size:13px}
  .pool,.recent{padding:26px 22px 28px 20px}
  .ptab th,.ptab td{padding:11px 0}
  .ptab thead th{font-size:11px;letter-spacing:.06em}
  .ptab tbody th{font-size:20px}
  .ptab td{font-size:15px}
  .ptab th+th,.ptab td{padding-left:10px}
  .mp-rec li{grid-template-columns:minmax(0,1fr) auto auto;gap:10px;font-size:13px}
  .mp-rec-t{display:none}
  .rules{padding:28px 22px 30px 20px}
  .rules-dl{grid-template-columns:1fr;gap:16px}
  .rules-dl dd{font-size:17px}
  .nl{padding:30px 22px 36px}
}
@media (max-width:360px){
  .lanes .tab span{font-size:16px}
  .side{font-size:20px}
  .ptab thead th:nth-child(3),.ptab td:nth-child(3){display:none}
}