/* Cade NBA Madness v9 (2026-10-06): the three NBA tournament pages (hub, entry, wrapped). Every part is the broadcast layer
   (/lib/v8/broadcast.css: the night chip, the section tabs, the step numbers, the game card, the tip-off card + team colour box,
   the standings with their title column, the schedule's next night + champions, the answers, the colour steps .b-steps.tone)
   on the kit (/lib/v8/v8.css); this file keeps the pages' own: the NBA dress of the game card (the clock bar on top), the ten
   nights five up (.b-nights), .b-check, .b-pfp, .b-ladder, .b-wstat, .b-wchart and the page layouts. Shapes: --clip-panel,
   --clip-chip, --clip-field, --clip-sign, --clip-hex, --burst, the CTA plates, the kit ribbon, plain rectangles with hard
   shadows. Nothing under 11px. */

/* ═════ shared: the jump tabs' place, the fine line ═════ */
#jump{margin-top:32px}
.nb-note{margin:18px 0 0;font-family:var(--read);font-size:var(--fs-read-s);color:var(--muted)}

/* ═════ HUB: the stage, the night band ═════ */
.nb-stage-sec{padding-top:24px}
.nb-stage .stage-face{--obj:50% 42%}
.nb-stage .stage-shade{background:linear-gradient(90deg,rgba(14,13,12,.82) 0,rgba(14,13,12,.5) 24%,rgba(14,13,12,0) 46%),linear-gradient(0deg,rgba(11,11,11,.7) 0,rgba(11,11,11,0) 24%)}
.nb-live{position:absolute;left:3.2cqw;top:3cqw;z-index:3;margin:0}
.nb-bug{position:absolute;left:50%;top:2.6cqw;z-index:3;transform:translateX(-50%)}
.nb-stage .stage-h{top:auto;bottom:5cqw;font-size:clamp(30px,7.2cqw,104px)}
.nb-stage .stage-sign{top:auto;bottom:6cqw}
.nb-band-sec{padding-top:40px}
.nb-band{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.86fr);gap:28px 40px;align-items:center}
.nb-band-l{display:flex;flex-direction:column;gap:22px;min-width:0}
.nb-title{display:flex;align-items:center;flex-wrap:wrap;gap:14px 22px}
.nb-h1{margin:0;font-size:clamp(48px,5.4vw,80px);line-height:.88;color:var(--paper);white-space:nowrap}
.nb-title .b-chip{height:40px;font-size:24px;padding:0 24px 0 18px}
.nbav9 .b-stats{display:grid;grid-template-columns:repeat(4,auto);width:max-content;max-width:100%}
.nbav9 .b-stat b{white-space:nowrap}
.nbav9 .b-stat{padding:12px 22px}
.nbav9 .b-stat b{font-size:clamp(22px,2vw,30px)}

/* ═════ ON THE FLOOR: four up. The live card (b-gc.nb-gc) is the NFL Madness card's family (/tournaments/v9/tournament.css): the
   skycam's court still, the scorebug, LIVE ROUND, the question beside its "Next round in" box, Yes / No, the pot; four up it
   takes a smaller scorebug and the question over the clock box ═════ */
.nb-floor{--n:4;gap:20px}
.nb-gc .b-gc-art{height:150px}
.nb-gc .b-gc-art .b-bug{--bw:164px}
.nb-gc .b-gc-q h3{font-size:22px}
.nb-gc .b-air-sides .mside,.nb-gc .b-air-sides .mside em{font-size:19px}

/* ═════ the band's credits plate: yellow, as in the concept ═════ */
.nb-band-r .b-loaded-f{background:var(--yellow)}
.nb-band-r .b-loaded img{width:84px;height:84px}
.nb-band-r .b-loaded b{font-size:clamp(24px,2.2vw,32px)}
.nb-band-r .b-loaded small{color:var(--ink)}

/* ═════ the ten nights: the layer's schedule five up ═════ */
.b-nights{--n:5!important;grid-template-columns:repeat(5,minmax(0,1fr))}
.b-nights li{min-height:132px;justify-content:flex-start}

