/* Broadcast skin (mock). Loaded last on every proxied page; the proxy has
   already moved greys to navy, swapped font stacks and bevelled corners. */
@font-face{font-family:"Unbounded";src:url("/apl/static/fonts/unbounded-latin.woff2") format("woff2");font-weight:200 900;font-display:swap}
@font-face{font-family:"Chakra Petch";src:url("/apl/static/skin/fonts/chakra-petch-500.woff2") format("woff2");font-weight:100 500;font-display:swap}
@font-face{font-family:"Chakra Petch";src:url("/apl/static/skin/fonts/chakra-petch-600.woff2") format("woff2");font-weight:600;font-display:swap}
@font-face{font-family:"Chakra Petch";src:url("/apl/static/skin/fonts/chakra-petch-700.woff2") format("woff2");font-weight:700 900;font-display:swap}

:root{
  --skin-lime:#b7e34f;--skin-lime-hi:#d4f78c;--skin-navy:#0b1029;--skin-purple:#6b45d8;
  --skin-display:"Unbounded","Arial Black",system-ui,sans-serif;
  --skin-mono:"IBM Plex Mono",ui-monospace,monospace;
}
html:not([data-theme=light]){
  /* Auction tokens */
  --accent:var(--skin-lime);--accent-ink:var(--skin-navy);--accent-hover:var(--skin-lime-hi);--accent-soft:#25331f;
  --focus:var(--skin-lime);--role-field-border:var(--skin-lime);
}
html[data-theme=light]{
  --accent:var(--skin-navy);--accent-ink:var(--skin-lime);--accent-hover:#1f2a5c;--accent-soft:#e5e8f4;
  --focus:var(--skin-purple);
}

/* Stats site accents: its themes hard-code white (dark) / ink (light) for active states.
   The #leaderboard-section entry lifts the whole list above the source's id selectors. */
