:root{--navy:#03182b;--ink:#03182b;--blue:#0062ff;--cyan:#00caff;--white:#f7fbff;--body:"Barlow",Arial,sans-serif;--display:"Barlow Condensed","Arial Narrow",sans-serif;--zcyan:#00cfff;--muted:#9fb0c2;--chalk:#f7fbff;--lime:#0062ff}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;background:var(--white);color:var(--ink);font-family:var(--body);font-size:16px}img{display:block;max-width:100%}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}a,button{touch-action:manipulation}a:focus-visible,button:focus-visible{outline:3px solid var(--cyan);outline-offset:5px}h1,h2,h3{font-family:var(--display);margin:0;font-weight:700;letter-spacing:-.025em;line-height:1.03}h2{font-size:var(--ds-title);}h3{font-size:var(--ds-card);}h1 em,h2 em{font-style:normal;color:var(--blue)}p{line-height:1.55;margin:16px 0;}ul{padding:0;list-style:none}button{border-radius:5px}.eyebrow{font-size:var(--ds-eyebrow);line-height:1.25;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--blue);margin:0 0 16px;}.button{display:inline-flex;align-items:center;justify-content:center;gap:20px;min-height:48px;padding:13px 22px;border:1px solid var(--blue);border-radius:5px;background:var(--blue);color:#fff;font:600 18px/1.2 var(--display);transition:background .2s,transform .2s;position:relative;z-index:8}.button:hover{background:#004ac4;transform:translateY(-2px)}.button.outline,.button.outline-blue{background:transparent}.button.outline{border-color:#72c5ff80}.button.outline-blue{color:var(--blue);border-color:#0062ff80}.button.outline-blue:hover{background:#e7f0ff}.button.compact{font-size:16px;min-height:44px;padding:11px 18px}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:24px}.skip{position:fixed;top:-100px;left:20px;background:white;padding:14px;z-index:100}.skip:focus{top:12px}.header{position:absolute;inset:0 0 auto;z-index:20;display:flex;align-items:center;justify-content:space-between;gap:26px;color:white;padding:22px 5%}.logo{display:block;width:165px;flex-shrink:0}.logo img{width:100%;height:auto}.header nav,.header-actions{display:flex;align-items:center;gap:24px}.header nav a{font-size:15px;font-weight:600}.header nav a:hover{color:var(--cyan)}.header-actions{gap:15px}.menu-toggle{width:42px;height:42px;background:#03182b88;border:1px solid #f7fbff40;display:flex;flex-direction:column;gap:6px;justify-content:center;align-items:center}.menu-toggle span{width:18px;height:1px;background:white}.hero{height:100svh;min-height:620px;position:relative;color:white;background:#02101f}.hero-sticky{position:relative;height:100%;overflow:hidden;isolation:isolate}.hero-art{position:absolute;inset:0}.hero-art img{width:100%;height:100%;object-fit:cover;object-position:65% 50%}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,#02101f50,transparent 54%),linear-gradient(0deg,#02101f7a,transparent 18%)}.hero-copy{position:relative;z-index:3;width:49%;max-width:790px;padding:clamp(125px,17svh,180px) 0 65px 5%}.hero .eyebrow{color:#99daff;text-transform:none;letter-spacing:.14em;font-size:var(--ds-eyebrow);}h1{font-size:var(--ds-hero);}h1 em{color:#00b7ff}.hero-lede{font-size:var(--ds-lead);max-width:500px;color:#e7f0ff;margin:22px 0;}.hero-hint{position:absolute;bottom:24px;left:5%;display:flex;align-items:center;gap:15px;color:#b4cce6;font-size:12px;letter-spacing:.14em;text-transform:uppercase}.scroll-line{height:28px;width:1px;background:var(--cyan)}.motion-control{position:fixed;right:18px;bottom:18px;z-index:40;padding:10px 14px;background:#03182bea;backdrop-filter:blur(8px);color:white;border:1px solid #5d7e98;font-size:13px}.section{position:relative;padding:var(--section-y) 5%;overflow:hidden;isolation:isolate}.light{background:#f7fbff}.dark{background:var(--navy);color:#f7fbff}.dark .eyebrow,.dark h2 em{color:var(--cyan)}.section-copy{position:relative;z-index:3;min-width:0}.section-copy>p:not(.eyebrow){font-size:var(--ds-eyebrow);color:#334760;}.dark .section-copy>p:not(.eyebrow){color:#cfe0f3}.photo-crop{position:relative;aspect-ratio:var(--crop-ratio);overflow:hidden;isolation:isolate}.photo-crop>img{position:absolute;width:var(--crop-width);max-width:none;height:auto;left:var(--crop-left);top:var(--crop-top)}.icon{width:32px;height:32px;flex-shrink:0;color:var(--blue)}
/* Change 1: exact approved player, independent live phone and copy. */
.record{display:grid;grid-template-columns:44% 56%;align-items:center;min-height:min(790px,94svh);padding-right:3%;gap:0}.record .section-copy{padding-right:28px}.record h2{font-size:var(--ds-title);}.record-art{position:relative;height:clamp(440px,70svh,720px);min-width:0}.record-player{position:absolute;bottom:-6svh;left:0;width:59%;mask-image:linear-gradient(90deg,transparent,#000 4%,#000 96%,transparent)}.phone{position:absolute;width:43%;max-width:285px;right:1%;top:5%;padding:7px;border-radius:36px;background:linear-gradient(110deg,#aeb4bf,#111822 7%,#1b2b36 94%,#c9d5e1);transform:rotate(6deg);box-shadow:15px 20px 30px #03182b25}.phone-screen{border-radius:29px;background:#fff;padding:35px 16px 13px;overflow:hidden}.phone-camera{position:absolute;width:70px;height:18px;top:13px;left:50%;transform:translateX(-50%);border-radius:30px;background:#050a11}.phone-top{display:flex;justify-content:space-between;font-size:12px;color:#0051d5;margin-bottom:18px}.identity{display:flex;gap:9px;align-items:center;margin-bottom:18px}.avatar{display:grid;place-items:center;background:#e7f0ff;color:#0062ff;border-radius:50%;width:35px;height:35px;font-size:14px}.identity strong{display:block;font:700 24px var(--display)}.identity div>span{font-size:12px;color:#5c6f87}.index-score{position:relative;padding:12px;border:1px solid #d8edff;border-radius:8px;background:#edf6ff}.index-score>span{display:block;font-size:13px}.index-score>strong{display:block;font:700 58px/1.1 var(--display);color:#0653c9}.index-score small{font-size:12px;color:#148166}.bars{position:absolute;bottom:35px;right:13px;display:flex;gap:5px;align-items:end;height:50px}.bars i{width:7px;height:35%;background:#64a8ff}.bars i:nth-child(2){height:50%}.bars i:nth-child(3){height:40%}.bars i:nth-child(4){height:62%}.bars i:nth-child(5){height:76%}.bars i:nth-child(6){height:90%}.bars i:nth-child(7){height:100%}.phone-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:5px;margin:20px 0}.phone-stats strong{display:block;font:700 26px var(--display);color:#004aa5}.phone-stats span{font-size:12px;color:#5c6f87}.rank{display:flex;gap:10px;justify-content:space-between;border-top:1px solid #e7f0ff;padding:12px 0;font-size:12px}.rank>span:first-child{color:#0062ff}.phone-link{display:block;background:#e7f0ff;text-align:center;padding:10px;font-size:13px;color:#0653c9;border-radius:4px}.phone-nav{display:flex;justify-content:space-between;font-size:12px;margin-top:14px;color:#5c6f87}.phone-nav span:first-child{color:#0062ff}.art-caption{position:absolute;right:0;bottom:-15px;font-size:12px;color:#4a688c;text-align:right;max-width:280px}
/* Change 9: independent ecosystem modules. */
.ecosystem{padding-top:45px;padding-bottom:45px}.ecosystem-lead{display:flex;align-items:center;gap:30px;position:relative;background:linear-gradient(115deg,#00142c,#0a2341);color:#fff;border-radius:6px;margin:26px 0;padding:25px 30px;overflow:hidden}.ecosystem-lead:after{content:"";position:absolute;inset:-50% 8% -50% auto;width:70px;transform:rotate(38deg);background:#0062ff;box-shadow:60px 0 #072f5f,120px 0 #06264a;opacity:.8}.ecosystem-lead>div{position:relative;z-index:1}.outline-number{font:800 130px/.95 var(--display);-webkit-text-stroke:1px #168ddb;color:transparent}.ecosystem-lead h3{font-size:var(--ds-card);}.ecosystem-lead p{font-size:var(--ds-copy);color:#b4cce6;margin:9px 0;}.ui-profile{display:flex;align-items:center;gap:20px;border:1px solid #7cb9e8;border-radius:10px;padding:20px}.ui-profile>.icon{width:60px;height:70px;color:inherit}.ui-profile>div{display:grid;gap:12px;min-width:65px}.ui-profile i{height:7px;background:#6da5d2}.ui-profile i:first-child{width:55%;background:#0062ff}.ui-profile i:last-child{width:70%}.ecosystem-lead>.ui-profile{max-width:190px;color:white}.ecosystem-lead .metric-bars{width:100px;height:45px;margin-top:14px}.metric-bars{display:flex;gap:7px;align-items:flex-end;height:85px}.metric-bars i{height:var(--level);flex:1;background:linear-gradient(#00caff,#0062ff);transform-origin:bottom}.ecosystem-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:0}.ecosystem-feature{position:relative;padding:15px 24px 0;border-right:1px solid #a5c1e6}.ecosystem-feature:first-child{padding-left:0}.ecosystem-feature:last-child{border:0}.feature-number{position:absolute;font:700 25px var(--display);color:var(--blue)}.feature-symbol{display:block;width:88px;height:88px;margin:0 auto 20px;color:#06264a}.ecosystem-feature h3{font-size:var(--ds-card);}.ecosystem-feature p{font-size:1rem;line-height:1.5;color:#4a688c;margin:10px 0 0;}
/* Change 2 */
.gap{min-height:min(700px,90svh);display:flex;align-items:center}.gap-photo{position:absolute;width:62%;right:0;top:0;height:100%;aspect-ratio:auto;z-index:-2}.gap-photo>img{width:auto;height:100%;left:auto;right:0;top:0}.gap:after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#03182b 0%,#03182b 36%,#03182ba8 43%,transparent 64%)}.gap .section-copy{max-width:43%}.gap h2{font-size:var(--ds-title);}
/* Change 10: four animated UI stages */
.how h2{font-size:var(--ds-title);}.steps-track{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-top:28px;position:relative}.steps-progress{display:none}.step{min-width:0}.step-visual{height:clamp(210px,31svh,335px);padding:20px;background:linear-gradient(120deg,#0a2341,#03182b);border-radius:10px;color:#fff;position:relative;overflow:hidden}.step:nth-of-type(even) .step-visual{background:linear-gradient(130deg,#e7f0ff,#d8edff);color:#06264a;border:1px solid #8ab8ee}.step-number{font:700 48px/1 var(--display);display:block;margin-bottom:20px}.step-visual .ui-profile{padding:15px;gap:12px}.step-visual .ui-profile>.icon{width:48px}.step-visual .ui-profile>div{min-width:0;flex:1}.ui-bracket{display:grid;grid-template-columns:1fr;justify-items:center}.ui-bracket>.icon{width:55px;height:55px;color:inherit}.bracket-lines{width:65%;height:35px;border:1px solid currentColor;border-top:0;position:relative}.bracket-lines:after{content:"";position:absolute;left:50%;top:0;height:55px;border-left:1px solid currentColor}.ui-bracket>.icon:last-child{margin-top:18px;width:40px;height:40px}.ui-score>span,.ui-ranking>span{font-size:12px;letter-spacing:.12em;display:block;margin-bottom:10px}.score-grid{display:grid;grid-template-columns:1fr 2fr 1fr 1fr;border-top:1px solid #426a99;border-left:1px solid #426a99;margin-bottom:16px}.score-grid>*{border-right:1px solid #426a99;border-bottom:1px solid #426a99;min-height:17px;font-size:10px;padding:3px}.score-grid>i:after{content:"";display:block;margin:3px 0;background:#4a688c;width:55%;height:3px}.ui-score .metric-bars{height:35px}.ui-ranking{position:relative}.ui-ranking>div{display:flex;align-items:center;gap:13px;margin:12px 0;width:70%;font-size:13px}.ui-ranking i{display:block;background:#007fff;width:var(--level);height:8px;transform-origin:left}.ui-ranking>.icon{position:absolute;right:0;bottom:5px;width:42px;height:55px}.step-connector{height:24px;position:relative;border-bottom:2px solid #0062ff;margin-bottom:24px}.step-connector i{position:absolute;width:14px;height:14px;background:#0062ff;border:3px solid white;outline:2px solid #0062ff;border-radius:50%;bottom:-8px;left:50%}.step h3{font-size:var(--ds-card);line-height:1.15;}.step p{font-size:1rem;line-height:1.5;margin-bottom:0;}
/* Change 11 */
.players>.section-copy{text-align:center;max-width:1100px;margin:0 auto 25px}.players>.section-copy h2 br{display:none}.players>.section-copy p:not(.eyebrow){max-width:1040px;margin-inline:auto}.players-body{display:grid;grid-template-columns:61% 39%;align-items:center;gap:28px}.players-photo{border-radius:9px}.player-features{margin:0;padding-right:28px}.player-features li{display:flex;align-items:center;gap:16px;border-bottom:1px solid #d7e4ee;padding:12px 0;font-size:16px;line-height:1.35}.player-features li:last-child{border-bottom:0}.player-features .icon{width:29px;height:29px}.journey{display:flex;align-items:center;justify-content:space-between;gap:25px;background:#0a2341;color:white;border-radius:8px;padding:20px 26px;margin-top:22px}.journey>div{flex:1}.journey .eyebrow{color:#aad7ff;font-size:var(--ds-eyebrow);margin-bottom:12px;}.journey-path{display:flex;justify-content:space-between;gap:12px;position:relative}.journey-path:before{content:"";position:absolute;left:8%;right:8%;height:1px;top:17px;background:#00cfff;transform-origin:left}.journey-path>span{display:flex;flex-direction:column;align-items:center;gap:8px;position:relative;min-width:0;text-align:center}.journey-path .icon{background:#0a2341;color:white;width:38px;height:34px;padding-inline:4px}.journey-path b{font-weight:600;font-size:14px}.journey p:last-child{font-size:13px;color:#b4cce6;margin:13px 0 0}.journey>.button{font-size:16px;max-width:270px}
/* Existing championship and sponsor content, fitted to the editorial rhythm. */
.championships,.sponsors{min-height:min(740px,95svh);display:flex;align-items:center}.stadium-art,.sponsor-art{position:absolute;inset:0;z-index:-2}.stadium-art img,.sponsor-art img{width:100%;height:100%;object-fit:cover;object-position:75% center}.championships:after,.sponsors:after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#031a36fa,#031a36eb 35%,#031a3666 65%,transparent)}.championships .section-copy{max-width:58%}.championship-list{margin:22px 0}.championship-list article{display:grid;grid-template-columns:37% 1fr;gap:20px;border-top:1px solid #7cb9e840;padding:14px 0}.championship-list article>div>span{font-size:13px;color:#42c9ff;display:block;margin-bottom:7px}.championship-list h3{font-size:var(--ds-card);}.championship-list p{font-size:var(--ds-copy);color:#cfe0f3;margin:0;line-height:1.55;}.championships .button{font-size:16px}.sponsors .section-copy{max-width:52%}.sponsor-features{margin:18px 0}.sponsor-features li{padding:6px 0 6px 22px;position:relative;font-size:16px}.sponsor-features li:before{content:"+";position:absolute;left:0;color:var(--cyan)}
/* Change 4 */
.clubs{display:grid;grid-template-columns:45% 55%;padding:0;align-items:center}.clubs .section-copy{padding:40px 0 35px 11%}.clubs-photo{align-self:stretch;aspect-ratio:auto;height:100%;min-height:440px;mask-image:linear-gradient(90deg,transparent,#000 10%)}.clubs-photo>img{width:auto;height:100%;top:0;left:auto;right:0}.club-types{display:flex;gap:13px;flex-wrap:wrap;margin:22px 0}.club-types li{font-size:14px;padding-right:13px;border-right:1px solid #a2bfda}.club-types li:last-child{border:0}.club-types br{display:none}.competition-ladder{grid-column:1/-1;background:linear-gradient(110deg,#00142c,#06264a);color:white;padding:24px 5% 20px}.competition-ladder .eyebrow{color:#00d5ff;font-size:var(--ds-eyebrow);}.ladder-stages{display:grid;grid-template-columns:repeat(4,1fr);gap:28px}.ladder-stages article{text-align:center;position:relative;padding-top:16px}.tier-platform{height:calc(12px + var(--stage)*7px);margin:calc(22px - var(--stage)*7px) auto 14px;width:60%;border:1px solid #0098ff;background:linear-gradient(#104e90,#00142c);box-shadow:0 -2px 10px #008cff66;transform:perspective(300px) rotateX(10deg);position:relative}.tier-platform:before{content:"";position:absolute;left:48%;top:-4px;width:7px;height:7px;border-radius:50%;background:#d6fbff;box-shadow:0 0 14px 3px #00cfff}.ladder-stages h3{font-size:var(--ds-card);}.ladder-stages article>span{font-size:12px;letter-spacing:.2em;text-transform:uppercase;color:#00d5f8;display:block;margin-top:8px}.ladder-stages p{font-size:var(--ds-copy);line-height:1.55;max-width:260px;margin:10px auto;}.ladder-note{text-align:center;color:#b4cce6;font-size:14px;margin:14px 0 0}
/* Change 5 */
.entrances{background:#fff}.entrances>.section-copy{display:grid;grid-template-columns:1fr 1fr;gap:55px;align-items:center;margin-bottom:27px}.entrance-heading h2{font-size:var(--ds-title);}.entrance-heading h3{font-size:var(--ds-card);margin-top:12px;}.entrance-intro p{font-size:var(--ds-copy);line-height:1.55;margin:0;}.entrance-intro .actions{margin-top:17px}.entrance-cards{display:grid;grid-template-columns:repeat(5,1fr);gap:13px}.entrance-card{display:block;background:#0b1f38;border-radius:7px;overflow:hidden;color:#fff;border-bottom:3px solid #00bfff;transition:transform .3s,box-shadow .3s}.entrance-card .photo-crop{aspect-ratio:312/330}.entrance-card .photo-crop>img{top:calc(var(--crop-top)*397/330)}.entrance-card:hover{transform:translateY(-7px);box-shadow:0 15px 25px #06264a24}.entrance-card-copy{padding:17px 17px 20px}.card-number{display:flex;justify-content:space-between;color:#00caff;font:700 24px var(--display)}.card-number b{color:white;font-weight:400}.entrance-card h3{font-size:var(--ds-card);margin:10px 0;}.entrance-card p{font-size:1rem;color:#acd7ee;line-height:1.5;margin:0;}.entrance-card:hover .card-number b{transform:translate(3px,-3px)}
/* Change 6: the empty crease and separately rendered wicket. */
.finale{min-height:min(660px,85svh);display:flex;align-items:center;background:#031a36}.finale>.section-copy{width:48%;max-width:660px}.finale h2{font-size:var(--ds-title);}.finale-scene{position:absolute;inset:0 0 0 45%;z-index:-2}.finale-photo{height:100%;width:100%;aspect-ratio:auto}.finale-photo>img{height:114%;width:auto;right:0;left:auto;top:0}.finale:after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#031a36 20%,#031a36eb 43%,transparent 68%)}.replay-wicket{position:absolute;right:5%;bottom:30px;z-index:9;background:#031a36aa;border:1px solid #6d8ca9;color:white;padding:11px 15px;visibility:hidden}.scene-ready .replay-wicket{visibility:visible}
.menu-dialog{inset:0;background:#03182bf7;color:white;width:min(820px,94%);max-height:90svh;border:1px solid #416b94;border-radius:12px;padding:30px}.menu-dialog::backdrop{background:#02101faa;backdrop-filter:blur(7px)}.menu-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px}.menu-head img{width:155px;height:auto}.menu-close{background:transparent;color:#fff;border:1px solid #749dc5;padding:10px 16px}.menu-dialog nav{display:grid;grid-template-columns:1fr 1fr;gap:5px 30px}.menu-dialog nav a{font:600 26px var(--display);padding:12px 0;border-bottom:1px solid #5781a555}.menu-dialog nav a:hover{color:#00cfff}.page-progress{position:fixed;inset:0 auto auto 0;width:100%;height:2px;background:linear-gradient(90deg,#0062ff,#00d5ff);transform-origin:left;z-index:50;pointer-events:none}#cricket-overlay{position:fixed;inset:0;z-index:6;pointer-events:none;overflow:hidden}#cricket-overlay canvas{width:100%;height:100%;display:block}.reveal{opacity:1;transform:none}.motion-enabled .reveal:not(.is-visible){opacity:0;transform:translateY(15px)}.reveal{transition:opacity .6s,transform .7s}.in-view .metric-bars i{animation:bars-grow .9s var(--delay,0s) both}.in-view .ui-profile i{animation:line-grow .8s both;transform-origin:left}.in-view .bracket-lines{animation:trace-bracket 1.3s both}.in-view .ui-ranking i{animation:line-grow 1.2s both}.in-view .score-grid i{animation:fade-in 1s both}.in-view .journey-path:before{animation:line-grow 1.6s both}.in-view .tier-platform{animation:tier-rise .9s calc(var(--stage)*.16s) both}.in-view .feature-symbol{animation:icon-enter .75s both}.in-view .bars i{animation:bars-grow 1s both;transform-origin:bottom}.arrival-ready .hero-copy{animation:fade-in .7s both}@keyframes bars-grow{from{transform:scaleY(.05)}to{transform:scaleY(1)}}@keyframes line-grow{from{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes fade-in{from{opacity:0}to{opacity:1}}@keyframes trace-bracket{from{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0)}}@keyframes tier-rise{from{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}@keyframes icon-enter{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}

/* Original live footer. */
  footer:not([data-zinga-footer]) {
    position: relative;
    background: linear-gradient(180deg, #02101f 0%, #050a11 100%);
    padding: 92px 40px 40px;
    border-top: 1px solid rgba(21, 101, 255, 0.18);
  }

  footer:not([data-zinga-footer])::before {
    content: "";
    position: absolute;
    top: -1px;
    left: 0;
    right: 0;
    height: 1px;
    background: linear-gradient(90deg, transparent 0%, rgba(0, 207, 255, 0.55) 50%, transparent 100%);
  }

  .footer-inner {
    max-width: 1200px;
    margin: 0 auto;
  }

  .footer-top {
    display: grid;
    grid-template-columns: 1.6fr 1fr 1fr 1fr;
    gap: 56px;
    margin-bottom: 16px;
    align-items: start;
  }

  .footer-brand h3 {
    font-family:var(--ds-display);
    font-size:var(--ds-card);
    font-weight:400;
    color: var(--chalk);
    margin-bottom: 12px;
  }

  .footer-brand h3 span {
    color: var(--lime);
  }

  .footer-brand p {
    font-family:var(--ds-body);
    font-size:var(--ds-copy);
    line-height:1.55;
    color: #9fb0c2;
    max-width: 300px;
    margin-bottom: 26px;
  }

  .footer-col h5 {
    font-family: var(--body);
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 0.22em;
    text-transform: uppercase;
    color: var(--zcyan);
    margin-bottom: 18px;
  }

  .footer-col ul {
    list-style: none;
  }

  .footer-col ul li {
    margin-bottom: 13px;
  }

  .footer-col ul li a {
    font-family: "Barlow", sans-serif;
    font-size: 15px;
    font-weight: 500;
    color: #9fb0c2;
    text-decoration: none;
    position: relative;
    display: inline-block;
    transition: color 0.25s ease, transform 0.25s cubic-bezier(0.16, 1, 0.3, 1);
  }

  .footer-col ul li a::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: -3px;
    height: 1.5px;
    width: 100%;
    background: var(--zcyan);
    transform: scaleX(0);
    transform-origin: left center;
    transition: transform 0.32s cubic-bezier(0.16, 1, 0.3, 1);
  }

  .footer-col ul li a:hover {
    color: var(--zcyan);
    transform: translateX(6px);
  }

  .footer-col ul li a:hover::after {
    transform: scaleX(1);
  }

  .footer-col ul li a:focus-visible {
    color: var(--zcyan);
    outline: none;
  }

  .footer-col ul li a:focus-visible::after {
    transform: scaleX(1);
  }

  .footer-bottom {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 16px;
    padding-top: 28px;
    border-top: 1px solid rgba(255, 255, 255, 0.07);
  }

  .footer-bottom p {
    font-family:var(--ds-body);
    font-size:var(--ds-copy);
    letter-spacing:0;
    color: var(--muted);
  }

  .footer-tagline {
    font-family: "Barlow Condensed", sans-serif;
    font-size: 15px;
    font-weight: 700;
    color: rgba(0, 207, 255, 0.55);
    letter-spacing: 0.14em;
    text-transform: uppercase;
  }

  /* Footer Big Typography Logo with Staggered Roll Hover Effect */
  .footer-big-text {
    text-align: right;
    margin-top: 10px;
    margin-bottom: 0;
    padding-top: 0;
    border-top: none;
    user-select: none;
    overflow: hidden;
    line-height: 0;
    /* line-height 0 + the tight .72em clip window below remove the blank
       band the font's built-in leading used to add around the glyphs */
  }

  .zinga-reveal {
    display: inline-block;
    position: relative;
    overflow: hidden;
    text-decoration: none;
    font-family: "Barlow Condensed", sans-serif;
    font-size: clamp(60px, 15.5vw, 210px);
    font-weight: 900;
    font-style: italic;
    /* match Zinga logo */
    text-transform: uppercase;
    letter-spacing: -0.05em;
    /* tighter spacing to match Zinga logo */
    line-height: 0.8;
    color: rgba(255, 255, 255, 0.08);
    /* subtle dark grey watermark */
    cursor: pointer;
    transition: color 0.35s ease;
    white-space: nowrap;
    /* prevent character wrapping inside the line-height box */
  }

  .zinga-reveal:hover {
    color: var(--zcyan);
  }

  .zinga-reveal-inner {
    display: inline-flex;
    overflow: hidden;
    position: relative;
    height: 1em;
  }

  .zinga-reveal-char {
    display: inline-block;
    position: relative;
    will-change: transform;
    text-shadow: 0 1em currentColor;
    transition: transform 380ms cubic-bezier(0.16, 1, 0.3, 1);
  }

  .zinga-reveal:hover .zinga-reveal-char {
    transform: translateY(-1em);
  }

  /* ══════════ FOOTER REDESIGN: marquee ribbon, aurora glow, socials,
     back-to-top, animated border sweep ══════════ */

  footer:not([data-zinga-footer]) {
    overflow: hidden;
    background:
      radial-gradient(ellipse 70% 45% at 85% 6%, rgba(0, 207, 255, 0.05), transparent 60%),
      linear-gradient(180deg, #02101f 0%, #000000 100%);
  }

  /* the top hairline becomes a slow ember→cyan→gold light sweep */
  footer:not([data-zinga-footer])::before {
    height: 2px;
    background: linear-gradient(90deg,
        transparent 15%, rgba(255, 76, 26, 0.75) 35%,
        rgba(0, 207, 255, 0.95) 50%, rgba(232, 184, 75, 0.75) 65%, transparent 85%);
    background-size: 220% 100%;
    animation: footer-line-sweep 6s linear infinite;
  }

  @keyframes footer-line-sweep {
    0% {
      background-position: 130% 0;
    }

    100% {
      background-position: -130% 0;
    }
  }

  /* drifting aurora orbs behind the content */
  .footer-glow {
    position: absolute;
    inset: -10% 0;
    pointer-events: none;
    z-index: 0;
    background:
      radial-gradient(circle 340px at 12% 78%, rgba(0, 207, 255, 0.10), transparent 70%),
      radial-gradient(circle 300px at 88% 22%, rgba(255, 76, 26, 0.09), transparent 70%),
      radial-gradient(circle 260px at 55% 95%, rgba(232, 184, 75, 0.06), transparent 70%);
    filter: blur(8px);
    animation: footer-aurora 16s ease-in-out infinite alternate;
  }

  @keyframes footer-aurora {
    0% {
      transform: translate3d(0, 0, 0) scale(1);
      opacity: 0.85;
    }

    50% {
      transform: translate3d(2%, -2%, 0) scale(1.06);
      opacity: 1;
    }

    100% {
      transform: translate3d(-2%, 1.5%, 0) scale(1.02);
      opacity: 0.9;
    }
  }

  .footer-inner {
    position: relative;
    z-index: 1;
  }

  /* scrolling chant ribbon above the footer */
  .footer-marquee {
    position: relative;
    z-index: 3;
    background: #020b17;
    border-top: 1px solid rgba(21, 101, 255, 0.18);
    padding: 15px 0;
    overflow: hidden;
    -webkit-mask-image: linear-gradient(90deg, transparent, #000 6%, #000 94%, transparent);
    mask-image: linear-gradient(90deg, transparent, #000 6%, #000 94%, transparent);
  }

  .footer-marquee-track {
    display: inline-flex;
    align-items: center;
    white-space: nowrap;
    will-change: transform;
    animation: footer-marquee 30s linear infinite;
  }

  .footer-marquee:hover .footer-marquee-track {
    animation-play-state: paused;
  }

  .footer-marquee-track span {
    font-family: "Barlow Condensed", sans-serif;
    font-size: 20px;
    font-weight: 800;
    font-style: italic;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    color: transparent;
    -webkit-text-stroke: 1px rgba(159, 176, 194, 0.5);
    margin-right: 26px;
    transition: color 0.3s ease, -webkit-text-stroke-color 0.3s ease;
  }

  .footer-marquee-track span:hover {
    color: var(--zcyan);
    -webkit-text-stroke-color: var(--zcyan);
  }

  .footer-marquee-track em {
    font-style: normal;
    color: var(--ember);
    font-size: 11px;
    margin-right: 26px;
    animation: footer-star-spin 5s linear infinite;
  }

  @keyframes footer-marquee {
    to {
      transform: translateX(-50%);
    }
  }

  @keyframes footer-star-spin {
    to {
      transform: rotate(360deg);
    }
  }

  /* social icons — lift, tilt + cyan glow on hover */
  .footer-social {
    display: flex;
    gap: 12px;
    margin-top: 26px;
  }

  .footer-social a {
    display: grid;
    place-items: center;
    width: 40px;
    height: 40px;
    border-radius: 12px;
    border: 1px solid rgba(255, 255, 255, 0.12);
    color: #9fb0c2;
    background: rgba(255, 255, 255, 0.03);
    transition: transform 0.3s cubic-bezier(0.16, 1, 0.3, 1),
      color 0.3s, border-color 0.3s, box-shadow 0.3s, background 0.3s;
  }

  .footer-social a svg {
    width: 18px;
    height: 18px;
  }

  .footer-social a:hover {
    transform: translateY(-4px) rotate(-4deg);
    color: #000000;
    background: var(--zcyan);
    border-color: var(--zcyan);
    box-shadow: 0 10px 24px rgba(0, 207, 255, 0.35);
  }

  /* back-to-top — the arrow hops while hovered */
  .footer-top-btn {
    display: grid;
    place-items: center;
    width: 42px;
    height: 42px;
    border-radius: 50%;
    border: 1px solid rgba(0, 207, 255, 0.35);
    color: var(--zcyan);
    text-decoration: none;
    font-size: 18px;
    font-weight: 700;
    flex-shrink: 0;
    transition: background 0.3s, color 0.3s, box-shadow 0.3s;
  }

  .footer-top-btn:hover {
    background: var(--zcyan);
    color: #000000;
    box-shadow: 0 0 24px rgba(0, 207, 255, 0.45);
  }

  .footer-top-btn:hover span {
    animation: footer-arrow-hop 0.6s ease infinite;
  }

  @keyframes footer-arrow-hop {

    0%,
    100% {
      transform: translateY(0);
    }

    50% {
      transform: translateY(-4px);
    }
  }

  @media (max-width: 768px) {
    .footer-marquee-track span {
      font-size: 16px;
    }

    .footer-marquee {
      padding: 11px 0;
    }
  }

  @media (prefers-reduced-motion: reduce) {

    .footer-marquee-track,
    footer:not([data-zinga-footer])::before,
    .footer-glow,
    .footer-marquee-track em,
    .footer-top-btn:hover span {
      animation: none;
    }
  }

  /* ── watermark logo v3: Anton wordmark, softly outlined. Hovering sweeps a
     damped SPOTLIGHT that follows the cursor and reveals a glowing cyan copy
     through a feathered circular mask (same feel as a ShapeBlur shader —
     eased mouse-follow, soft falloff). The glow is pure text-shadow behind a
     mask, so it stays perfectly letter-shaped — no hard boxes. ── */
  .zinga-reveal {
    font-family: "Anton", "Barlow Condensed", sans-serif;
    font-style: normal;
    font-weight: 400;
    /* Anton ships one (very heavy) weight */
    letter-spacing: 0.015em;
    line-height: 0.99;
    /* Anton caps are .87em: baseline lands at .92em, giving .05em
                                         headroom (covers the hover lift) inside the .95em clip window */
    color: rgba(255, 255, 255, 0.05);
    -webkit-text-stroke: 1.5px rgba(255, 255, 255, 0.17);
    transition: -webkit-text-stroke-color 0.45s ease;
    overflow: visible;
    /* let the glow breathe past the box */
  }

  .zinga-reveal:hover {
    color: rgba(255, 255, 255, 0.05);
    -webkit-text-stroke-color: rgba(255, 255, 255, 0.30);
  }

  .zinga-reveal-inner {
    overflow: hidden;
    height: 0.95em;
    /* cap-height window + headroom — no blank leading below */
    vertical-align: top;
  }

  /* LIQUID FILL hover: each letter floods with a cyan gradient from the
     bottom up, one after another (staggered by the inline delays), and lifts
     slightly. background-clip: text keeps everything perfectly letter-shaped —
     nothing can ever render as a box. */
  .zinga-reveal-char {
    text-shadow: 0 0 0 rgba(0, 207, 255, 0);
    color: transparent;
    background-image: linear-gradient(180deg, #57e7ff 0%, var(--zcyan) 55%, #2485c7 100%);
    background-repeat: no-repeat;
    background-position: 0 100%;
    background-size: 100% 0%;
    -webkit-background-clip: text;
    background-clip: text;
    transition: transform 0.7s cubic-bezier(0.16, 1, 0.3, 1),
      background-size 0.5s cubic-bezier(0.16, 1, 0.3, 1),
      text-shadow 0.5s ease;
  }

  .zinga-reveal:hover .zinga-reveal-char {
    background-size: 100% 100%;
    transform: translateY(-0.035em);
    text-shadow: 0 0 30px rgba(0, 207, 255, 0.28);
  }

  /* entrance: letters tucked below the baseline until the footer scrolls in
     (the .fx-pre class is removed by a tiny IntersectionObserver) */
  .footer-big-text.fx-pre .zinga-reveal-char {
    transform: translateY(115%);
  }

/* Compact original footer and accessible controls. */
.footer{padding:45px 5% 25px;color:#e7f0ff}.footer-inner{max-width:1600px}.footer-top{grid-template-columns:1.4fr 1.1fr 1.2fr .85fr;gap:40px}.footer-brand img{width:190px;height:auto;filter:brightness(0) invert(1);margin-bottom:20px}.footer-brand p{font-size:var(--ds-copy);}.footer-col h3{font:400 var(--ds-card)/1.15 var(--ds-display);color:#00cfff;text-transform:uppercase;letter-spacing:0;margin-bottom:18px;}.footer-col ul{margin:0;padding:0}.footer-col ul li{margin-bottom:10px}.footer-col ul li a{font-size:14px}.footer-social span{width:36px;height:36px;display:grid;place-items:center;border:1px solid #9fb0c240;border-radius:8px;color:#a2bfda}.footer-social svg{width:18px;height:18px}.footer-big-text{margin-top:-8px}.zinga-reveal{font-size:clamp(90px,12vw,180px);font-weight:800;font-family:var(--display)}.footer-bottom{padding-top:20px}.footer-bottom p{font-size:var(--ds-copy);line-height:1.55;margin:0;}.footer-tagline{font-size:14px!important}.motion-paused *, .motion-paused *:before,.motion-paused *:after{animation-play-state:paused!important}.motion-paused .reveal{opacity:1!important;transform:none!important}.motion-paused #cricket-overlay{visibility:hidden}
@media(min-width:1700px){.section{padding-inline:max(5%,calc((100vw - 1580px)/2))}.clubs{padding:0}.clubs .section-copy{padding-left:max(11%,calc((100vw - 1580px)/2))}.hero-copy{padding-left:max(5%,calc((100vw - 1580px)/2))}.record-player{width:55%}}
@media(max-height:780px) and (min-width:901px){.section{padding-top:30px;padding-bottom:30px}h2{font-size:var(--ds-title);}.record{min-height:680px}.record h2{font-size:var(--ds-title);}.record-art{height:560px}.record .section-copy>p{font-size:var(--ds-copy);line-height:1.55;}.record-player{bottom:-30px;width:56%}.phone{width:42%;max-width:235px}.phone-screen{padding:30px 12px 10px}.phone-top{margin-bottom:12px}.identity{margin-bottom:12px}.phone-stats{margin:13px 0}.rank{padding:8px 0}.index-score>strong{font-size:48px}.clubs{padding:0}.clubs .section-copy{padding-block:28px}.clubs-photo{min-height:395px}.competition-ladder{padding-block:18px}.ladder-stages p{margin-block:8px}.players>.section-copy{margin-bottom:16px}.players>.section-copy p:not(.eyebrow){margin-block:12px}.players-body{grid-template-columns:57% 43%}.players-photo{max-height:325px}.player-features li{padding:9px 0}.journey{margin-top:15px;padding:15px 22px}.step-visual{height:240px}.step-number{font-size:40px;margin-bottom:14px}.steps-track{margin-top:20px}.step h3{font-size:var(--ds-card);}.entrance-card .photo-crop{aspect-ratio:312/290}.entrance-card .photo-crop>img{top:calc(var(--crop-top)*397/290)}.entrance-card-copy{padding:14px}.entrance-card h3{font-size:var(--ds-card);}.entrance-card p{font-size:1rem;}.footer{padding-top:32px}.footer-brand p{margin-bottom:20px}.footer-social{margin-top:18px}.footer-col ul li{margin-bottom:8px}}
@media(max-width:1100px){.header nav{gap:14px}.header-actions>.button{display:none}.header nav a{font-size:14px}.hero-copy{width:53%}.hero-lede{max-width:410px}.record{grid-template-columns:46% 54%}.record-art{height:520px}.record-player{width:65%}.phone{width:45%;right:-2%;top:12%;transform:rotate(5deg);padding:5px;border-radius:30px}.phone-screen{padding:30px 10px 10px;border-radius:26px}.phone-camera{width:55px;height:14px;top:11px}.phone-top{font-size:10px;margin-bottom:12px}.identity strong{font-size:21px}.identity div>span{font-size:10px}.index-score>strong{font-size:45px}.bars{gap:3px;right:8px;height:36px}.bars i{width:5px}.phone-stats strong{font-size:22px}.phone-stats span{font-size:10px}.rank{font-size:10px}.ecosystem-lead{gap:20px;padding:24px}.outline-number{font-size:100px}.ecosystem-feature{padding-inline:15px}.ecosystem-feature h3{font-size:var(--ds-card);}.ecosystem-feature p{font-size:1rem;}.players-body{gap:20px}.player-features li{gap:10px;font-size:15px}.player-features .icon{width:25px;height:25px}.journey{gap:18px}.journey>.button{max-width:215px}.championships .section-copy{max-width:64%}.clubs .section-copy h2{font-size:var(--ds-title);}.club-types{gap:8px}.club-types li{font-size:13px;padding-right:8px}.entrances>.section-copy{gap:28px}.entrance-cards{gap:9px}.entrance-card-copy{padding:12px}.entrance-card h3{font-size:var(--ds-card);}.entrance-card p{font-size:1rem;}.footer-top{gap:25px}.step-visual{padding:15px}.step-visual .ui-profile{padding:12px;gap:8px}.step-visual .ui-profile>.icon{width:36px}.ui-ranking>.icon{width:30px}.finale>.section-copy{width:50%}}
@media(max-width:760px){.header{padding:18px 6%}.header nav{display:none}.logo{width:140px}.hero{min-height:760px;height:100svh;max-height:960px}.hero-art{inset:0 -55% 0 -5%}.hero-art img{object-position:75% center}.hero-shade{background:linear-gradient(180deg,#03182bf7 5%,#03182bdc 38%,#03182b66 60%,transparent 82%,#03182baa)}.hero-copy{width:100%;max-width:none;padding:105px 6% 0}.hero h1{font-size:var(--ds-hero);}.hero .eyebrow{font-size:var(--ds-eyebrow);margin-bottom:16px;}.hero-lede{max-width:420px;font-size:var(--ds-lead);line-height:1.5;margin:20px 0;}.hero-hint{bottom:20px;left:6%;font-size:10px}.motion-control{right:10px;bottom:10px;font-size:12px;padding:9px 11px}.section{padding:35px 6%}h2{font-size:var(--ds-title);}.eyebrow{font-size:var(--ds-eyebrow);margin-bottom:13px;}.button{font-size:16px;min-height:46px;padding:12px 16px;gap:14px}.section-copy>p:not(.eyebrow){font-size:var(--ds-eyebrow);line-height:1.25;}.actions{margin-top:20px}.record{display:block;min-height:0;padding-bottom:0}.record .section-copy{padding:0}.record h2{font-size:var(--ds-title);}.record-art{height:390px;margin-top:22px}.record-player{height:100%;width:auto;aspect-ratio:505/896;left:3%;bottom:0}.phone{width:46%;max-width:210px;right:1%;top:0}.phone-screen{padding:26px 10px 10px}.phone-top{margin-bottom:10px}.identity{margin-bottom:12px;gap:6px}.identity strong{font-size:20px}.identity div>span{font-size:10px}.index-score{padding:8px}.index-score>span{font-size:11px}.index-score>strong{font-size:40px}.index-score small{font-size:10px}.phone-stats{margin:10px 0}.rank{padding:8px 0}.phone-nav,.phone-link{font-size:10px}.art-caption{display:none}.ecosystem-lead{gap:14px;padding:18px;margin:22px 0}.outline-number{font-size:66px}.ecosystem-lead>.ui-profile{display:none}.ecosystem-lead:after{right:-10%;opacity:.35}.ecosystem-lead h3{font-size:var(--ds-card);}.ecosystem-lead p{font-size:var(--ds-copy);}.ecosystem-lead .metric-bars{height:30px;width:75px}.ecosystem-grid{grid-template-columns:1fr 1fr;gap:22px 0}.ecosystem-feature{padding:0 14px}.ecosystem-feature:nth-child(odd){padding-left:0}.ecosystem-feature:nth-child(even){border:0;padding-right:0}.feature-symbol{width:53px;height:53px;margin:0 auto 15px}.feature-number{font-size:21px}.ecosystem-feature h3{font-size:var(--ds-card);}.ecosystem-feature p{font-size:1rem;line-height:1.5;margin-top:8px;}.gap{display:block;min-height:710px;padding-bottom:350px}.gap .section-copy{max-width:none}.gap h2{font-size:var(--ds-title);}.gap-photo{width:100%;height:390px;top:auto;bottom:0}.gap-photo>img{height:100%;right:-8%}.gap:after{background:linear-gradient(180deg,#03182b 28%,#03182bde 45%,transparent 70%)}.how h2{font-size:var(--ds-title);}.how h2 br{display:none}.steps-track{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:16px;margin:24px -6vw 0;padding:0 6vw 12px;scrollbar-color:#0062ff #e7f0ff}.step{flex:0 0 78vw;scroll-snap-align:center}.step-visual{height:260px;padding:20px}.step-number{font-size:45px}.step-visual .ui-profile{padding:25px}.step-visual .ui-profile>.icon{width:60px}.step h3{font-size:var(--ds-card);}.step p{font-size:1rem;margin-top:10px;}.step-connector{margin-bottom:20px}.players>.section-copy{text-align:left;margin-bottom:20px}.players>.section-copy h2 br{display:block}.players-body{display:flex;flex-direction:column;gap:20px}.players-photo{width:100%;max-height:none}.player-features{display:grid;grid-template-columns:1fr 1fr;gap:8px 16px;padding:0;width:100%}.player-features li{font-size:14px;align-items:flex-start;padding:7px 0;gap:9px}.player-features li:last-child{grid-column:1/-1}.player-features .icon{width:24px;height:24px}.journey{display:block;padding:18px;margin-top:22px}.journey-path{gap:8px}.journey-path b{font-size:12px}.journey-path .icon{width:29px}.journey p:last-child{font-size:12px;line-height:1.5}.journey>.button{margin-top:17px;max-width:none;width:100%}.championships{min-height:0;padding-bottom:260px}.championships .section-copy{max-width:none}.championship-list article{grid-template-columns:38% 1fr;gap:14px;padding:13px 0}.championship-list h3{font-size:var(--ds-card);}.championship-list p{font-size:var(--ds-copy);}.stadium-art{top:auto;height:450px}.championships:after{background:linear-gradient(180deg,#031a36 45%,#031a36bf 64%,transparent)}.clubs{display:flex;flex-direction:column;padding:0}.clubs .section-copy{padding:35px 6% 22px;width:100%}.clubs .section-copy h2{font-size:var(--ds-title);}.clubs-photo{min-height:0;height:auto;width:100%;aspect-ratio:952/520;mask-image:none}.clubs-photo>img{height:auto;width:175.63%;left:-75.63%;right:auto}.competition-ladder{padding:24px 6%;width:100%}.ladder-stages{grid-template-columns:1fr 1fr;gap:15px}.ladder-stages article{padding-top:0}.ladder-stages h3{font-size:var(--ds-card);}.ladder-stages p{font-size:var(--ds-copy);}.ladder-stages article>span{font-size:11px}.ladder-note{font-size:13px}.club-types li{font-size:13px}.entrances>.section-copy{display:block;margin-bottom:22px}.entrance-heading h2{font-size:var(--ds-title);}.entrance-heading h3{font-size:var(--ds-card);margin-bottom:17px;}.entrance-intro p{font-size:var(--ds-copy);}.entrance-cards{display:flex;gap:14px;overflow-x:auto;scroll-snap-type:x mandatory;margin:0 -6vw;padding:0 6vw 14px;scrollbar-color:#0062ff #e7f0ff}.entrance-card{flex:0 0 68vw;scroll-snap-align:center}.entrance-card .photo-crop{aspect-ratio:312/295}.entrance-card .photo-crop>img{top:calc(var(--crop-top)*397/295)}.entrance-card-copy{padding:16px}.entrance-card h3{font-size:var(--ds-card);}.entrance-card p{font-size:1rem;}.sponsors{min-height:0;padding-bottom:300px}.sponsors .section-copy{max-width:none}.sponsor-art{top:auto;height:450px}.sponsors:after{background:linear-gradient(180deg,#031a36 40%,#031a36c9 60%,transparent 87%)}.sponsor-features li{font-size:15px}.finale{min-height:680px;display:block;padding-bottom:330px}.finale>.section-copy{width:100%}.finale h2{font-size:var(--ds-title);}.finale-scene{inset:auto 0 0;height:365px}.finale-photo>img{height:115%;right:-10%}.finale:after{background:linear-gradient(180deg,#031a36 20%,#031a36e0 44%,transparent 74%)}.replay-wicket{bottom:24px;right:6%;font-size:13px}.footer{padding:35px 6% 70px}.footer-top{grid-template-columns:1fr 1fr;gap:30px 22px}.footer-brand{grid-column:1/-1}.footer-brand p{max-width:380px;margin-block:18px}.footer-col h3{font-size:var(--ds-card);margin-bottom:15px;}.footer-col ul li a{font-size:14px;line-height:1.4}.footer-col ul li{margin-bottom:10px}.footer-big-text{margin-top:20px}.zinga-reveal{font-size:24vw}.footer-bottom{flex-wrap:wrap;margin-top:12px;gap:15px}.footer-bottom p{font-size:var(--ds-copy);letter-spacing:0;}.footer-tagline{font-size:12px!important}.footer-top-btn{margin-left:auto}.menu-dialog{padding:22px}.menu-dialog nav{gap:5px 20px}.menu-dialog nav a{font-size:23px}.header nav{display:none}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.reveal{opacity:1!important;transform:none!important}#cricket-overlay{display:none}.replay-wicket{display:none}.footer-big-text.fx-pre .zinga-reveal-char{transform:none}}
/* Crop only the photographic portions of approved mockups; all interface text is HTML. */
.gap-photo>img{width:var(--crop-width);height:auto;left:var(--crop-left);top:0;right:auto}.clubs-photo{height:auto;min-height:0;aspect-ratio:952/600;align-self:center}.clubs-photo>img{width:var(--crop-width);height:auto;left:var(--crop-left);right:auto;top:0}.finale-scene{inset:0;z-index:-2}.finale-scene>img{width:100%;height:100%;object-fit:cover;object-position:50% 50%}.finale:after{background:linear-gradient(90deg,#031a3633,transparent 66%)}
@media(max-width:760px){.gap-photo{aspect-ratio:1027/941;height:auto}.clubs-photo{aspect-ratio:952/600}.finale-scene{inset:auto 0 0;height:370px}.finale-scene>img{object-position:80% center}.finale:after{background:linear-gradient(180deg,#031a36 25%,#031a36d9 48%,transparent 72%)}}
/* Approved cup story: layered product artwork, live copy, four scroll states. */
.trophy-story{--active-metal:#dc8c57;position:relative;display:block;padding:0;background:#020b17;color:#fff;overflow:visible;isolation:isolate}
.trophy-story.scroll-cups{height:380svh}
.trophy-stage{position:relative;min-height:680px;height:100svh;max-height:1100px;overflow:hidden;isolation:isolate;padding:5svh 6% 4svh;background:#02101f}
.scroll-cups .trophy-stage{position:sticky;top:0;max-height:none}
.trophy-atmosphere{position:absolute;inset:0;z-index:-1;background:radial-gradient(ellipse at var(--light-x,72%) 45%,color-mix(in srgb,var(--active-metal) 14%,transparent),transparent 55%),linear-gradient(115deg,#020b17,#03182b);transition:background 1s}
.trophy-atmosphere:after{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at var(--pointer-x,70%) 40%,#42c9ff0b,transparent 60%);pointer-events:none}
.trophy-beam{position:absolute;left:69%;top:-40%;width:8%;height:135%;background:linear-gradient(90deg,transparent,color-mix(in srgb,var(--active-metal) 20%,transparent),transparent);filter:blur(20px);transform:rotate(24deg);animation:beam-drift 12s ease-in-out infinite alternate}
.trophy-floor{position:absolute;bottom:-23%;left:15%;width:110%;height:47%;background:repeating-linear-gradient(90deg,transparent 0 19.8%,#008cff50 19.8% 20%),repeating-linear-gradient(0deg,transparent 0 32%,#008cff45 32% 32.5%);transform:perspective(450px) rotateX(64deg);box-shadow:0 -2px 30px #00aaff22;mask-image:linear-gradient(transparent,#000 38%)}
.trophy-intro{position:relative;z-index:3;width:44%;max-width:630px}
.trophy-intro h2{font-size:var(--ds-title);line-height:1.1;}
.trophy-intro>p:not(.eyebrow){color:#b5c8dc;line-height:1.5;font-size:16px;max-width:550px}
.trophy-intro .eyebrow{color:#00cfff;font-size:13px;margin-bottom:14px}
.trophy-intro .club-types{gap:7px 11px;margin:16px 0;font-size:13px;max-width:550px}
.trophy-intro .club-types li{font-size:13px;color:#a2bfda}
.trophy-slides{position:absolute;inset:0}
.trophy-slide{position:absolute;inset:0;opacity:0;visibility:hidden;transition:opacity .55s,visibility .55s;pointer-events:none}
.trophy-slide.active{opacity:1;visibility:visible;pointer-events:auto}
.trophy-caption{position:absolute;left:6%;top:49%;width:39%;max-width:580px;z-index:4;transform:translateY(16px);transition:transform .65s}
.active .trophy-caption{transform:translateY(0)}
.cup-counter{font-size:13px;letter-spacing:.18em;color:#8fb0cc;display:flex;gap:20px;text-transform:uppercase}
.cup-counter>span{color:var(--metal)}
.trophy-caption h3{font-size:var(--ds-card);color:var(--metal);line-height:1.15;margin-top:8px;}
.cup-level{color:#e7f0ff;letter-spacing:.25em;text-transform:uppercase;font-size:14px;margin:8px 0}
.cup-description{font-size:18px;color:#b5c8dc;margin:14px 0 22px;max-width:390px}
.trophy-object{position:absolute;left:45%;right:3%;top:3%;bottom:17%;display:flex;align-items:flex-end;justify-content:center;mix-blend-mode:lighten;transform:scale(var(--cup-scale,.96));transform-origin:50% 85%;will-change:transform}
.trophy-object img{height:100%;width:100%;object-fit:contain;object-position:center bottom;mask-image:linear-gradient(0deg,transparent,#000 6%,#000 96%,transparent)}
[data-cup="0"] .trophy-object{top:16%;bottom:19%;left:46%;right:7%}
[data-cup="1"] .trophy-object{top:10%;bottom:18%}
[data-cup="2"] .trophy-object{top:5%;bottom:18%}
[data-cup="3"] .trophy-object{top:1%;bottom:17%}
.trophy-bottom{position:absolute;bottom:3%;left:6%;right:6%;z-index:5}
.cup-navigation{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}
.cup-navigation button{position:relative;text-align:left;border:0;border-radius:0;background:none;color:#849bb5;letter-spacing:.08em;padding:14px 0;font-size:15px;min-height:48px}
.cup-navigation button>span{font-size:12px;color:#6d8ca9;margin-right:10px}
.cup-navigation i{position:absolute;bottom:0;left:0;width:100%;height:1px;background:#375169}
.cup-navigation i:after{content:"";position:absolute;left:0;width:100%;height:2px;background:#00cfff;transform:scaleX(0);transform-origin:left;transition:transform .6s;box-shadow:0 0 9px #00cfff80}
.cup-navigation [aria-current="step"]{color:#fff}
.cup-navigation [aria-current="step"] i:after{transform:scaleX(1)}
.trophy-bottom>p{color:#91aac0;font-size:13px;margin:18px 0 0;text-align:center}
.cup-scroll-hint{display:block;color:#6d8ca9;font-size:12px;letter-spacing:.1em;text-align:center;margin-top:10px}
@keyframes beam-drift{from{transform:rotate(20deg) translateX(-10%)}to{transform:rotate(30deg) translateX(20%)}}
/* Content-specific scroll motion, with readable endpoints when motion is disabled. */
.motion-enabled .metric-bars i,.motion-enabled .bars i{animation:none;transform:scaleY(var(--bar-progress,1));transition:transform .12s linear}
.motion-enabled .ecosystem-feature,.motion-enabled .step,.motion-enabled .player-features li,.motion-enabled .championship-list article,.motion-enabled .sponsor-features li{opacity:calc(.35 + var(--item-progress,1)*.65);transform:translateY(calc((1 - var(--item-progress,1))*18px));transition:opacity .2s,transform .2s}
.ecosystem-feature{transition:background .25s,transform .25s}
.ecosystem-feature:hover{background:#e7f0ff}
.ecosystem-feature:hover .feature-symbol{color:#0062ff;transform:translateY(-4px);transition:transform .3s}
.ui-profile{position:relative;overflow:hidden}
.ui-profile:after{content:"";position:absolute;inset:0;background:linear-gradient(100deg,transparent 20%,#40baff25 50%,transparent 80%);transform:translateX(-130%);animation:profile-scan 5s ease-in-out infinite}
@keyframes profile-scan{0%,30%{transform:translateX(-130%)}70%,100%{transform:translateX(130%)}}
.ui-bracket .bracket-lines{animation:bracket-build 4.5s ease-in-out infinite}
@keyframes bracket-build{0%,15%{clip-path:inset(0 100% 0 0);opacity:.4}50%,100%{clip-path:inset(0);opacity:1}}
.score-grid i{animation:score-mark 3.4s ease-in-out infinite!important;animation-delay:calc(var(--cell,0)*.12s)!important}
@keyframes score-mark{0%,100%{background:transparent}40%{background:#1793ff44}}
.ui-ranking i{animation:ranking-rise 4s ease-in-out infinite!important;transform-origin:left}
@keyframes ranking-rise{0%,100%{transform:scaleX(.72)}60%{transform:scaleX(1)}}
.journey-path:before{animation:none!important;transform:scaleX(var(--journey-progress,1));transition:transform .25s}
.journey-path>span{color:#6d8ca9;transition:color .4s}
.journey-path>span.earned{color:#fff}
.journey-path>span.earned .icon{color:#42dcff;filter:drop-shadow(0 0 6px #00cfff50)}
.entrance-card img{transition:filter .3s}.entrance-card:hover img{filter:brightness(1.12)}
.motion-paused .trophy-beam,.motion-paused .ui-profile:after,.motion-paused .ui-bracket .bracket-lines,.motion-paused .ui-ranking i{animation:none!important}
@media(min-width:901px) and (max-height:800px){.trophy-stage{min-height:650px;padding-top:30px}.trophy-intro h2{font-size:var(--ds-title);}.trophy-intro>p:not(.eyebrow){font-size:15px;margin-block:12px}.trophy-caption{top:48%}.trophy-caption h3{font-size:var(--ds-card);}.cup-description{font-size:16px;margin:10px 0 15px}.trophy-bottom>p{margin-top:12px}}
@media(max-width:760px){.trophy-stage{padding:28px 6%;height:100svh;min-height:740px}.trophy-intro{width:100%;max-width:none}.trophy-intro h2{font-size:var(--ds-title);}.trophy-intro>p:not(.eyebrow){font-size:14px;max-width:none;line-height:1.4;margin:12px 0}.trophy-intro .club-types{margin-top:10px;gap:5px}.trophy-intro .club-types li{font-size:12px;padding-right:6px}.trophy-caption{left:6%;width:42%;top:44%}.trophy-caption h3{font-size:var(--ds-card);overflow-wrap:normal;}.cup-counter{font-size:11px;gap:10px;letter-spacing:.08em}.cup-level{font-size:12px;letter-spacing:.12em}.cup-description{font-size:14px;line-height:1.4;margin:12px 0 18px}.trophy-caption .button{font-size:14px;padding:10px;gap:6px}.trophy-object,[data-cup] .trophy-object{left:44%;right:-2%;top:32%;bottom:19%}[data-cup="0"] .trophy-object{top:42%;bottom:21%}[data-cup="1"] .trophy-object{top:37%}[data-cup="2"] .trophy-object{top:34%}.cup-navigation{gap:12px}.cup-navigation button{font-size:12px;letter-spacing:0;display:flex;flex-direction:column;gap:6px}.cup-navigation button>span{font-size:11px}.trophy-bottom{bottom:3%}.trophy-bottom>p{font-size:12px;margin-top:13px}.cup-scroll-hint{font-size:11px}.trophy-floor{left:0;width:150%}}
@media(prefers-reduced-motion:reduce){.trophy-story.scroll-cups{height:auto}.trophy-stage{position:relative}.cup-scroll-hint{display:none}.metric-bars i,.bars i{transform:none!important}.motion-enabled .step,.motion-enabled .ecosystem-feature,.motion-enabled .player-features li,.motion-enabled .championship-list article,.motion-enabled .sponsor-features li{opacity:1;transform:none}}
/* Keep the same ball as the pointer only after the hero and before the finale. */
@media(pointer:fine){body.ball-pointer{cursor:auto}body.ball-pointer a,body.ball-pointer button{cursor:pointer}}
.trophy-object{mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent)}
.trophy-object img{mask-image:linear-gradient(0deg,transparent,#000 11%,#000 87%,transparent)}
/* Correct the grid arithmetic that previously pushed the benefits outside the section. */
.players-body{grid-template-columns:minmax(0,61fr) minmax(0,39fr)}
.player-features{padding-right:0}
@media(min-width:901px) and (max-height:780px){.players-body{grid-template-columns:minmax(0,57fr) minmax(0,43fr)}.record{min-height:min(680px,100svh)}.record-art{height:min(560px,78svh)}.players-photo{max-height:290px}.players>.section-copy h2{font-size:var(--ds-title);}.players>.section-copy p:not(.eyebrow){font-size:var(--ds-eyebrow);line-height:1.25;}.player-features li{font-size:14px;padding:7px 0}.journey{padding:13px 20px}.journey p:last-child{margin-top:8px}.journey-path b{font-size:13px}.hero-copy{padding-top:115px}.hero{min-height:620px}.hero h1{font-size:var(--ds-hero);}.hero-lede{margin-block:16px}}
@media(max-width:760px){.hero{min-height:690px}.trophy-stage{min-height:700px}.trophy-caption h3{font-size:var(--ds-card);}.trophy-caption{top:46%}.trophy-intro>p:not(.eyebrow){max-width:100%}.trophy-bottom>p{max-width:90%;margin-inline:auto}.players-body{display:flex}.record-player{max-width:56%}.phone{right:0}}
@media(max-height:649px){.trophy-stage{height:auto;min-height:680px}.cup-scroll-hint{display:none}}
.motion-paused .cup-scroll-hint{display:none}
.motion-paused .footer-big-text.fx-pre .zinga-reveal-char{transform:none}
/* Preserve thin trophy tips and handles; fade only the empty outer margins. */
.trophy-object{mask-image:linear-gradient(90deg,transparent,#000 2%,#000 98%,transparent)}
.trophy-object img{mask-image:linear-gradient(0deg,transparent,#000 5%,#000 98%,transparent)}
[data-cup="0"] .trophy-object img{transform:translateY(12%)}
[data-cup="1"] .trophy-object img{transform:translateY(7%)}
[data-cup="2"] .trophy-object img{transform:translateY(9%)}
[data-cup="3"] .trophy-object img{transform:translateY(4%)}
/* Screenshot repair: isolate cup artwork; never blend a rectangular photograph. */
.trophy-slide{transition:none;opacity:0;visibility:hidden}
.trophy-slide.active{opacity:1;visibility:visible}
.trophy-caption,.active .trophy-caption{transform:none;transition:none}
.trophy-object{mix-blend-mode:normal;mask-image:none;transform:translateY(var(--cup-y,0px)) scale(var(--cup-scale,.94));opacity:var(--cup-opacity,1);filter:drop-shadow(0 22px 20px #0008);transition:none}
.trophy-object img,[data-cup] .trophy-object img{mask-image:none;transform:none;object-fit:contain}
.cup-navigation i:after{transition:none;transform:scaleX(0)}
.cup-navigation [aria-current="step"] i:after{transform:scaleX(var(--tier-progress,0));min-width:3px}
.trophy-stage{padding-top:4svh}
.trophy-intro{width:44%}
.trophy-intro h2{font-size:var(--ds-title);}
.trophy-intro>p:not(.eyebrow){max-width:520px}
.trophy-caption{top:51%;width:40%}
.trophy-caption h3{font-size:var(--ds-card);}
.trophy-bottom{bottom:3%}
.cup-scroll-hint{margin-top:8px}
.trophy-object,[data-cup] .trophy-object{left:48%;right:5%;top:6%;bottom:19%;transform-origin:50% 90%}
[data-cup="0"] .trophy-object{top:29%;bottom:22%;right:10%;left:51%}
[data-cup="1"] .trophy-object{top:19%;bottom:21%;right:10%;left:51%}
[data-cup="2"] .trophy-object{top:12%;bottom:20%;right:8%;left:49%}
[data-cup="3"] .trophy-object{top:5%;bottom:19%;right:7%;left:48%}
.trophy-atmosphere{background:radial-gradient(ellipse at 75% 47%,#173249 0,transparent 55%),linear-gradient(110deg,#020b17,#03182b)}
.trophy-stage[data-tier="0"] .trophy-atmosphere{background:radial-gradient(ellipse at 75% 47%,#372118 0,transparent 55%),linear-gradient(110deg,#020b17,#03182b)}
.trophy-stage[data-tier="2"] .trophy-atmosphere{background:radial-gradient(ellipse at 75% 47%,#302c19 0,transparent 55%),linear-gradient(110deg,#020b17,#03182b)}
.trophy-stage[data-tier="3"] .trophy-atmosphere{background:radial-gradient(ellipse at 75% 47%,#123b51 0,transparent 55%),linear-gradient(110deg,#020b17,#03182b)}
.motion-paused .trophy-object{opacity:1!important;transform:scale(.96)!important}
/* Fixed arithmetic avoids relying on typed CSS division for approved photo crops. */
.entrance-card .photo-crop>img{top:-85.697%}
@media(min-width:901px) and (max-height:780px){.entrance-card .photo-crop>img{top:-97.93%}.trophy-caption{top:51%}.trophy-caption h3{font-size:var(--ds-card);}.trophy-intro h2{font-size:var(--ds-title);}}
@media(max-width:760px){.entrance-card .photo-crop>img{top:-95.59%}.trophy-intro{width:100%}.trophy-intro h2{font-size:var(--ds-title);}.trophy-caption{top:47%;width:43%}.trophy-caption h3{font-size:var(--ds-card);}.trophy-object,[data-cup] .trophy-object{left:48%;right:3%;top:34%;bottom:21%}[data-cup="0"] .trophy-object{top:48%;bottom:24%}[data-cup="1"] .trophy-object{top:43%;bottom:23%}[data-cup="2"] .trophy-object{top:38%;bottom:22%}[data-cup="3"] .trophy-object{top:32%;bottom:21%}.trophy-bottom{bottom:3%}}
@media(prefers-reduced-motion:reduce){.trophy-object{opacity:1!important;transform:scale(.96)!important}}
@media(min-width:901px) and (max-height:780px){.sponsors .sponsor-features{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 16px}.sponsors .section-copy>p:not(.eyebrow){margin-block:12px;font-size:var(--ds-eyebrow);line-height:1.25;}.sponsors .sponsor-features li{font-size:15px;line-height:1.4}.sponsors{padding-block:24px;min-height:0}}
.replay-wicket:disabled{opacity:.45;cursor:default}
.webgl-unavailable .replay-wicket{display:none}
/* Reserve room for the full 34% scroll zoom, including the platinum tips. */
@media(min-width:761px){[data-cup="0"] .trophy-object{top:36%;bottom:22%}[data-cup="1"] .trophy-object{top:26%;bottom:21%}[data-cup="2"] .trophy-object{top:20%;bottom:20%}[data-cup="3"] .trophy-object{top:15%;bottom:19%}}