/* ═════ the prize pool panel: the trophy art, the pool, awarded then paid ═════ */
.nb-prize .pnl-face{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1fr);align-items:stretch;min-height:260px}
.nb-prize-art{position:relative;display:block;overflow:hidden;clip-path:var(--clip-field);margin:14px 0 14px 14px}
.nb-prize-art img,.nb-prize-art .art-loop{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 30%}
.nb-prize-t{display:flex;flex-direction:column;justify-content:center;gap:18px;padding:24px 28px 26px}
.nb-prize-h{margin:0;font-size:clamp(40px,3.6vw,56px);line-height:.86;color:var(--paper)}
.nb-prize-h em{display:block;font-style:inherit;color:var(--orange)}
.nb-steps{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}
.nb-steps li{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:12px;font-family:var(--read);font-size:var(--fs-read-s);color:var(--muted);line-height:1.25}
.nb-steps .b-st{min-width:96px}

/* ═════ the promo in a column ═════ */
.nb-promo{height:100%}
.nb-promo .b-promo,.nb-promo .b-promo-f{height:100%}
.nb-promo .b-promo-f{flex-direction:column;align-items:flex-start;justify-content:space-between;gap:28px;padding:40px 36px 40px}
.nb-promo .b-sign{max-width:360px}


/* ═════════════ ENTRY ═════════════ */
.ne-stage .stage-h{top:6cqw;max-width:52cqw;font-size:clamp(30px,6.4cqw,92px)}
.ne-stage .stage-face{--obj:62% 40%}
.ne-stage .stage-h span{display:block}
.ne-start{position:absolute;left:5.2cqw;bottom:4.4cqw;z-index:3;align-items:flex-start}
.ne-start b{white-space:nowrap}
.ne-start small{order:-1;padding:4px 10px;background:var(--ink);color:var(--paper)}
.ne-stage .stage-sign{top:auto;bottom:6cqw}
.ne-form-f{padding:40px 44px 44px}
.ne-h1{margin:0 0 28px;font-size:clamp(40px,4.4vw,64px);line-height:.88;color:var(--paper)}
.ne-form{display:grid;grid-template-columns:minmax(0,1.1fr) 2px minmax(0,1fr);gap:28px 44px}
.ne-rule{background:var(--b-rule)}
.ne-col{display:flex;flex-direction:column;gap:30px;min-width:0}
.ne-step{margin:0;padding:0;border:0;min-width:0;display:flex;flex-direction:column;gap:14px}
.ne-step legend{display:flex;align-items:center;gap:14px;padding:0;margin-bottom:14px;font-family:var(--shout);font-style:italic;font-weight:800;font-size:clamp(24px,2.2vw,30px);text-transform:uppercase;line-height:1;color:var(--paper)}
.ne-step .b-num{border-radius:0}
.ne-inp{max-width:440px}
.ne-hint{margin:0;font-family:var(--read);font-size:var(--fs-read-s);line-height:1.35;color:var(--muted)}
.ne-sel select{width:100%;min-width:0}
.ne-sel{max-width:440px}
.b-pfp{display:flex;flex-wrap:wrap;gap:12px}
.b-pfp-o{position:relative;display:block;width:76px;height:76px;padding:4px;background:var(--line);clip-path:var(--clip-hex);cursor:pointer;transition:background var(--t-key) var(--e-std),transform var(--t-key) var(--e-std)}
.b-pfp-o input{position:absolute;opacity:0;width:1px;height:1px;margin:0}
.b-pfp-o img{display:block;width:100%;height:100%;object-fit:cover;clip-path:var(--clip-hex)}
.b-pfp-o:has(input:checked){background:var(--yellow)}
.b-pfp-o:has(input:focus-visible){background:var(--orange)}
.b-pfp:has(input:focus-visible){outline:3px solid #FFA800;outline-offset:6px}
@media (hover:hover){.b-pfp-o:hover{transform:translate(-2px,-2px);background:var(--paper)}.b-pfp-o:has(input:checked):hover{background:var(--yellow)}}
.b-check{position:relative;display:flex;align-items:center;gap:14px;min-height:44px;cursor:pointer;font-family:var(--data);font-weight:700;font-size:var(--fs-field);color:var(--paper)}
.b-check input{position:absolute;left:0;top:50%;width:28px;height:28px;margin:-14px 0 0;opacity:0}
.b-check i{flex:none;display:grid;place-items:center;width:30px;height:30px;background:var(--bg1);border:2px solid var(--paper);box-shadow:var(--sh-2);font-style:normal}
.b-check input:checked+i{background:var(--yellow);border-color:var(--ink)}
.b-check input:checked+i::after{content:"✓";font-family:var(--data);font-weight:800;font-size:19px;line-height:1;color:var(--ink)}
.b-check input:focus-visible+i{outline:3px solid #FFA800;outline-offset:3px}
.b-check input[aria-invalid=true]+i{border-color:var(--orange)}
.b-check a{color:var(--yellow)}
.ne-rules{margin:0;padding:0 0 0 20px;display:flex;flex-direction:column;gap:6px;font-family:var(--read);font-size:var(--fs-read-s);line-height:1.35;color:var(--muted)}
.ne-go{display:flex;flex-direction:column;align-items:flex-start;gap:14px;margin-top:4px}
.ne-submit{min-width:min(100%,380px);height:68px;font-size:26px}
.ne-msg{margin:0;min-height:1.4em;font-family:var(--read);font-size:var(--fs-read-s);line-height:1.35;color:var(--green)}
.ne-msg[data-bad]{color:var(--orange)}
.ne-inp:has([aria-invalid=true]),.ne-sel:has([aria-invalid=true]) select{outline:3px solid var(--orange);outline-offset:3px}
/* the prize ladder (cream) + players already in */
.ne-row{align-items:stretch}
.ne-prize .pnl-face{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1fr);gap:0;height:100%}
.ne-prize-art{position:relative;display:block;overflow:hidden;clip-path:var(--clip-field);margin:16px 0 16px 16px;min-height:260px}
.ne-prize-art img,.ne-prize-art .art-loop{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 30%}
.ne-prize-t{display:flex;flex-direction:column;gap:16px;padding:28px 32px 30px}
.ne-prize-h{margin:0;font-size:clamp(40px,4vw,58px);line-height:.86;color:var(--ink)}
.ne-prize-h span{display:block;color:var(--violet-deep)}
.b-ladder{width:100%;border-collapse:collapse}
.b-ladder th,.b-ladder td{padding:6px 0;border-bottom:2px solid #D8D0BC;text-align:left}
.b-ladder td{font-family:var(--data);font-weight:800;font-size:var(--fs-input);text-align:right;color:var(--ink);font-variant-numeric:tabular-nums}
.b-ladder tbody th span{display:inline-flex;align-items:center;height:32px;padding:0 18px 0 14px;background:var(--bg5);color:var(--paper);clip-path:var(--clip-chip);font-family:var(--shout);font-style:italic;font-weight:800;font-size:19px;text-transform:uppercase;white-space:nowrap}
.b-ladder tr[data-tone=yellow] th span{background:var(--yellow);color:var(--ink)}
.b-ladder tr[data-tone=violet] th span{background:var(--violet);color:var(--ink)}
.b-ladder tr[data-tone=orange] th span{background:var(--orange);color:var(--ink)}
.ne-prize-p{margin:0;font-family:var(--read);font-size:var(--fs-read-s);line-height:1.35;color:#4A453B}
.ne-in .pnl-face{position:relative;height:100%;min-height:380px;overflow:hidden;display:flex;flex-direction:column;justify-content:space-between;padding:30px 30px 28px}
.ne-in-art{position:absolute;inset:0}
.ne-in-art img{width:100%;height:100%;object-fit:cover;object-position:50% 70%}
.ne-in-art::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(14,13,12,.94) 0,rgba(14,13,12,.7) 48%,rgba(14,13,12,.2) 100%)}
.ne-in-t{position:relative;z-index:1}
.ne-in-h{margin:0;font-size:clamp(30px,2.8vw,40px);line-height:.9;color:var(--paper)}
.ne-in-n{display:flex;flex-direction:column;margin:14px 0 0}
.ne-in-n b{font-family:var(--data);font-weight:800;font-size:clamp(56px,6vw,88px);line-height:1;color:var(--paper);font-variant-numeric:tabular-nums}
.ne-in-n span{font-family:var(--shout);font-style:italic;font-weight:800;font-size:28px;text-transform:uppercase;color:var(--paper)}
.ne-in-d{display:inline-block;margin:10px 0 0;padding:3px 8px;background:var(--bg5);font-family:var(--data);font-weight:700;font-size:var(--fs-label);letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}
.ne-in-sign{align-self:flex-end;max-width:260px;padding:18px 28px 22px 22px}
.ne-in-sign b{font-size:clamp(24px,2.2vw,32px)}
.nb-entry .b-nights{grid-template-columns:repeat(10,minmax(0,1fr))}
.nb-entry .b-nights li{min-height:0}
@media (max-width:1180px){
  .nb-entry .b-nights{grid-template-columns:repeat(5,minmax(0,1fr))}
}
@media (max-width:1023px){
  .ne-form{grid-template-columns:1fr}
  .ne-rule{height:2px}
}
@media (max-width:760px){
  .ne-stage .stage-h{top:7cqw;max-width:80cqw;font-size:10.4cqw}
  .ne-stage .stage-sign{display:none}
  .ne-start{left:5cqw;bottom:5cqw}
  .ne-start b{font-size:24px;padding:9px 22px 8px}
  .ne-form-f{padding:28px 18px 30px}
  .b-pfp{gap:8px}
  .b-pfp-o{width:68px;height:68px}
  .ne-submit{width:100%;height:60px;font-size:22px}
  .ne-prize .pnl-face{grid-template-columns:1fr}
  .ne-prize-art{min-height:0;height:180px;margin:12px 12px 0}
  .ne-prize-t{padding:22px 18px 24px}
  .ne-in .pnl-face{min-height:340px;padding:24px 18px 22px}
}

/* ═════════════ WRAPPED ═════════════ */
.nw-stage .stage-face{--obj:50% 40%}
.nw-stage .stage-sign{top:auto;bottom:4cqw}
.nw-stage .nb-bug{top:auto;bottom:3.4cqw;left:4cqw;transform:none}
.nw-bar{display:flex;align-items:center;gap:12px 18px;flex-wrap:wrap;margin:18px 0 0;padding:12px 16px;background:var(--bg1);border:2px solid var(--ink);box-shadow:var(--sh-5);font-family:var(--data);font-weight:700;font-size:var(--fs-key);letter-spacing:.08em;text-transform:uppercase;color:var(--paper)}
.nw-bar .more{margin-left:auto}
.nw-sec{padding-top:28px}
.nw-sec:first-of-type{padding-top:40px}
/* the head: cream, your hexagon on the burst, the side sign */
.nw-hd .pnl-face{display:grid;grid-template-columns:minmax(0,1.4fr) auto minmax(0,.5fr);align-items:center;gap:20px 28px;padding:30px 40px 34px}
.nw-h1{margin:0;font-size:clamp(44px,5vw,76px);line-height:.86;color:var(--ink)}
.nw-hd-p{margin:14px 0 0;font-family:var(--read);font-size:var(--fs-lede);color:#3A362F}
.nw-hd-p b{font-family:var(--data);font-weight:800}
.nw-hd-me{position:relative;width:clamp(150px,15vw,210px);aspect-ratio:1}
.nw-burst{position:absolute;inset:-14%;width:auto;height:auto;background:var(--orange)}
.nw-hd-me img{position:relative;width:100%;height:100%;object-fit:cover;clip-path:var(--clip-hex);filter:drop-shadow(var(--sh-5))}
.nw-hd-sign{transform:rotate(3deg);padding:18px 26px 22px 20px;background:var(--bg2);color:var(--paper)}
.nw-hd-sign b{font-size:clamp(22px,2vw,30px)}
/* the stat panels */
.nw-two{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);gap:24px}
.nw-two.r{grid-template-columns:minmax(0,1.5fr) minmax(0,1fr)}
.nw-three{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
/* the wrapped stat tiles, one family (phone fix 2026-10-07): the label on top, the big number + its unit on one baseline, one short
   line; the stat tiles (.nw-tile) carry an icon slot top right at one size (--ics) beside the label, so nothing floats and no
   column stands empty; the two art tiles (rounds, finish) keep their art in its own column, never under the text */
.b-wstat{--ics:64px}
.b-wstat .pnl-face{position:relative;height:100%;padding:24px 28px 26px;overflow:hidden}
.b-wstat-k{margin:0;font-family:var(--shout);font-style:italic;font-weight:800;font-size:clamp(22px,2vw,28px);text-transform:uppercase;line-height:1;color:var(--paper)}
.pnl.cream .b-wstat-k{color:var(--ink)}
.b-wstat-v{position:relative;z-index:1;display:flex;align-items:baseline;flex-wrap:nowrap;gap:12px;margin:14px 0 0;min-width:0}
.b-wstat-v b{flex:none;font-family:var(--shout);font-style:italic;font-weight:800;font-size:clamp(64px,6.4vw,96px);line-height:.86;color:var(--paper)}
.b-wstat-v span{min-width:0;font-family:var(--shout);font-style:italic;font-weight:800;font-size:clamp(22px,2vw,30px);text-transform:uppercase;line-height:1;color:var(--paper);white-space:nowrap}
.b-wstat-p{position:relative;z-index:1;margin:12px 0 0;font-family:var(--read);font-size:var(--fs-read-s);color:var(--muted)}
.nw-tile .pnl-face{display:grid;grid-template-columns:minmax(0,1fr) var(--ics);grid-template-areas:"k ic" "v v" "p p";align-items:center;column-gap:14px;align-content:start}
.nw-tile .b-wstat-k{grid-area:k}.nw-tile .b-wstat-v{grid-area:v}.nw-tile .b-wstat-p{grid-area:p}
.b-wstat-ic{grid-area:ic;display:grid;place-items:center;width:var(--ics);height:var(--ics)}
.b-wstat-ic img{width:100%;height:100%}
.b-wstat-ic .b-tbox{width:100%;height:calc(var(--ics) * .62);font-size:calc(var(--ics) * .34);box-shadow:var(--sh-3)}
/* the clock in the badge hexagon (the badges' pointy hexagon, ink rim, orange face), the kit clock glyph in ink */
.b-wstat-ic.hex{position:relative;width:calc(var(--ics) * .86);justify-self:center;background:var(--ink);clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%)}
.b-wstat-ic.hex::before{content:"";position:absolute;inset:4px;background:var(--orange);clip-path:inherit}
.b-wstat-ic.hex svg{position:relative;width:52%;height:52%;color:var(--ink)}
.nw-rounds .pnl-face{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1fr);grid-template-rows:1fr auto auto 1fr;grid-template-areas:"a ." "a k" "a v" "a p";gap:0 22px;padding-left:16px}
.nw-rounds-art{grid-area:a;position:relative;display:block;min-height:170px;overflow:hidden;clip-path:var(--clip-field)}
.nw-rounds-art img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:70% 20%}
.nw-rounds .b-wstat-k{grid-area:k}.nw-rounds .b-wstat-v{grid-area:v}.nw-rounds .b-wstat-p{grid-area:p;align-self:start}
.nw-best .pnl-face{display:flex;flex-direction:column;justify-content:space-between;gap:16px}
.nw-best .b-wstat-k{color:var(--yellow)}
.nw-best-q{margin:8px 0 14px;font-family:var(--shout);font-style:italic;font-weight:800;font-size:clamp(34px,3.4vw,50px);text-transform:uppercase;line-height:.9;color:var(--paper);text-shadow:3px 3px 0 var(--shadow)}
.nw-best-s{margin:0}
.nw-best-s .b-lab{height:60px;padding:0 30px}
.nw-best-s .b-lab b{font-size:clamp(28px,2.6vw,36px)}
.nw-best-n{display:flex;justify-content:space-between;gap:12px;margin:0;font-family:var(--data);font-weight:800;font-size:var(--fs-key);letter-spacing:.1em;text-transform:uppercase;color:var(--paper)}
/* persona + final finish */
.nw-persona .pnl-face{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);align-items:stretch;min-height:260px}
.nw-persona-t{padding:28px 20px 30px 32px;display:flex;flex-direction:column;justify-content:center}
.nw-persona-h{margin:10px 0 0;font-size:clamp(40px,4.2vw,64px);line-height:.86;color:var(--ink)}
.nw-persona-p{margin:14px 0 0;font-family:var(--read);font-size:var(--fs-read);line-height:1.35;color:#3A362F}
.nw-persona-art{position:relative;overflow:hidden;background:var(--orange)}
.nw-persona-art img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
/* the final finish: the trophy in its own column top right (--fa), beside the label, the number and the line; the prize row under
   all of it, full width, so the chips never sit on the art */
.nw-finish{--fa:clamp(80px,24%,150px)}
.nw-finish .pnl-face{display:grid;grid-template-columns:minmax(0,1fr) var(--fa);grid-template-rows:auto auto 1fr auto;grid-template-areas:"k art" "v art" "p art" "z z";column-gap:14px}
.nw-finish .b-wstat-k{grid-area:k}.nw-finish-v{grid-area:v}.nw-finish .b-wstat-p{grid-area:p;color:var(--paper)}
.nw-finish-v b{text-shadow:4px 4px 0 var(--shadow)}
.nw-finish-art{grid-area:art;align-self:start;width:100%;height:auto;aspect-ratio:1;object-fit:cover;clip-path:var(--clip-hex)}
.nw-finish .nw-prize{grid-area:z}
.nw-prize{position:relative;z-index:1;display:flex;align-items:center;flex-wrap:wrap;gap:10px 18px;margin-top:auto;padding-top:16px}
.nw-prize p{display:flex;flex-direction:column;margin:0}
.nw-prize small{font-family:var(--data);font-weight:700;font-size:var(--fs-label);letter-spacing:.1em;text-transform:uppercase;color:var(--paper)}
.nw-prize p b{font-family:var(--data);font-weight:800;font-size:28px;color:var(--paper)}
.nw-prize ol{list-style:none;display:flex;gap:8px;margin:0;padding:0}
/* the credits chart */
.nw-row{align-items:stretch}
.nw-row>.pnl>.pnl-face{height:100%}
.b-wchart{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:20px}
.b-wchart-plot{min-width:0}
.b-wchart-in{position:relative;height:230px;margin:26px 0 0;border-bottom:2px solid var(--b-rule)}
.b-wchart-in svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible}
.b-wchart-in .z{stroke:var(--line);stroke-width:2;stroke-dasharray:4 5;vector-effect:non-scaling-stroke}
.b-wchart-in .a{fill:rgba(250,244,36,.14)}
.b-wchart-in .l{fill:none;stroke:var(--yellow);stroke-width:3;stroke-linejoin:round;vector-effect:non-scaling-stroke}
.b-wchart-d{position:absolute;width:0;height:0}
.b-wchart-d i{position:absolute;left:-8px;top:-8px;width:16px;height:16px;border-radius:50%;background:var(--yellow);border:3px solid var(--ink)}
.b-wchart-d.dn i{background:var(--bg2);border-color:var(--muted)}
.b-wchart-d b{position:absolute;left:0;bottom:14px;transform:translateX(-50%);font-family:var(--data);font-weight:800;font-size:var(--fs-key);color:var(--green);white-space:nowrap}
.b-wchart-d.dn b{bottom:auto;top:14px;color:var(--muted)}
.b-wchart-x{list-style:none;display:grid;grid-template-columns:repeat(10,minmax(0,1fr));margin:10px 0 0;padding:0;font-family:var(--data);font-weight:700;font-size:var(--fs-floor);letter-spacing:.06em;text-transform:uppercase;color:var(--muted);text-align:center}
.b-wchart-x .sm{display:none}
.b-wchart-t{display:flex;flex-direction:column;align-items:center;gap:6px;margin:0;padding:18px 22px;border:2px solid var(--line);font-family:var(--data);text-transform:uppercase}
.b-wchart-t small{font-weight:700;font-size:var(--fs-label);letter-spacing:.1em;color:var(--muted)}
.b-wchart-t b{font-weight:800;font-size:clamp(28px,2.6vw,38px);color:var(--green)}
/* the title chips: one size for the three badges */
.nb-wrap .b-title .b-chip{font-size:16px}
.nb-wrap .b-titles{gap:12px}
.nb-wrap .b-title img{width:96px;height:96px}
@media (max-width:1180px){
  .nw-hd .pnl-face{grid-template-columns:minmax(0,1fr) auto}
  .nw-hd-sign{display:none}
  .b-wchart-x .lg{display:none}.b-wchart-x .sm{display:inline}
}
@media (max-width:1023px){
  .nw-two,.nw-two.r,.nw-three{grid-template-columns:1fr}
}
@media (max-width:400px){
  .nw-finish .pnl-face{grid-template-areas:"k art" "v v" "p p" "z z";grid-template-rows:auto auto auto auto}
  .nw-finish .b-wstat-k{align-self:center}
}
@media (max-width:760px){
  .nw-stage .stage-sign{display:none}
  .nw-stage .nb-bug{left:50%;transform:translateX(-50%);bottom:5cqw}
  .nw-stage .nb-live{top:5cqw;left:5cqw}
  .nw-bar .more{margin-left:0}
  .nw-hd .pnl-face{grid-template-columns:1fr;padding:24px 20px 28px;justify-items:start}
  .nw-hd-me{grid-row:1;width:132px;margin:14px 0 10px 14px}
  .b-wstat{--ics:52px}
  .b-wstat .pnl-face{padding:22px 18px 22px}
  .nw-rounds .pnl-face{grid-template-columns:minmax(0,1fr);grid-template-rows:auto;grid-template-areas:"a" "k" "v" "p";padding:0 18px 22px}
  .nw-rounds-art{min-height:0;aspect-ratio:21/9;margin:0 -18px 18px;clip-path:none}
  .nw-persona .pnl-face{grid-template-columns:1fr}
  .nw-persona-t{padding:24px 20px 22px}
  .nw-persona-art{height:220px}
  .nw-finish{--fa:72px}
  .b-wchart{grid-template-columns:1fr}
  .b-wchart-in{height:190px}
  .b-wchart-d:not(.key) b{display:none}
  .nb-wrap .b-title img{width:76px;height:76px}
}