html:not([data-theme=light]) :is(.site-mark,.site-nav a[aria-current=page],.subnav a[aria-current=page],.section-nav a[aria-current=page],.page-tabs>:is([aria-pressed=true],[aria-selected=true],[aria-current=page]),button[aria-pressed=true]:not(.lb-season),#leaderboard-section :is(.lb-category,.lb-mode)[aria-pressed=true],.overview-hero .button-link,.fixture-actions button){background:var(--skin-lime);border-color:var(--skin-lime);color:var(--skin-navy);box-shadow:none}
html[data-theme=light] :is(.site-mark,.site-nav a[aria-current=page],.subnav a[aria-current=page],.section-nav a[aria-current=page],.page-tabs>:is([aria-pressed=true],[aria-selected=true],[aria-current=page]),button[aria-pressed=true]:not(.lb-season),#leaderboard-section :is(.lb-category,.lb-mode)[aria-pressed=true]){background:var(--skin-navy);border-color:var(--skin-navy);color:var(--skin-lime);box-shadow:none}

/* Toggle switches and thin progress bars keep their round ends; bevelled they read as hexagons or slants. */
:is(.edition-toggle-track,.edition-toggle-thumb,.progress-track,.progress-track *){corner-shape:round!important}
/* Fonts: wide display for headings, numbers in mono. */
:is(h1,h2){font-family:var(--skin-display)!important;font-weight:800;letter-spacing:-.01em}
:is(h3,h4,th,label,button,summary){font-family:"Chakra Petch",sans-serif;letter-spacing:.02em}
:is(td,time,output,kbd,code,[class*=amount],[class*=purse],[class*=price],[class*=score],[class*=points],[class*=count],[class*=value],[class*=-num],[class*=number]){font-family:var(--skin-mono);font-variant-numeric:tabular-nums}
:is(td:first-child,td a,td :is(strong,span):not([class*=value])){font-family:"Chakra Petch",sans-serif}

/* Static backdrop texture behind all content, after the broadcast reference:
   a faint dot grid with soft concentric arcs (::before), lime pixel-dot
   clusters at the top-left and right edge, and lavender grid/halftone blocks
   along the bottom (::after, SVGs in ./texture). */
:root{--tx-dot:rgba(125,137,182,.16);--tx-ring:rgba(130,140,235,.07);--tx-clusters:.6;--tx-glow-a:rgba(98,84,220,.22);--tx-glow-b:rgba(70,110,230,.14)}
html[data-theme=light]{--tx-dot:rgba(43,52,92,.1);--tx-ring:rgba(80,70,190,.06);--tx-clusters:.4;--tx-glow-a:rgba(110,90,230,.1);--tx-glow-b:rgba(90,130,240,.08)}
html::before,html::after{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none}
html::before{
  background:
    radial-gradient(55% 45% at 0 100%,var(--tx-glow-a),transparent 72%),
    radial-gradient(50% 42% at 100% 0,var(--tx-glow-b),transparent 72%),
    radial-gradient(circle,var(--tx-dot) 1px,transparent 1.4px) 0 0/24px 24px,
    repeating-radial-gradient(ellipse at 78% 135%,transparent 0 30px,var(--tx-ring) 30px 31px);
}
html::after{
  opacity:var(--tx-clusters);
  background:
    url(/apl/static/skin/texture/purple-bl.svg) left 0 bottom 0 no-repeat,
    url(/apl/static/skin/texture/purple-bc.svg) left 24% bottom 0 no-repeat;
}
/* Lime pixel clusters need empty gutters: stats pages on wide screens only. */
@media (min-width:1560px){
  html[data-skin-site=stats]::after{
    background:
      url(/apl/static/skin/texture/lime-tl.svg) left 0 top 92px no-repeat,
      url(/apl/static/skin/texture/lime-r.svg) right 0 top 34% no-repeat,
      url(/apl/static/skin/texture/lime-r.svg) right 0 bottom 24% no-repeat,
      url(/apl/static/skin/texture/purple-bl.svg) left 0 bottom 0 no-repeat,
      url(/apl/static/skin/texture/purple-bc.svg) left 24% bottom 0 no-repeat;
  }
}
@media (max-width:760px){html::after{display:none}}
@media print{html::before,html::after{display:none}}

/* Richer cards: the source fills and medal tints stay; details are layered on top
   with pseudo-elements, after the broadcast tiles (lime tick, pixel dots, hatch). */
:root{--cd-tick:var(--skin-lime);--cd-hatch:rgba(140,150,189,.5);--cd-sheen:rgba(255,255,255,.07);--cd-shadow:rgba(2,3,12,.28);--cd-value:var(--skin-lime)}
html[data-theme=light]{--cd-tick:var(--skin-purple);--cd-hatch:rgba(43,52,92,.3);--cd-sheen:rgba(255,255,255,.5);--cd-shadow:rgba(43,52,92,.08);--cd-value:#2a2f7a}
:where(.highlight,.panel,.season-card,.match-card,.browse-card,.stat,.fixture-card,.registration-card,.coverage-card,.card){position:relative;isolation:isolate}
:is(.highlight,.panel,.season-card,.match-card,.browse-card,.stat,.fixture-card,.registration-card,.coverage-card,.card){box-shadow:inset 0 1px 0 var(--cd-sheen),0 6px 18px var(--cd-shadow)}
:is(.highlight,.panel,.season-card,.match-card,.browse-card,.stat,.fixture-card,.registration-card,.coverage-card,.card)::before{content:"";position:absolute;z-index:-1;pointer-events:none;border-radius:inherit;corner-shape:superellipse(.2)}
:is(.highlight,.panel,.season-card,.match-card,.browse-card,.stat,.fixture-card,.registration-card,.coverage-card,.card)::before{
  inset:0;
  background:
    linear-gradient(var(--cd-tick),var(--cd-tick)) 12px 0/30px 3px no-repeat,
    linear-gradient(160deg,var(--cd-sheen),transparent 46%),
    repeating-linear-gradient(115deg,transparent 0 4px,var(--cd-hatch) 4px 7px) right 14px bottom 0/44px 5px no-repeat;
}
/* Big values: wide display face in lime (navy-indigo in light mode). */
:is(.highlight .value,.metric dd,.stat strong){color:var(--cd-value);font-family:var(--skin-display);font-weight:700;letter-spacing:-.03em}
.metric dd{font-size:.86em}

/* Legends: richer gold (panel wash, card tint, border, glow) on the overview. */
html:not([data-theme=light]) .overview-legends{
  --insight-rgb:240,196,88;--legend-foil:#ffe9a8;
  border-color:rgba(240,196,88,.62);
  background:
    radial-gradient(ellipse at 3% 0%,rgba(244,196,84,.34),transparent 56%),
    radial-gradient(ellipse at 97% 112%,rgba(214,150,44,.26),transparent 62%),
    linear-gradient(165deg,#2c2310,#1a1409 58%,#221a0b);
  box-shadow:inset 0 1px 0 #ffe9a850,inset 0 0 0 1px rgba(240,196,88,.08),0 10px 30px rgba(0,0,0,.38),0 0 44px rgba(226,170,58,.12);
}
html:not([data-theme=light]) .overview-legends .insight-card{
  background:radial-gradient(ellipse at 0% 0%,rgba(244,200,92,.2),transparent 72%),linear-gradient(160deg,rgba(74,54,14,.55),rgba(36,26,8,.6));
  box-shadow:inset 0 0 0 1px rgba(240,196,88,.26),inset 0 1px 0 rgba(255,233,168,.14),0 4px 14px rgba(0,0,0,.25);
}
html:not([data-theme=light]) .overview-legends .insight-card h3{color:#ecdcae}
html:not([data-theme=light]) .overview-legends .insight-value{text-shadow:0 0 18px rgba(var(--insight-rgb),.38),0 1px 0 rgba(90,60,6,.5)}
html:not([data-theme=light]) .overview-legends .discipline-icon{border-color:rgba(240,196,88,.5);background:linear-gradient(145deg,rgba(244,200,92,.26),rgba(244,200,92,.06))}
html:not([data-theme=light]) .legend-emblem{opacity:.07}
html[data-theme=light] .overview-legends{
  --insight-rgb:150,100,10;--legend-foil:#a8780f;
  border-color:rgba(176,126,24,.5);
  background:
    radial-gradient(ellipse at 3% 0%,rgba(236,186,70,.34),transparent 56%),
    radial-gradient(ellipse at 97% 112%,rgba(214,150,44,.2),transparent 62%),
    linear-gradient(165deg,#fff6dc,#fbeec8 60%,#fff3d4);
}
html[data-theme=light] .overview-legends .insight-card{
  background:radial-gradient(ellipse at 0% 0%,rgba(236,190,84,.3),transparent 72%),rgba(255,251,238,.78);
  box-shadow:inset 0 0 0 1px rgba(176,126,24,.3),0 3px 10px rgba(150,100,10,.08);
}
html[data-theme=light] .overview-legends .insight-card h3{color:#6b5421}

/* The floating "Enable sound" chip is hidden; the Music switch in the header is the only control. */
.apl-enable-sound,[data-music-enable]{display:none!important}


/* First-time tip for the Music switch (ftue.js). */
@keyframes tip-in{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}
.skin-tip{position:fixed;z-index:100;box-sizing:border-box;width:min(286px,calc(100vw - 24px));padding:16px 18px 14px;
  background:linear-gradient(160deg,#1a2250,#10173a);color:#f3f5fb;border:1px solid var(--skin-lime);border-radius:6px 0;corner-shape:superellipse(.2);
  box-shadow:0 14px 34px rgba(2,3,12,.55),0 0 0 4px rgba(183,227,79,.1);font-family:"Chakra Petch",sans-serif;animation:tip-in .32s ease-out both}
.skin-tip p{margin:0}
.skin-tip-arrow{position:absolute;top:-8px;left:calc(var(--arrow-x,40px) - 7px);width:14px;height:14px;background:#1a2250;border:1px solid var(--skin-lime);border-width:1px 0 0 1px;transform:rotate(45deg)}
.skin-tip-kicker{color:var(--skin-lime);font:700 11.5px/1 var(--skin-mono);letter-spacing:.16em;text-transform:uppercase}
.skin-tip-title{margin-top:8px!important;font:800 17px/1.2 var(--skin-display);letter-spacing:-.01em}
.skin-tip-body{margin-top:7px!important;color:#c3c9e0;font-size:13px;line-height:1.5}
.skin-tip-actions{display:flex;gap:8px;margin-top:14px}
.skin-tip-actions button{flex:1;padding:9px 12px;border-radius:6px 0;corner-shape:superellipse(.2);font:700 13px/1 "Chakra Petch",sans-serif;letter-spacing:.03em;cursor:pointer}
.skin-tip-primary{background:var(--skin-lime);border:1px solid var(--skin-lime);color:var(--skin-navy)}
.skin-tip-primary:hover{background:var(--skin-lime-hi)}
.skin-tip-secondary{background:transparent;border:1px solid #434d7c;color:#f3f5fb}
.skin-tip-secondary:hover{background:#1f2850}
.skin-tip-actions button:focus-visible{outline:2px solid #fff;outline-offset:2px}
html[data-theme=light] .skin-tip{background:linear-gradient(160deg,#ffffff,#f1f3fb);color:#0b1029;border-color:var(--skin-purple);box-shadow:0 14px 34px rgba(43,52,92,.22),0 0 0 4px rgba(107,69,216,.1)}
html[data-theme=light] .skin-tip-arrow{background:#ffffff;border-color:var(--skin-purple)}
html[data-theme=light] .skin-tip-kicker{color:var(--skin-purple)}
html[data-theme=light] .skin-tip-body{color:#4a5273}
html[data-theme=light] .skin-tip-primary{background:var(--skin-navy);border-color:var(--skin-navy);color:var(--skin-lime)}
html[data-theme=light] .skin-tip-secondary{border-color:#b6bbd6;color:#0b1029}
html[data-theme=light] .skin-tip-secondary:hover{background:#eceffa}
@media (prefers-reduced-motion:reduce){.skin-tip{animation:none}.skin-tip-target::after{animation:none;opacity:.9}}

/* Pulse around the whole Music chip (icon, label and switch): an angled outline that matches the other chips.
   Used while the tip is showing and while the browser is blocking sound. */
@keyframes chip-pulse{0%,100%{opacity:.2;transform:scale(1)}50%{opacity:1;transform:scale(1.05)}}
.skin-tip-target{position:relative}
.skin-tip-target::after{content:"";position:absolute;inset:-5px -7px;border:2px solid var(--skin-lime);border-radius:6px 0;corner-shape:superellipse(.2);pointer-events:none;box-shadow:0 0 14px rgba(183,227,79,.4);animation:chip-pulse 1.8s ease-in-out infinite}
html[data-theme=light] .skin-tip-target::after{border-color:var(--skin-purple);box-shadow:0 0 14px rgba(107,69,216,.35)}

/* Music switch in the broadcast style: angled two-corner cut like the chips, lime when on. */
.music-switch-track{border-radius:5px 0!important;corner-shape:superellipse(.2)!important;transition:background .16s,border-color .16s}
.music-switch-thumb{border-radius:3px 0!important;corner-shape:superellipse(.2)!important;box-shadow:none!important}
.music-toggle[aria-checked=true] .music-switch-track{background:var(--skin-lime)!important;border-color:var(--skin-lime)!important}
.music-toggle[aria-checked=true] .music-switch-thumb{background:var(--skin-navy)!important}
.music-toggle[aria-checked=false] .music-switch-track{background:#1a224a!important;border-color:#434d7c!important}
.music-toggle[aria-checked=false] .music-switch-thumb{background:#7d89b6!important}
html[data-theme=light] .music-toggle[aria-checked=true] .music-switch-track{background:var(--skin-navy)!important;border-color:var(--skin-navy)!important}
html[data-theme=light] .music-toggle[aria-checked=true] .music-switch-thumb{background:var(--skin-lime)!important}
html[data-theme=light] .music-toggle[aria-checked=false] .music-switch-track{background:#e5e8f4!important;border-color:#b6bbd6!important}
html[data-theme=light] .music-toggle[aria-checked=false] .music-switch-thumb{background:#8890b3!important}

/* The Data tab is hidden from the main navigation. */
.site-nav a[href$="/data"]{display:none!important}

/* Hidden copy: the "PLAYER POOL" label under the logo and the eyebrow line above page titles. */
.site-brand-sub,.page-header .eyebrow{display:none!important}

/* The generated-at line and archive note at the bottom of the page are hidden. */
footer:has(#generated){display:none!important}

/* Player header: one size for every player. The rank-chip row is pinned to the bottom, so
   headers without chips keep the same height; on small screens the content wraps freely. */
#player-header>.wrap{display:flex;flex-direction:column;min-height:217px}
#player-header .hero-layout{min-height:86px;flex:none}
#player-header #ranking-tags{margin-top:auto;padding-top:15px}
#player-header #ranking-tags:empty{display:block}

/* Wind cover (Pavan Shetty). Replaces the RCB crimson and lion crest; scene markup comes from tweaks.js. */
#player-header[data-profile][data-skin-cover=wind]{
  --wd-ink:#d7eef2;--wd-line:rgba(160,225,235,.55);--wd-cloud:rgba(190,230,240,.13);--wd-blade:#cfeaf0;--wd-leaf:#b7e34f;
  border-color:#2b6f86!important;border-top-color:#7fd9e8!important;
  background:radial-gradient(ellipse at 100% 8%,rgba(110,214,235,.3),transparent 62%),radial-gradient(ellipse at 0% 110%,rgba(183,227,79,.1),transparent 55%),linear-gradient(110deg,#07182a 18%,#0f3a52 100%)!important;
}
#player-header[data-skin-cover=wind]::before{display:none!important}
#player-header[data-profile][data-skin-cover=wind] :is(.attributes,#teams .chip,.topline>a){color:#b9dbe4!important}
#player-header[data-profile][data-skin-cover=wind] .rank-tag:not(.rank-first) .discipline-icon{color:#8fd3e2!important}
#player-header[data-profile][data-skin-cover=wind] #ranking-tags{border-top-color:rgba(160,225,235,.16)}
#player-header[data-skin-cover=wind] .fx-wind span{background:linear-gradient(90deg,transparent,#d7f4fa 60%,transparent);box-shadow:0 0 6px rgba(150,225,240,.4)}
.wd-scene{position:absolute;inset:0;z-index:0;overflow:hidden;pointer-events:none;border-radius:inherit}
.wd-scene>svg{position:absolute;right:0;top:0;height:100%;width:min(56%,520px)}
.wd-cloud path{fill:var(--wd-cloud)}
.wd-cloud-a{animation:wd-drift 26s linear infinite}
.wd-cloud-b{animation:wd-drift 34s linear infinite -14s}
.wd-gusts path{stroke:var(--wd-line);stroke-width:2.2;stroke-dasharray:240 520;animation:wd-gust 4.8s ease-in-out infinite}
.wd-gusts .g2{animation-delay:-1.7s;stroke-width:1.8}
.wd-gusts .g3{animation-delay:-3.1s;stroke-width:1.6}
.wd-tower{fill:#163b52;stroke:rgba(160,225,235,.35)}
.wd-hub{fill:#9fe0ec}
.wd-blades{transform-origin:408px 116px;animation:wd-spin 7s linear infinite}
.wd-blades path{fill:var(--wd-blade);fill-opacity:.78}
.wd-leaves{position:absolute;inset:0;overflow:hidden}
.wd-leaf{position:absolute;left:-30px;top:var(--y);width:calc(20px*var(--s));height:calc(16px*var(--s));fill:var(--wd-leaf);stroke:#0d2b1a;stroke-width:.6;opacity:0;animation:wd-leaf var(--t) ease-in-out infinite var(--d)}
@keyframes wd-spin{to{transform:rotate(360deg)}}
@keyframes wd-drift{from{transform:translateX(-30px)}to{transform:translateX(150px)}}
@keyframes wd-gust{0%{stroke-dashoffset:520;opacity:0}15%{opacity:1}70%{opacity:.85}100%{stroke-dashoffset:0;opacity:0}}
@keyframes wd-leaf{0%{transform:translate(0,0) rotate(0);opacity:0}8%{opacity:.95}25%{transform:translate(26vw,-14px) rotate(160deg)}50%{transform:translate(52vw,10px) rotate(340deg)}75%{transform:translate(80vw,-12px) rotate(520deg);opacity:.9}100%{transform:translate(108vw,6px) rotate(700deg);opacity:0}}
html[data-theme=light] #player-header[data-profile][data-skin-cover=wind]{
  --wd-ink:#0b3a4a;--wd-line:rgba(18,100,125,.5);--wd-cloud:rgba(255,255,255,.75);--wd-blade:#2d7f98;--wd-leaf:#6fa31d;
  border-color:#8ecbd8!important;border-top-color:#2c9bb5!important;
  background:radial-gradient(ellipse at 100% 8%,rgba(255,255,255,.7),transparent 62%),linear-gradient(110deg,#d8f1f7 18%,#a8dbe8 100%)!important;
}
html[data-theme=light] #player-header[data-profile][data-skin-cover=wind] :is(.attributes,#teams .chip,.topline>a){color:#24566a!important}
html[data-theme=light] #player-header[data-profile][data-skin-cover=wind] .rank-tag:not(.rank-first) .discipline-icon{color:#2c7f96!important}
html[data-theme=light] #player-header[data-skin-cover=wind] .fx-wind span{background:linear-gradient(90deg,transparent,#ffffff 60%,transparent);box-shadow:none}
html[data-theme=light] .wd-tower{fill:#7fbfd0;stroke:rgba(18,100,125,.35)}
html[data-theme=light] .wd-hub{fill:#1d6178}
@media (max-width:620px){.wd-scene>svg{width:100%;opacity:.55}}
@media (prefers-reduced-motion:reduce){.wd-cloud,.wd-gusts path,.wd-blades,.wd-leaf{animation:none}.wd-gusts path{stroke-dashoffset:300;opacity:.7}.wd-leaf{opacity:.8}}

/* Player names in the header: the same lime as the active pills. Champion names keep their gold; light mode uses a deeper green for contrast. */
#player-header h1#player-name:not(.champion-name){color:var(--skin-lime);text-shadow:none}
html[data-theme=light] #player-header h1#player-name:not(.champion-name){color:#3f7d0a;text-shadow:none}

/* Industry on all text. Unbounded stays as the fallback for glyphs the Industry test cut lacks (e.g. %). */
@font-face{font-family:"Industry";src:url("/apl/static/skin/fonts/IndustryTest-Book.otf");font-weight:100 349;font-display:swap}
/* Regular text uses the Medium cut: the Book cut is too thin to read at small sizes, especially on navy. */
@font-face{font-family:"Industry";src:url("/apl/static/skin/fonts/IndustryTest-Medium.otf");font-weight:350 599;font-display:swap}
@font-face{font-family:"Industry";src:url("/apl/static/skin/fonts/IndustryTest-Bold.otf");font-weight:600 799;font-display:swap}
@font-face{font-family:"Industry";src:url("/apl/static/skin/fonts/IndustryTest-Black.otf");font-weight:800 900;font-display:swap}
:root{--skin-display:"Industry","Unbounded","Arial Black",sans-serif}
html :is(body,body *):not(svg,svg *){font-family:var(--skin-display)!important}

/* Price details (base and sold price) are not shown in the stats site preview. */
.sheet-prices,.sheet-price{display:none!important}

/* The ratings card (Overall, expert and self ratings) is not shown in the preview. */
#sheet-ratings{display:none!important}

/* Baseball pitcher on a cricket pitch (Chirantan). Scene markup comes from tweaks.js; everything runs on one 3.2s loop. */
#player-header[data-profile][data-skin-cover=chuck]{
  --ck-skin:#d9a273;--ck-shirt:#f3f5fb;--ck-pants:#c3c9e0;--ck-hair:#1b1d30;--ck-pitch:#b89462;--ck-field:rgba(70,140,60,.35);--ck-line:rgba(255,255,255,.85);
  --ck-stump:#f3e3c0;--ck-ball:#e04f4f;--ck-gun:#0b1029;--ck-gun-text:#b7e34f;
  background:radial-gradient(ellipse at 82% 0%,rgba(255,244,214,.16),transparent 55%),linear-gradient(180deg,transparent 70%,rgba(80,140,60,.22)),linear-gradient(110deg,#080c24 20%,#131c42 100%)!important;
}
#player-header[data-skin-cover=chuck]::before,#player-header[data-skin-cover=chuck] :is(#role-cover,#overseas-cover){display:none!important}
.ck-scene{position:absolute;inset:0;z-index:0;overflow:hidden;pointer-events:none;border-radius:inherit}
.ck-scene>svg{position:absolute;right:0;bottom:0;height:100%;width:min(62%,600px);mask-image:linear-gradient(90deg,transparent,#000 16%)}
.ck-flood{fill:rgba(255,244,214,.06)}
.ck-field{fill:var(--ck-field)}
.ck-pitch{fill:var(--ck-pitch);opacity:.75}
.ck-crease{stroke:var(--ck-line);stroke-width:1.6}
.ck-stump{stroke:var(--ck-stump);stroke-width:3;stroke-linecap:round;transform-box:fill-box;transform-origin:50% 100%}
.ck-bail{stroke:var(--ck-stump);stroke-width:2.4;stroke-linecap:round;transform-box:fill-box;transform-origin:50% 50%}
.ck-bowler path{fill:none;stroke-linecap:round;stroke-linejoin:round}
.ck-leg path{stroke:var(--ck-pants);stroke-width:6}
.ck-shirt{fill:var(--ck-shirt)!important;stroke:none!important}
.ck-head{fill:var(--ck-skin)}
.ck-cap{fill:#1f2f6b!important;stroke:none!important}
.ck-glove{fill:#a8692c!important;stroke:#6e4318!important;stroke-width:1!important}
.ck-bowler .ck-stripe{stroke:rgba(31,47,107,.35);stroke-width:1}
.ck-bowler .ck-belt{stroke:#1f2f6b;stroke-width:2.4}
.ck-num{fill:#1f2f6b;font:800 11px/1 var(--skin-display);text-anchor:middle}
.ck-off path,.ck-upper>path,.ck-fore>path{stroke:var(--ck-skin);stroke-width:4.4}
.ck-held,.ck-ball{fill:var(--ck-ball)}
.ck-trail{fill:none;stroke:rgba(255,120,90,.75);stroke-width:2.4;stroke-linecap:round;stroke-dasharray:260;stroke-dashoffset:260;opacity:0}
.ck-gun rect{fill:var(--ck-gun);stroke:var(--ck-gun-text);stroke-width:1.2}
.ck-gun text{fill:var(--ck-gun-text);font:800 15px/1 var(--skin-display);letter-spacing:.06em;text-anchor:middle}
.ck-gun{opacity:0}
/* Set, leg-kick wind-up, stride and overhand throw, follow-through. */
.ck-runner{animation:ck-run 3.2s linear infinite}
.ck-bowler{animation:ck-lean 3.2s ease-in-out infinite}
.ck-leg{transform-box:view-box}
.ck-leg.back{transform-origin:0 -30px;animation:ck-stride-a 3.2s linear infinite}
.ck-leg.front{transform-origin:0 -30px;animation:ck-stride-b 3.2s linear infinite}
.ck-upper{transform-origin:0 -54px;animation:ck-arm 3.2s cubic-bezier(.5,0,.2,1) infinite}
.ck-fore{transform-origin:0 -36px;animation:ck-elbow 3.2s linear infinite}
.ck-off{transform-origin:0 -54px;animation:ck-off 3.2s ease-in-out infinite}
.ck-held{animation:ck-held 3.2s linear infinite}
.ck-ball{animation:ck-ball 3.2s linear infinite}
.ck-trail{animation:ck-trail 3.2s linear infinite}
.ck-stump.s1{animation:ck-s1 3.2s ease-out infinite}
.ck-stump.s2{animation:ck-s2 3.2s ease-out infinite}
.ck-stump.s3{animation:ck-s3 3.2s ease-out infinite}
.ck-bail.b1{animation:ck-b1 3.2s ease-out infinite}
.ck-bail.b2{animation:ck-b2 3.2s ease-out infinite}
.ck-gun{animation:ck-gun 3.2s ease-out infinite}
@keyframes ck-run{0%,30%{transform:translateX(104px)}46%{transform:translateX(108px)}54%,100%{transform:translateX(120px)}}
@keyframes ck-lean{0%,28%{transform:translate(40px,188px) rotate(0deg)}42%,46%{transform:translate(40px,188px) rotate(-16deg)}53%{transform:translate(40px,188px) rotate(14deg)}62%,84%{transform:translate(40px,188px) rotate(24deg)}100%{transform:translate(40px,188px) rotate(0deg)}}
@keyframes ck-stride-a{0%,44%{transform:rotate(6deg)}53%{transform:rotate(-38deg)}64%,86%{transform:rotate(-30deg)}100%{transform:rotate(6deg)}}
@keyframes ck-stride-b{0%,26%{transform:rotate(-6deg)}38%,44%{transform:rotate(-95deg)}53%{transform:rotate(40deg)}64%,86%{transform:rotate(34deg)}100%{transform:rotate(-6deg)}}
@keyframes ck-arm{0%,28%{transform:rotate(-30deg)}42%,46%{transform:rotate(110deg)}50%{transform:rotate(165deg)}53%{transform:rotate(215deg)}60%{transform:rotate(320deg)}84%{transform:rotate(330deg)}100%{transform:rotate(330deg)}}
@keyframes ck-elbow{0%,28%{transform:rotate(-120deg)}42%,46%{transform:rotate(-95deg)}50%{transform:rotate(-70deg)}53%,84%{transform:rotate(0deg)}100%{transform:rotate(-120deg)}}
@keyframes ck-off{0%,28%{transform:rotate(-70deg)}42%,46%{transform:rotate(-120deg)}53%{transform:rotate(-20deg)}62%,84%{transform:rotate(25deg)}100%{transform:rotate(-70deg)}}
@keyframes ck-held{0%,52.9%{opacity:1}53%,99%{opacity:0}100%{opacity:1}}
@keyframes ck-ball{0%,52.9%{transform:translate(170px,102px);opacity:0}53%{transform:translate(170px,102px);opacity:1}62%{transform:translate(422px,166px);opacity:1}68%{transform:translate(452px,150px);opacity:0}100%{transform:translate(452px,150px);opacity:0}}
@keyframes ck-trail{0%,52.9%{stroke-dashoffset:260;opacity:0}53%{stroke-dashoffset:260;opacity:1}62%{stroke-dashoffset:0;opacity:.9}70%,100%{stroke-dashoffset:0;opacity:0}}
@keyframes ck-s1{0%,61%{transform:rotate(0)}70%,92%{transform:rotate(-22deg)}100%{transform:rotate(0)}}
@keyframes ck-s2{0%,61%{transform:rotate(0)}74%,92%{transform:rotate(28deg) translateX(4px)}100%{transform:rotate(0)}}
@keyframes ck-s3{0%,61%{transform:rotate(0)}74%,92%{transform:rotate(48deg) translateX(6px)}100%{transform:rotate(0)}}
@keyframes ck-b1{0%,61%{transform:translate(0,0) rotate(0);opacity:1}78%{transform:translate(-14px,-46px) rotate(-220deg);opacity:1}92%{transform:translate(-22px,-30px) rotate(-400deg);opacity:0}100%{opacity:1;transform:none}}
@keyframes ck-b2{0%,61%{transform:translate(0,0) rotate(0);opacity:1}78%{transform:translate(22px,-52px) rotate(260deg);opacity:1}92%{transform:translate(34px,-34px) rotate(460deg);opacity:0}100%{opacity:1;transform:none}}
@keyframes ck-gun{0%,61%{opacity:0;transform:translateY(-6px)}65%,90%{opacity:1;transform:none}100%{opacity:0}}
html[data-theme=light] #player-header[data-profile][data-skin-cover=chuck]{
  --ck-shirt:#ffffff;--ck-pants:#aeb5cf;--ck-pitch:#c9a46a;--ck-field:rgba(106,168,31,.3);--ck-line:#ffffff;--ck-stump:#a8782c;--ck-gun:#ffffff;--ck-gun-text:#3f7d0a;
  background:radial-gradient(ellipse at 82% 0%,rgba(255,255,255,.8),transparent 55%),linear-gradient(180deg,transparent 70%,rgba(106,168,31,.18)),linear-gradient(110deg,#f3f6fd 20%,#e1e8f6 100%)!important;
}
@media (max-width:620px){.ck-scene>svg{width:100%;opacity:.5}}

/* Readability: secondary text a step closer to the main text colour (same hue) in both themes. */
html[data-theme=dark],html:not([data-theme]){--muted:#b4bcdb}
html:root[data-theme=light]{--muted:#4c5375}
/* Aryabhata points into the Milky Way and a zero forms at his fingertip (A Nil). Markup comes from tweaks.js; one 8s loop. */
#player-header[data-profile][data-skin-cover=zero]{
  --ab-skin:#c98a5a;--ab-skin-dk:#9c6440;--ab-hair:#16121c;--ab-cloth:#efe9da;--ab-fold:rgba(120,104,80,.35);--ab-bead:#3a2016;--ab-gold:#f2cf73;--ab-star:#f3f5fb;
  background:linear-gradient(110deg,#05071a 20%,#0d1236 60%,#151b48 100%)!important;
}
#player-header[data-skin-cover=zero]::before,#player-header[data-skin-cover=zero] :is(#role-cover,#overseas-cover){display:none!important}
.ab-scene{position:absolute;inset:0;z-index:0;overflow:hidden;pointer-events:none;border-radius:inherit}
.ab-sky{position:absolute;inset:-20% -10%;background:radial-gradient(ellipse 40% 12% at 72% 34%,rgba(255,232,200,.22),transparent 70%),radial-gradient(ellipse 30% 9% at 86% 18%,rgba(220,200,255,.18),transparent 70%),linear-gradient(162deg,transparent 30%,rgba(140,130,220,.14) 40%,rgba(255,236,214,.26) 48%,rgba(210,190,255,.18) 54%,rgba(110,120,220,.10) 62%,transparent 72%);-webkit-mask-image:linear-gradient(90deg,transparent 20%,#000 55%);mask-image:linear-gradient(90deg,transparent 20%,#000 55%);animation:ab-drift 24s ease-in-out infinite alternate}
.ab-scene>svg{position:absolute;right:0;bottom:0;height:100%;width:min(66%,640px)}
.ab-star{fill:var(--ab-star);animation:ab-twinkle 3.2s ease-in-out infinite;animation-delay:var(--d)}
.ab-hair{fill:var(--ab-hair)}
.ab-body,.ab-neck,.ab-head,.ab-ear,.ab-skin{fill:var(--ab-skin)}
.ab-shade,.ab-nose,.ab-knuckle{fill:none;stroke:var(--ab-skin-dk);stroke-width:1.4;stroke-linecap:round}
.ab-brow{fill:none;stroke:var(--ab-hair);stroke-width:2;stroke-linecap:round}
.ab-eye{fill:#f6efe6}.ab-iris{fill:#2a1a12}
.ab-mouth{fill:none;stroke:#7a3b2b;stroke-width:1.6;stroke-linecap:round}
.ab-tilak{fill:none;stroke:#d8363a;stroke-width:1.8;stroke-linecap:round}
.ab-cloth{fill:var(--ab-cloth)}.ab-fold{fill:none;stroke:var(--ab-fold);stroke-width:1.4;stroke-linecap:round}
.ab-beads circle,.ab-bracelet circle{fill:var(--ab-bead);stroke:rgba(255,255,255,.18);stroke-width:.5}
.ab-arm{animation:ab-raise 8s ease-in-out infinite}
.ab-glint{fill:#fff;opacity:0;filter:drop-shadow(0 0 4px var(--ab-gold));animation:ab-glint 8s ease-out infinite}
.ab-ring{fill:none;stroke:var(--ab-gold);stroke-width:4;stroke-linecap:round;stroke-dasharray:82;stroke-dashoffset:82;opacity:0;filter:drop-shadow(0 0 5px rgba(242,207,115,.8));animation:ab-ring 8s ease-in-out infinite}
.ab-ripple{fill:none;stroke:var(--ab-gold);stroke-width:1.2;opacity:0;transform-box:fill-box;transform-origin:center;animation:ab-ripple 8s ease-out infinite}
.ab-ripple.r2{animation-delay:.7s}
@keyframes ab-drift{to{transform:translate(-4%,2%)}}
@keyframes ab-twinkle{0%,100%{opacity:.2}50%{opacity:.95}}
@keyframes ab-raise{0%,100%{transform:translateY(0)}20%,80%{transform:translateY(-2px)}}
@keyframes ab-glint{0%,14%{opacity:0;transform:none}20%{opacity:1}28%,100%{opacity:0}}
@keyframes ab-ring{0%,22%{opacity:0;stroke-dashoffset:82}26%{opacity:1;stroke-dashoffset:82}40%,86%{opacity:1;stroke-dashoffset:0}94%,100%{opacity:0;stroke-dashoffset:0}}
@keyframes ab-ripple{0%,40%{opacity:0;transform:scale(1)}44%{opacity:.8;transform:scale(1)}70%,100%{opacity:0;transform:scale(2.4)}}
html[data-theme=light] #player-header[data-profile][data-skin-cover=zero]{
  --ab-star:#2b3266;--ab-gold:#c48a12;
  background:linear-gradient(110deg,#f6f7fd 20%,#e4e6f8 60%,#d6d9f2 100%)!important;
}
html[data-theme=light] .ab-sky{background:linear-gradient(162deg,transparent 30%,rgba(120,110,200,.10) 42%,rgba(200,170,90,.14) 50%,rgba(120,110,200,.10) 58%,transparent 70%)}
@media (max-width:620px){.ab-scene>svg{width:100%;opacity:.5}}
@media (prefers-reduced-motion:reduce){.ab-sky,.ab-star,.ab-arm,.ab-glint,.ab-ripple{animation:none}.ab-ring{animation:none;opacity:1;stroke-dashoffset:0}}

/* Player header photo opens full size (tweaks.js). */
#player-photo:has(.player-avatar[data-skin-preview]){cursor:zoom-in}
#player-photo .player-avatar[data-skin-preview]:focus-visible{outline:2px solid var(--focus);outline-offset:3px}
.skin-photo-preview{padding:0;border:2px solid var(--skin-lime);background:var(--skin-navy);max-width:min(92vw,640px);max-height:88vh;overflow:visible}
.skin-photo-preview::backdrop{background:rgba(3,4,11,.82);backdrop-filter:blur(4px)}
.skin-photo-preview img{display:block;width:auto;height:auto;max-width:calc(min(92vw,640px) - 4px);max-height:calc(88vh - 4px);object-fit:contain}
.skin-photo-close{position:absolute;top:-14px;right:-14px;display:grid;place-items:center;width:36px;height:36px;padding:0;border:0;border-radius:50%;corner-shape:round;background:var(--skin-lime);color:var(--skin-navy);cursor:pointer}
.skin-photo-close:focus-visible{outline:2px solid #fff;outline-offset:2px}
