/* Cade v8 skycam (2026-10-06): the live field + market from the client's "sportcade" render. Behaviour: skycam.js.
   Every size is their frame's pixel times --u (set by the module: the stage width / 1920 on wide, / 1080 on the phone),
   every font has an 11px floor. Shapes: --clip-panel, --burst, the kit ribbon, the .duel-bar.slash, the ds .ssb, their
   scoreboard plate and label banner art (inlined by the module), their team box parallelogram (the scoreboard art). */
.skc{position:relative;display:block;min-width:0;color:var(--paper,#EEE8D8);--sk-bg:#141210;--sk-pnl:#151512;--sk-blue:#419EE4;--u:1px;--seam:.5;
  /* the kit tokens it needs, so a page on ds.css alone (the landing) gets the same render */
  --burst:polygon(76.96% 15.82%,68.58% 0.65%,57.99% 18.01%,48.92% 0%,39.78% 21.01%,33.76% 5.83%,25.42% 21.43%,4.99% 17.72%,12.17% 38.54%,0% 51.54%,10.43% 61.88%,4.58% 76.64%,22.61% 80.52%,31% 100%,41.48% 83.43%,47.48% 99.65%,55.78% 81.8%,65.96% 97.17%,73.75% 78.49%,92.45% 84.33%,85.47% 67.52%,99.18% 65.05%,91.2% 53.02%,100% 37.99%,84.74% 30.57%,91.29% 13.45%);
  --green:#91BB4F;--red:#EA2A46;--yellow:#FAF424;--paper:#EFE9D8;--orange:#FFA800;--violet:#9652EF}
/* the kit's .duel-bar.slash (their battle parallelogram), repeated here for pages without /lib/v8/v8.css */
.skc .duel-bar.slash{display:block;position:relative;background:var(--violet);border:3px solid #0B0B0B;overflow:hidden}
.skc .duel-bar.slash>i{position:absolute;inset:0;display:block;width:auto;border:0;background:var(--orange);clip-path:polygon(0 0,calc(var(--p) * 100% + 9px) 0,calc(var(--p) * 100% - 9px) 100%,0 100%);transition:clip-path .78s cubic-bezier(.34,1.3,.64,1)}
.skc-st{position:relative;isolation:isolate;width:100%;aspect-ratio:1920/1080;overflow:hidden;background:radial-gradient(circle,rgba(239,233,216,.03) 0 1px,transparent 1.5px) 0 0/9px 9px,var(--sk-bg);
  -webkit-user-select:none;user-select:none}
.skc[data-l=tall] .skc-st{aspect-ratio:1080/var(--dh,1920)}
.skc-cv{position:absolute;inset:0;width:100%;height:100%;display:block}
.skc-st>*:not(.skc-cv){position:absolute;margin:0}
.skc [data-on="0"]{visibility:hidden;opacity:0}
.skc-st p,.skc-st b,.skc-st span,.skc-st small{line-height:1}

/* ── shared voices ── */
.skc-st b,.skc-q,.skc-sl,.skc-first b,.skc-big b,.skc-stamp b,.skc-burst b{font-family:var(--shout);font-style:italic;font-weight:800;text-transform:uppercase;letter-spacing:0}
.skc-st small,.skc-qtr,.skc-dd-f span,.skc-chip-t,.skc-flab,.skc-feed span,.skc-big>span,.skc-stamp>span{font-family:var(--data);font-weight:700;text-transform:uppercase;font-style:normal}

/* ── the LIVE tag (ds .livetag, their battle art) ── */
.skc-live{left:calc(var(--u)*40);top:calc(var(--u)*26);--lt-w:calc(var(--u)*250);z-index:6}
.skc-live .lt-word{font-size:max(11px,19.1cqw)}

/* ── the scoreboard: their plate, the team boxes, the clock tab ── */
.skc-score{--skf:max(18px,calc(var(--u)*98));--skc:calc(var(--u)*59);--skq:calc(var(--u)*108);left:calc(var(--u)*600);top:calc(var(--u)*20);width:calc(var(--u)*720);height:calc(var(--u)*128);z-index:6;display:flex;align-items:center;justify-content:center}
.skc-plate{position:absolute;inset:0;width:100%;height:100%}
.skc-tm{position:absolute;top:calc(var(--u)*28);width:calc(var(--u)*124);height:calc(var(--u)*66);filter:drop-shadow(2px 0 0 #000) drop-shadow(-2px 0 0 #000) drop-shadow(0 2px 0 #000) drop-shadow(0 -2px 0 #000) drop-shadow(calc(var(--u)*5) calc(var(--u)*5) 0 #000)}
.skc-tm.skc-ta{left:calc(var(--u)*62)}.skc-tm.skc-tb{right:calc(var(--u)*46)}
.skc-tm i{display:flex;align-items:center;justify-content:center;width:100%;height:100%;clip-path:polygon(7.4% 0,100% 0,92.6% 100%,0 100%);background:#EA2A46;color:#fff;
  font-family:var(--shout);font-style:italic;font-weight:800;font-size:max(11px,calc(var(--u)*44));text-transform:uppercase;line-height:1}
.skc-tm.skc-tb i{background:#0670AE}
.skc-sc{position:relative;display:flex;align-items:center;gap:calc(var(--u)*20);margin-top:calc(var(--u)*-10);color:#0B0B0B;font-size:var(--skf);line-height:1;transform:scale(var(--pop,1));transform-origin:50% 89%}
.skc-sc span{display:block;font-variant-numeric:tabular-nums}
.skc-sc s{display:block;width:calc(var(--u)*34);height:calc(var(--u)*9);background:#0B0B0B;text-decoration:none}
/* the clock tab: their 108 / 136 unit top, pushed under the digits' baseline (--skc the digits' middle + .39 of their size) when the
   type floor makes the digits bigger than the art (small screens), so the tab never cuts the score; the pop grows from the baseline */
.skc-qtr{position:absolute;left:50%;top:max(var(--skq),calc(var(--skc) + var(--skf) * .39 + 4px));transform:translateX(-50%);display:flex;align-items:center;height:calc(var(--u)*48);padding:0 calc(var(--u)*18) 0 calc(var(--u)*20);
  background:#0D0B08;color:var(--paper);font-size:max(11px,calc(var(--u)*28));letter-spacing:.12em;white-space:nowrap}

/* ── down and distance: the kit ribbon, mirrored ── */
.skc-dd{right:calc(var(--u)*30);top:calc(var(--u)*40);min-width:calc(var(--u)*558);height:calc(var(--u)*88);box-sizing:border-box;padding:2px;background:#3A3631;z-index:6;
  clip-path:polygon(0 50%,calc(var(--u)*30) 0,100% 0,calc(100% - var(--u)*28) 50%,100% 100%,calc(var(--u)*30) 100%)}
.skc-dd-f{display:flex;align-items:center;gap:calc(var(--u)*28);height:100%;padding:0 calc(var(--u)*50) 0 calc(var(--u)*44);overflow:hidden;background:#0E0D0B;transition:background-color .2s;
  clip-path:polygon(0 50%,calc(var(--u)*29) 0,100% 0,calc(100% - var(--u)*27) 50%,100% 100%,calc(var(--u)*29) 100%)}
.skc-dd[data-flash="1"] .skc-dd-f{background:#46421A}
.skc-dd b{color:var(--paper);font-size:max(14px,calc(var(--u)*50));white-space:nowrap}
.skc-dd-f span{color:#B8B2A3;font-size:max(11px,calc(var(--u)*24));letter-spacing:.17em;white-space:nowrap}
/* the fit (skycam.js fitDD): the plate never meets the scorebug. fit: its left edge pinned after the scoreboard art (1320 units
   + a gap), out to the frame edge like their plate, the gaps a little closer; tight: smaller gaps and type, the line ends in an ellipsis; drop: under
   the scoreboard on the right (only when even the down cannot fit beside it) */
.skc-dd[data-fit]{left:calc(var(--u)*1320 + max(4px,calc(var(--u)*12)));right:0;min-width:0}
.skc-dd[data-fit] .skc-dd-f{gap:calc(var(--u)*18);padding-right:calc(var(--u)*32)}
.skc-dd[data-fit] .skc-dd-f span{min-width:0;overflow:hidden;text-overflow:ellipsis}
.skc-dd[data-fit] b{flex:none}
.skc-dd[data-fit=tight] .skc-dd-f,.skc-dd[data-fit=drop] .skc-dd-f{gap:max(6px,calc(var(--u)*16));padding:0 calc(var(--u)*34) 0 calc(var(--u)*38)}
.skc-dd[data-fit=tight] b,.skc-dd[data-fit=drop] b{font-size:max(14px,calc(var(--u)*42))}
.skc-dd[data-fit=tight] .skc-dd-f span,.skc-dd[data-fit=drop] .skc-dd-f span{letter-spacing:.06em}
.skc-dd[data-fit=drop]{left:auto;right:calc(var(--u)*30);top:calc(var(--u)*68 + max(var(--u)*108,calc(var(--u)*59 + max(18px,calc(var(--u)*98)) * .39 + 4px)) + 6px);max-width:calc(100% - var(--u)*60)}

/* ── the play banner: the kit ribbon, their blue ── */
.skc-ban{left:calc(var(--u)*380);top:calc(var(--u)*676);width:calc(var(--u)*1160);height:calc(var(--u)*80);z-index:4;
  filter:drop-shadow(3px 0 0 #000) drop-shadow(-3px 0 0 #000) drop-shadow(0 3px 0 #000) drop-shadow(0 -3px 0 #000) drop-shadow(calc(var(--u)*6) calc(var(--u)*6) 0 #000);
  transform:translateX(calc((1 - var(--k,1)) * var(--u) * -60));opacity:var(--k,1)}
.skc-ban-f{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:calc(var(--u)*24);height:100%;padding:0 calc(var(--u)*56) 0 calc(var(--u)*48);background:var(--sk-blue);color:#0B0B0B;
  clip-path:polygon(0 0,calc(100% - var(--u)*36) 0,100% 50%,calc(100% - var(--u)*36) 100%,0 100%,calc(var(--u)*22) 50%)}
.skc-ban-f b{text-align:center;font-size:max(13px,calc(var(--u)*42));white-space:nowrap;overflow:hidden;text-overflow:clip}
.skc-ban-f small{font-size:max(11px,calc(var(--u)*24));letter-spacing:.06em;white-space:nowrap}

/* ── the field plates: +N YDS (--burst), 1ST DOWN (their label banner), the touchdown / result plate (--clip-panel) ── */
.skc-burst,.skc-first,.skc-big{left:var(--x,50%);top:var(--y,50%);transform:translate(-50%,-50%) scale(var(--k,1));z-index:3}
.skc-burst{width:calc(var(--u)*132);aspect-ratio:1;filter:drop-shadow(3px 0 0 #000) drop-shadow(-3px 0 0 #000) drop-shadow(0 3px 0 #000) drop-shadow(0 -3px 0 #000) drop-shadow(calc(var(--u)*5) calc(var(--u)*5) 0 #000)}
.skc-burst-f{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;height:100%;clip-path:var(--burst);background:var(--yellow,#FAF424);color:#0B0B0B}
.skc-burst b{font-size:max(13px,calc(var(--u)*46));margin-top:calc(var(--u)*4)}
.skc-burst small{font-size:max(11px,calc(var(--u)*17));font-weight:800;letter-spacing:.06em}
.skc-first{width:calc(var(--u)*340);height:calc(var(--u)*100);display:flex;align-items:center;justify-content:center;transform:translate(-50%,-50%) rotate(-4deg) scale(var(--k,1));
  filter:drop-shadow(2px 0 0 #000) drop-shadow(-2px 0 0 #000) drop-shadow(0 2px 0 #000) drop-shadow(0 -2px 0 #000) drop-shadow(calc(var(--u)*5) calc(var(--u)*5) 0 #000)}
.skc-lb{position:absolute;inset:0;width:100%;height:100%;fill:var(--yellow,#FAF424)}
.skc-first b{position:relative;color:#0B0B0B;font-size:max(13px,calc(var(--u)*58));white-space:nowrap}
.skc-big{--x:50.5%;--y:39%;display:flex;flex-direction:column;align-items:center;transform:translate(-50%,-50%) rotate(-2deg) scale(var(--k,1));z-index:5}
.skc-big-f{filter:drop-shadow(3px 0 0 #000) drop-shadow(-3px 0 0 #000) drop-shadow(0 3px 0 #000) drop-shadow(0 -3px 0 #000) drop-shadow(calc(var(--u)*12) calc(var(--u)*12) 0 #000)}
.skc-big-f b{display:block;clip-path:var(--clip-panel);background:var(--yellow,#FAF424);color:#0B0B0B;padding:calc(var(--u)*40) calc(var(--u)*80) calc(var(--u)*56);font-size:max(30px,calc(var(--u)*150));line-height:.9;white-space:nowrap}
.skc-big[data-tone=no] .skc-big-f b{background:var(--red,#EA2A46);color:#fff}
.skc-big[data-tone=yes] .skc-big-f b{background:var(--green,#91BB4F);color:#0B0B0B}
.skc-big>span{position:relative;margin-top:calc(var(--u)*-34);padding:calc(var(--u)*12) calc(var(--u)*22);background:var(--paper);color:#0B0B0B;font-size:max(11px,calc(var(--u)*30));letter-spacing:.12em;white-space:nowrap;
  transform:rotate(-1.5deg);box-shadow:calc(var(--u)*5) calc(var(--u)*5) 0 #000}

/* ── the market panel: the torn panel, the chip, the question, the split, the YES / NO bar, the feed ── */
.skc-pnl{left:calc(var(--u)*38);top:calc(var(--u)*806);width:calc(var(--u)*1846);height:calc(var(--u)*246);filter:drop-shadow(calc(var(--u)*8) calc(var(--u)*8) 0 #000);z-index:5}
.skc-pnl-f{height:100%;clip-path:var(--clip-panel);background:var(--sk-pnl)}
.skc-chip{left:calc(var(--u)*80);top:calc(var(--u)*774);height:calc(var(--u)*62);z-index:7;
  filter:drop-shadow(2px 0 0 #000) drop-shadow(-2px 0 0 #000) drop-shadow(0 2px 0 #000) drop-shadow(0 -2px 0 #000) drop-shadow(calc(var(--u)*4) calc(var(--u)*4) 0 #000)}
.skc-chip-f{display:flex;align-items:center;gap:calc(var(--u)*14);height:100%;padding:0 calc(var(--u)*46) 0 calc(var(--u)*18);background:var(--yellow,#FAF424);color:#0B0B0B;
  clip-path:polygon(calc(var(--u)*6) 0,calc(100% - var(--u)*24) 0,100% 50%,calc(100% - var(--u)*24) 100%,0 100%)}
.skc-chip-i{display:flex}.skc-chip-i:empty{display:none}
.skc-ic{width:max(14px,calc(var(--u)*36));height:max(14px,calc(var(--u)*36));color:currentColor}
.skc-chip b{font-family:var(--data);font-style:normal;font-weight:800;font-size:max(12px,calc(var(--u)*34));font-variant-numeric:tabular-nums;white-space:nowrap}
.skc-chip-t{font-size:max(11px,calc(var(--u)*25));letter-spacing:.1em;white-space:nowrap}
.skc-chip[data-state=closed] .skc-chip-f{background:#24211E;color:var(--paper)}
.skc-chip[data-state=closed] b,.skc-chip[data-state=no] b,.skc-chip[data-state=yes] b{font-size:max(11px,calc(var(--u)*28));letter-spacing:.06em}
.skc-chip[data-state=no] .skc-chip-f{background:var(--red,#EA2A46);color:#fff}
.skc-chip[data-state=yes] .skc-chip-f{background:var(--green,#91BB4F);color:#0B0B0B}
.skc-q{left:calc(var(--u)*78);top:calc(var(--u)*852);width:calc(var(--u)*720);z-index:6;color:var(--paper);font-size:max(16px,calc(var(--u)*72));line-height:.98!important}
.skc-split.duel-bar.slash{left:calc(var(--u)*860);top:calc(var(--u)*840);width:calc(var(--u)*990);height:calc(var(--u)*64);margin:0;z-index:6;border-width:max(2px,calc(var(--u)*3));box-shadow:calc(var(--u)*6) calc(var(--u)*6) 0 #000;box-sizing:border-box}
.skc-sl{position:absolute;top:50%;transform:translateY(-50%);z-index:1;font-size:max(12px,calc(var(--u)*40));white-space:nowrap;line-height:1}
.skc-sl.skc-sa{left:calc(var(--u)*18);color:#0B0B0B}
.skc-sl.skc-sb{right:calc(var(--u)*18);color:#fff;-webkit-text-stroke:max(1px,calc(var(--u)*2)) #000;paint-order:stroke fill}
.skc-sl em{font-style:normal;font-size:max(11px,.6em);vertical-align:.18em}
.skc-flab{left:calc(var(--u)*860 + var(--seam) * var(--u)*990);top:calc(var(--u)*918);transform:translateX(-50%);z-index:6;font-size:max(11px,calc(var(--u)*26));letter-spacing:.06em;white-space:nowrap;color:#9AC55A}
.skc-flab[data-side=no]{color:#FF5468}
.skc-yn{left:calc(var(--u)*860);top:calc(var(--u)*966);width:calc(var(--u)*990);height:calc(var(--u)*64);z-index:6}
.skc-yn .ssb{position:absolute;inset:0;--ssb-h:100%;--ssb-drop:calc(var(--u)*5);--p:var(--seam)}
.skc-yn .ssb .pl{filter:drop-shadow(2px 0 0 #000) drop-shadow(-2px 0 0 #000) drop-shadow(0 2px 0 #000) drop-shadow(0 -2px 0 #000) drop-shadow(calc(var(--u)*5) calc(var(--u)*5) 0 #000)}
.skc-yn[data-hit=yes] .ssb .l{background:#C3DC94}.skc-yn[data-hit=no] .ssb .r{background:#F7899A}
.skc-yn[data-res=no] .ssb .l{background:#45542A}.skc-yn[data-res=yes] .ssb .r{background:#5A2A31}
.skc-v{position:absolute;top:0;bottom:0;z-index:1;display:flex;align-items:center;gap:calc(var(--u)*14);white-space:nowrap}
.skc-v.skc-vy{left:max(24px,calc(var(--u)*30));color:#0B0B0B}.skc-v.skc-vn{right:calc(var(--u)*28);color:#fff}
.skc-v small{font-family:var(--data);font-weight:800;font-size:max(11px,calc(var(--u)*24));letter-spacing:.12em}
.skc-v b{font-size:max(13px,calc(var(--u)*46))}
.skc-v.skc-vn b{-webkit-text-stroke:max(1px,calc(var(--u)*2)) #000;paint-order:stroke fill}
.skc-yn[data-res=no] .skc-v.skc-vy,.skc-yn[data-res=yes] .skc-v.skc-vn{opacity:.45}
.skc-coin,.skc-lock{position:absolute;z-index:2;left:calc(var(--seam) * (100% - 9px) + 6px);top:50%;border-radius:50%}
.skc-coin{width:calc(var(--u)*54);height:calc(var(--u)*54);transform:translate(-50%,calc(-50% + (1 - var(--k,1)) * var(--u) * 120));
  background:radial-gradient(circle,#91BB4F 0 20%,#3E5A1C 21% 30%,#A9CF6A 31% 60%,#3E5A1C 61% 72%,#91BB4F 73%);box-shadow:0 0 0 2px #0B0B0B,calc(var(--u)*3) calc(var(--u)*4) 0 #000}
.skc-coin[data-side=no]{background:radial-gradient(circle,#EA2A46 0 20%,#7A1222 21% 30%,#FF6175 31% 60%,#7A1222 61% 72%,#EA2A46 73%)}
.skc-lock{width:calc(var(--u)*74);height:calc(var(--u)*74);transform:translate(-50%,-50%);display:flex;align-items:center;justify-content:center;background:var(--paper);color:#0B0B0B;box-shadow:0 0 0 max(2px,calc(var(--u)*4)) #0B0B0B}
.skc-lock .skc-ic{width:55%;height:55%}
.skc-feed{display:none;list-style:none;padding:0;z-index:6}
.skc-stamp{left:calc(var(--u)*860 + var(--seam) * var(--u)*990);top:calc(var(--u)*958);display:flex;flex-direction:column;align-items:center;z-index:8;transform:translate(-50%,-50%) rotate(-3deg) scale(var(--k,1))}
.skc-stamp-f{filter:drop-shadow(calc(var(--u)*6) calc(var(--u)*6) 0 #000)}
.skc-stamp-f b{display:block;clip-path:var(--clip-panel);background:#24211E;color:var(--paper);padding:calc(var(--u)*24) calc(var(--u)*44) calc(var(--u)*30);font-size:max(15px,calc(var(--u)*68));white-space:nowrap}
.skc-stamp>span{position:relative;margin-top:calc(var(--u)*-14);padding:calc(var(--u)*7) calc(var(--u)*14);background:#3A3631;color:var(--paper);font-size:max(11px,calc(var(--u)*22));letter-spacing:.14em;white-space:nowrap}

/* ── the NBA court's plates (data-sport=nba): the shooter tag, NO GOOD / BLOCKED, the +N burst (--burst) with its label,
   the possession ribbon's flash (it fades out of their yellow) ── */
.skc-tag,.skc-pts{left:var(--x,50%);top:var(--y,50%);z-index:3}
.skc-tag{transform:translate(-50%,-50%);padding:calc(var(--u)*6) calc(var(--u)*12);background:#F3EEE2;color:#0B0B0B;border:max(1.5px,calc(var(--u)*3)) solid #0B0B0B;
  font-family:var(--data);font-weight:700;font-size:max(11px,calc(var(--u)*29));letter-spacing:.12em;text-transform:uppercase;white-space:nowrap}
.skc-tag.skc-ng{transform:translate(-50%,-50%) rotate(-4deg) scale(var(--k,1));font-size:max(11px,calc(var(--u)*30));box-shadow:calc(var(--u)*5) calc(var(--u)*5) 0 #000;z-index:4}
.skc-pts{display:flex;flex-direction:column;align-items:center;transform:translate(-50%,-50%) scale(var(--k,1));z-index:4}
.skc-pts-f{width:calc(var(--u)*150);filter:drop-shadow(3px 0 0 #000) drop-shadow(-3px 0 0 #000) drop-shadow(0 3px 0 #000) drop-shadow(0 -3px 0 #000) drop-shadow(calc(var(--u)*4) calc(var(--u)*4) 0 #000)}
.skc-pts-f b{display:flex;align-items:center;justify-content:center;width:100%;aspect-ratio:1.18;clip-path:var(--burst);background:#F6AA09;color:#0B0B0B;font-size:max(14px,calc(var(--u)*60));padding-top:calc(var(--u)*6);box-sizing:border-box}
.skc-pts[data-tone=two] .skc-pts-f b{background:#8A45E7;color:#fff;-webkit-text-stroke:max(1px,calc(var(--u)*2)) #000;paint-order:stroke fill}
.skc-pts[data-tone=one] .skc-pts-f b{background:#8A8C8E;color:#fff;-webkit-text-stroke:max(1px,calc(var(--u)*2)) #000;paint-order:stroke fill}
.skc-pts>span{position:relative;margin-top:calc(var(--u)*-22);padding:calc(var(--u)*7) calc(var(--u)*15);background:#F3EEE2;color:#0B0B0B;border:max(1.5px,calc(var(--u)*3)) solid #0B0B0B;
  font-family:var(--data);font-weight:700;font-size:max(11px,calc(var(--u)*26));letter-spacing:.1em;text-transform:uppercase;white-space:nowrap;transform:rotate(-2deg);box-shadow:calc(var(--u)*4) calc(var(--u)*4) 0 #000}
.skc[data-sport=nba] .skc-q{width:calc(var(--u)*560)}
.skc[data-sport=nba] .skc-sc{gap:calc(var(--u)*8);letter-spacing:-.04em}.skc[data-sport=nba] .skc-score{--skf:max(18px,calc(var(--u)*90))}
.skc[data-sport=nba] .skc-sc s{width:calc(var(--u)*26)}
.skc[data-sport=nba] .skc-big-f b{padding:calc(var(--u)*92) calc(var(--u)*92) calc(var(--u)*104);font-size:max(30px,calc(var(--u)*136))}
.skc[data-sport=nba] .skc-big[data-tone=td] .skc-big-f b{font-size:max(22px,calc(var(--u)*94));padding:calc(var(--u)*104) calc(var(--u)*94) calc(var(--u)*118)}
.skc[data-sport=nba] .skc-dd-f{background:color-mix(in srgb,#C6C92E calc(var(--fl,0) * 100%),#0E0D0B)}
.skc[data-sport=nba] .skc-dd b{color:color-mix(in srgb,#1B1A0C calc(var(--fl,0) * 100%),var(--paper))}
.skc[data-sport=nba] .skc-dd-f span{color:color-mix(in srgb,#3A3810 calc(var(--fl,0) * 100%),#B8B2A3)}

/* ── the keys: real YES / NO buttons over the bar's two halves ── */
.skc-keys{position:absolute;inset:0;z-index:2;pointer-events:none}
/* the hit area keeps 44px on small frames, centred on the bar; it paints nothing itself (a tinted box would hang under the
   bar where the 44px outgrow it), the hover lights the bar's own half */
.skc-pick{position:absolute;top:calc(var(--u)*998 - max(22px,calc(var(--u)*32)));height:max(44px,calc(var(--u)*64));pointer-events:auto;background:transparent;border:0;padding:0;cursor:pointer;display:block;-webkit-tap-highlight-color:transparent}
.skc-pick.skc-py{left:calc(var(--u)*860);width:calc(var(--seam) * var(--u)*990)}
.skc-pick.skc-pn{left:calc(var(--u)*860 + var(--seam) * var(--u)*990);width:calc((1 - var(--seam)) * var(--u)*990)}
.skc-pick[aria-disabled=true]{cursor:default}
.skc-pick:focus-visible{outline:3px solid var(--orange,#FFA800);outline-offset:3px}
@media (hover:hover){.skc:has(.skc-py:not([aria-disabled=true]):hover) .skc-yn .ssb .l,.skc:has(.skc-pn:not([aria-disabled=true]):hover) .skc-yn .ssb .r{filter:brightness(1.12)}}

/* ═════ THE PHONE (container under 700px): their 1080 x 1920 stack ═════ */
.skc[data-l=tall]{--o:calc(var(--dh,1920) - 1920)}
.skc[data-l=tall] .skc-live{left:calc(var(--u)*40);top:calc(var(--u)*22)}
.skc[data-l=tall] .skc-score{--skf:max(26px,calc(var(--u)*140));--skc:calc(var(--u)*74);--skq:calc(var(--u)*136);left:calc(var(--u)*40);top:calc(var(--u)*114);width:calc(var(--u)*1000);height:calc(var(--u)*162)}
.skc[data-l=tall] .skc-tm{top:calc(var(--u)*32);width:calc(var(--u)*152);height:calc(var(--u)*82)}
.skc[data-l=tall] .skc-tm.skc-ta{left:calc(var(--u)*80)}.skc[data-l=tall] .skc-tm.skc-tb{right:calc(var(--u)*56)}
.skc[data-l=tall] .skc-tm i{font-size:max(12px,calc(var(--u)*50))}
.skc[data-l=tall] .skc-sc{margin-top:calc(var(--u)*-14)}
.skc[data-l=tall] .skc-sc s{width:calc(var(--u)*44);height:calc(var(--u)*12)}
.skc[data-l=tall] .skc-qtr{height:calc(var(--u)*60);font-size:max(11px,calc(var(--u)*36))}
.skc[data-l=tall] .skc-dd{left:calc(var(--u)*60);right:calc(var(--u)*60);width:auto;top:calc(var(--u)*322);height:calc(var(--u)*96)}
.skc[data-l=tall] .skc-dd b{font-size:max(15px,calc(var(--u)*58))}
.skc[data-l=tall] .skc-dd-f span{font-size:max(11px,calc(var(--u)*36))}
.skc[data-l=tall] .skc-ban{left:calc(var(--u)*25);top:calc(var(--u)*(1112 + var(--o)));width:calc(var(--u)*1030);height:calc(var(--u)*100)}
.skc[data-l=tall] .skc-ban-f{grid-template-columns:minmax(0,1fr);padding:0 calc(var(--u)*60) 0 calc(var(--u)*50)}
.skc[data-l=tall] .skc-ban-f small{display:none}
.skc[data-l=tall] .skc-ban-f b{font-size:max(14px,calc(var(--u)*46))}
.skc[data-l=tall] .skc-burst{width:calc(var(--u)*124)}
.skc[data-l=tall] .skc-burst b{font-size:max(13px,calc(var(--u)*44))}
.skc[data-l=tall] .skc-burst small{font-size:max(11px,calc(var(--u)*18))}
.skc[data-l=tall] .skc-first{width:calc(var(--u)*330);height:calc(var(--u)*100)}
.skc[data-l=tall] .skc-first b{font-size:max(14px,calc(var(--u)*60))}
.skc[data-l=tall] .skc-big{--x:52%;--y:calc((780 + var(--o)) / var(--dh) * 100%)}
.skc[data-l=tall] .skc-big-f b{font-size:max(34px,calc(var(--u)*190));padding:calc(var(--u)*46) calc(var(--u)*70) calc(var(--u)*64)}
.skc[data-l=tall] .skc-big>span{font-size:max(11px,calc(var(--u)*40))}
.skc[data-l=tall] .skc-pnl{left:calc(var(--u)*25);top:calc(var(--u)*(1262 + var(--o)));width:calc(var(--u)*1035);height:calc(var(--u)*628)}
.skc[data-l=tall] .skc-chip{left:calc(var(--u)*65);top:calc(var(--u)*(1222 + var(--o)));height:calc(var(--u)*80)}
.skc[data-l=tall] .skc-ic{width:max(14px,calc(var(--u)*44));height:max(14px,calc(var(--u)*44))}
.skc[data-l=tall] .skc-chip b{font-size:max(12px,calc(var(--u)*40))}
.skc[data-l=tall] .skc-chip-t{font-size:max(11px,calc(var(--u)*36))}
.skc[data-l=tall] .skc-chip[data-state] b{letter-spacing:.04em}
.skc[data-l=tall] .skc-chip[data-state=closed] b,.skc[data-l=tall] .skc-chip[data-state=no] b,.skc[data-l=tall] .skc-chip[data-state=yes] b{font-size:max(11px,calc(var(--u)*34))}
.skc[data-l=tall] .skc-q{left:calc(var(--u)*62);top:calc(var(--u)*(1318 + var(--o)));width:calc(var(--u)*960);font-size:max(16px,calc(var(--u)*60))}
.skc[data-l=tall] .skc-split.duel-bar.slash{left:calc(var(--u)*60);top:calc(var(--u)*(1405 + var(--o)));width:calc(var(--u)*960);height:calc(var(--u)*95)}
.skc[data-l=tall] .skc-sl{font-size:max(13px,calc(var(--u)*54))}
.skc[data-l=tall] .skc-sl.skc-sa{left:calc(var(--u)*28)}.skc[data-l=tall] .skc-sl.skc-sb{right:calc(var(--u)*26)}
.skc[data-l=tall] .skc-yn{left:calc(var(--u)*60);top:calc(var(--u)*(1540 + var(--o)));width:calc(var(--u)*960);height:calc(var(--u)*100)}
.skc[data-l=tall] .skc-v small{font-size:max(11px,calc(var(--u)*34))}
.skc[data-l=tall] .skc-v b{font-size:max(14px,calc(var(--u)*60))}
.skc[data-l=tall] .skc-coin{width:calc(var(--u)*62);height:calc(var(--u)*62)}
.skc[data-l=tall] .skc-lock{width:calc(var(--u)*86);height:calc(var(--u)*86)}
.skc[data-l=tall] .skc-flab{display:none}
.skc[data-l=tall] .skc-feed{display:flex;flex-direction:column;gap:calc(var(--u)*30);left:calc(var(--u)*62);top:calc(var(--u)*(1686 + var(--o)));margin:0}
.skc-feed li{display:flex;align-items:center;gap:calc(var(--u)*22);white-space:nowrap}
.skc-feed li:empty{display:none}
.skc-feed i{flex:none;width:calc(var(--u)*40);height:calc(var(--u)*40);border-radius:50%;background:radial-gradient(circle,#91BB4F 0 22%,#3E5A1C 23% 34%,#91BB4F 35% 62%,#3E5A1C 63%)}
.skc-feed i[data-side=no]{background:radial-gradient(circle,#EA2A46 0 22%,#7A1222 23% 34%,#EA2A46 35% 62%,#7A1222 63%)}
.skc-feed span{font-size:max(11px,calc(var(--u)*40));letter-spacing:.08em;color:var(--paper)}
.skc-feed li b{font-size:max(13px,calc(var(--u)*50));color:#9AC55A}
.skc-feed li b[data-side=no]{color:#FF5468}
.skc-feed li+li{opacity:.6}
.skc-feed li+li i{width:calc(var(--u)*30);height:calc(var(--u)*30)}
.skc-feed li+li span{font-size:max(11px,calc(var(--u)*32))}
.skc-feed li+li b{font-size:max(12px,calc(var(--u)*40))}
.skc[data-l=tall] .skc-stamp{left:calc(var(--u)*60 + var(--seam) * var(--u)*960);top:calc(var(--u)*(1560 + var(--o)))}
.skc[data-l=tall] .skc-stamp-f b{font-size:max(16px,calc(var(--u)*84))}
.skc[data-l=tall] .skc-stamp>span{font-size:max(11px,calc(var(--u)*28))}
.skc[data-l=tall] .skc-pick{top:calc(var(--u)*(1590 + var(--o)) - max(22px,calc(var(--u)*50)));height:max(44px,calc(var(--u)*100))}
.skc[data-l=tall] .skc-pick.skc-py{left:calc(var(--u)*60);width:calc(var(--seam) * var(--u)*960)}
.skc[data-l=tall] .skc-pick.skc-pn{left:calc(var(--u)*60 + var(--seam) * var(--u)*960);width:calc((1 - var(--seam)) * var(--u)*960)}

/* the ds .ssb seam eases; the reader who asked for stillness gets none of it */
@media (prefers-reduced-motion:reduce){.skc .ssb .l,.skc .ssb .r,.skc .duel-bar i,.skc-dd-f{transition:none}.skc .ds-live-blink{animation:none}}
html.static .skc .ssb .l,html.static .skc .ssb .r,html.static .skc .duel-bar i{transition:none}
html.static .skc .ds-live-blink{animation:none}

/* ═════ the hosts: the kit's live round panel (.round, /home/v8 + /sports/v8) gives the whole face to the skycam ═════ */
.round[data-kind=sky]{display:block;padding:22px 24px 26px}
.round[data-kind=sky] .round-main,.round[data-kind=sky] .tkt{display:none}
.round-sky[hidden]{display:none}
.round-sky-bar{display:flex;align-items:center;justify-content:space-between;gap:12px 20px;flex-wrap:wrap;margin-top:20px}
.round-sky-bar .tkt-fine{margin:0;padding:0;text-align:left}
.round-sky-bar .ghost[hidden]{display:none}
@media (max-width:760px){.round[data-kind=sky]{padding:14px 12px 20px}.round-sky-bar{margin-top:16px}}

/* the NBA court on the phone stack: the score and the result plate at the phone sizes */
.skc[data-sport=nba][data-l=tall] .skc-sc{gap:calc(var(--u)*10)}.skc[data-sport=nba][data-l=tall] .skc-score{--skf:max(24px,calc(var(--u)*124))}
.skc[data-sport=nba][data-l=tall] .skc-big-f b{font-size:max(28px,calc(var(--u)*124));padding:calc(var(--u)*58) calc(var(--u)*62) calc(var(--u)*76)}
.skc[data-sport=nba][data-l=tall] .skc-big[data-tone=td] .skc-big-f b{font-size:max(22px,calc(var(--u)*92));padding:calc(var(--u)*64) calc(var(--u)*58) calc(var(--u)*82)}
.skc[data-sport=nba][data-l=tall] .skc-big>span{font-size:max(11px,calc(var(--u)*32))}