/* ═════ rungs (hub + shared): 1180, 1023, 760 (phone), 360 ═════ */
@media (max-width:1180px){
  .nb-floor{--n:2}
  .nb-band{grid-template-columns:1fr}
  .nb-band-r{max-width:640px}
}
@media (max-width:1023px){
  .nb-promo .b-promo-f{min-height:360px}
}
@media (max-width:760px){
  .nb-stage-sec{padding-top:16px}
  .nb-live{left:5cqw;top:5cqw}
  .nb-bug{bottom:auto;top:5cqw;left:auto;right:4cqw;transform:none}
  .nb-bug .b-bug{--bw:200px!important}
  .nb-stage .stage-h{top:auto;bottom:8cqw;font-size:11cqw}
  .nb-hub .nb-stage .stage-sign{display:none}
  .nbav9 .b-stats{display:grid;grid-template-columns:1fr 1fr;width:auto}
  /* four stats: two by two (the layer spans the first one, which would leave a hole) */
  .nb-band .b-stat:first-child{grid-column:auto}
  .nb-band .b-stat:nth-child(2){border-top:0;border-left:2px solid var(--line)}
  .nb-band .b-stat:nth-child(3){border-left:0}
  .nb-band .b-stat:nth-child(4){border-left:2px solid var(--line)}
  .nb-band-sec{padding-top:32px}
  .nb-h1{font-size:clamp(40px,12vw,56px)}
  .nb-title .b-chip{height:34px;font-size:20px}
  #jump{margin-top:28px;display:grid;grid-template-columns:1fr 1fr;gap:8px}
  #jump .tab span{width:100%;justify-content:center}
  .nb-floor{--n:2;gap:24px 12px}
  .nb-floor>.b-gc{grid-column:1 / -1}
  .nb-floor .b-tip-f{padding:14px 12px 18px;gap:14px}
  .nb-floor .b-tip-tm .b-tbox{height:56px;font-size:24px}
  .nb-floor .b-tip-c b{font-size:24px}
  /* the night's champion: the face only on the phone (the name stays for screen readers) */
  .b-nights .b-champ>span{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
  .b-tbox{height:72px}
  .nb-prize .pnl-face{grid-template-columns:1fr}
  .nb-prize-art{height:190px;margin:12px 12px 0}
  .nb-prize-t{padding:20px 18px 24px}
  .b-nights li{min-height:118px;padding:10px 2px 12px}
  .b-nights li b{font-size:15px;white-space:nowrap}
  .b-stand{table-layout:fixed}
  .b-stand td,.b-stand th[scope=row]{padding:6px 6px;font-size:var(--fs-key)}
  .b-stand th:nth-child(3),.b-stand td:nth-child(3){width:78px}
  .b-stand .b-pl{gap:8px;min-width:0}.b-stand .b-pl{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:block}
  .b-stand .b-pl .b-av{display:inline-block;width:28px;height:28px;vertical-align:middle;margin-right:8px}
  .nb-promo .b-promo-f{padding:28px 20px 32px;min-height:340px}
}
@media (max-width:420px){
  .nb-hub .nb-bug{top:16cqw;left:5cqw;right:auto}
  .ne-start{left:6cqw}.ne-start b{font-size:20px;padding:8px 18px 7px 22px}
}
@media (max-width:360px){
  .b-nights{grid-template-columns:repeat(3,minmax(0,1fr))}
}
/* the court still keeps the live end (the ball, the arc) in a four-up card */
.nb-gc .b-gc-still img{object-position:30% 50%}
/* the narrowest phones: the band's four figures one per row (the night clock reads 144px wide, two up it ran off the screen) */
@media (max-width:360px){
  .nb-band .b-stats{grid-template-columns:1fr}
  .nb-band .b-stat:nth-child(n){grid-column:auto;border-left:0;border-top:2px solid var(--line)}
  .nb-band .b-stat:first-child{border-top:0}
}