/* Approved homepage arena. All selectors are local to the two approved changes. */
#ladder.home-arena{position:relative;isolation:isolate;overflow:hidden;padding:clamp(28px,4vh,52px) 5% 26px;color:#f7fbff;background:#03182b url("/assets/home-arena-v71.webp") center center/cover no-repeat}
#ladder.home-arena:before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,#03182b5c 0%,#03182b12 52%,#03182bed 82%,#03182b 100%);pointer-events:none}
.home-arena .arena-heading{display:grid;grid-template-columns:1.2fr 1fr;gap:8%;align-items:center;position:relative;z-index:2;padding:0;background:none;height:auto;border:0}
.home-arena .arena-heading .eyebrow{color:#00d5f8;margin:0 0 10px}
.home-arena .arena-heading h2{font-size:var(--ds-title);line-height:1.1;margin:0;text-shadow:0 2px 12px #020b17;}
.home-arena .arena-heading>p{font-size:var(--ds-copy);line-height:1.55;max-width:540px;margin:0;color:#e7f0ff;}
.home-arena .arena-exhibit{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));align-items:end;position:relative;margin:20px 0 38px;padding:0 0 12px;--cup-max:clamp(210px,32vh,380px)}
.home-arena .arena-exhibit:after{content:"";position:absolute;bottom:0;left:-1%;right:-1%;height:12px;border:1px solid #4391ae;background:linear-gradient(#294b65,#02101f 55%,#1b2b36);box-shadow:0 10px 16px #0008,0 3px 6px #1cb9e94a;z-index:2;pointer-events:none}
.home-arena .arena-cup{min-width:0;display:block;position:relative;text-decoration:none;color:#fff;outline-offset:5px;--cup-height:calc(var(--cup-max) * (0.61 + var(--tier)*0.13));--rise:calc(var(--tier)*9px)}
.home-arena .arena-cup-space{height:calc(var(--cup-max) + 20px);display:flex;align-items:flex-end;justify-content:center;padding:0 8px 0;position:relative;z-index:3}
.home-arena .arena-object{height:var(--cup-height);aspect-ratio:var(--ratio);max-width:90%;position:relative;transform-origin:50% 100%;transform:translateY(0) scale(1);transition:transform .5s cubic-bezier(.2,.8,.2,1),filter .5s;filter:brightness(1.14) saturate(1.08) drop-shadow(0 8px 5px #0008) drop-shadow(0 0 14px #00b7ff30)}
.home-arena .arena-cutout{position:relative;width:100%;height:100%;overflow:hidden}
.home-arena .arena-cutout img{position:absolute;width:var(--cut-width);height:var(--cut-height);max-width:none;left:var(--cut-left);top:var(--cut-top);object-fit:fill}
.home-arena .arena-shine{position:absolute;left:var(--cut-left);top:var(--cut-top);width:var(--cut-width);height:var(--cut-height);mask-image:var(--cup-mask);-webkit-mask-image:var(--cup-mask);mask-size:100% 100%;-webkit-mask-size:100% 100%;background:linear-gradient(110deg,transparent 35%,#f7fbff9c 48%,transparent 61%) -160% 0/250% 100% no-repeat;mix-blend-mode:screen;opacity:0;pointer-events:none}
.home-arena .arena-terrace{height:calc(54px + var(--rise));position:relative;display:flex;justify-content:center;align-items:center;gap:18px;padding:12px 8px 8px;border-top:2px solid #42dcff;border-bottom:2px solid #11293b;border-right:1px solid #2c5165;background:repeating-linear-gradient(130deg,transparent 0 39px,#7bc5e607 40px,transparent 42px),linear-gradient(145deg,#223849,#020b17 40%,#03182b);box-shadow:inset 0 2px 9px #00caff38,0 -3px 8px #00bfff50;z-index:2}
.home-arena .arena-terrace:before{content:"";position:absolute;bottom:100%;height:15px;left:0;right:0;background:linear-gradient(165deg,#123b51,#03182b);transform:skewX(-18deg);transform-origin:bottom;border-top:1px solid #2eaace;z-index:-1}
.home-arena .arena-terrace strong{font:600 clamp(13px,1.5vw,23px)/1.15 var(--display);text-transform:uppercase;letter-spacing:.03em}
.home-arena .arena-number{color:#42dcff;font:600 clamp(18px,2vw,30px)/1 var(--display);border-right:1px solid #6f879a;padding-right:16px}
.home-arena .arena-details{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));list-style:none;padding:0;margin:0 0 22px;gap:0;position:relative}
.home-arena .arena-details li{padding:3px 20px 8px;border-left:1px solid #1cb9e9}
.home-arena .arena-details .arena-level{font:600 13px/1.3 var(--display);letter-spacing:.14em;text-transform:uppercase;color:#42dcff;margin:0 0 7px}
.home-arena .arena-details h3{font-size:var(--ds-card);line-height:1.15;margin:0 0 9px;}
.home-arena .arena-details p{font-size:var(--ds-copy);line-height:1.55;color:#e7f0ff;margin:0;}
.home-arena .arena-note{position:relative;font-size:14px;line-height:1.5;text-align:center;color:#b4cce6;padding:16px 0 0;margin:0;border-top:1px solid #3385a560}
@media(hover:hover){.home-arena .arena-cup:hover .arena-object{transform:translateY(-5px) scale(1.04);filter:brightness(1.23) saturate(1.08) drop-shadow(0 12px 8px #0009) drop-shadow(0 0 20px #00b7ff60)}.home-arena .arena-cup:hover .arena-shine{opacity:.55;animation:arena-sweep 1.15s ease-out both}}
.home-arena .arena-cup:focus-visible .arena-object,.home-arena .arena-cup.is-touched .arena-object{transform:translateY(-5px) scale(1.04);filter:brightness(1.23) drop-shadow(0 0 20px #00b7ff60)}
.home-arena .arena-cup:focus-visible .arena-shine{opacity:.55;animation:arena-sweep 1.15s ease-out both}
.home-arena.arena-running .arena-terrace{animation:arena-current 5s ease-in-out infinite;animation-delay:calc(var(--tier)*-.65s)}
@keyframes arena-sweep{from{background-position:160% 0}to{background-position:-160% 0}}
@keyframes arena-current{0%,100%{box-shadow:inset 0 2px 9px #00caff38,0 -3px 8px #00bfff50}50%{box-shadow:inset 0 2px 12px #00caff55,0 -3px 12px #00bfff75}}
/* Only the second sponsor illustration receives these additions. */
#sponsors .tournament-miniature{position:relative;display:block;width:100%;height:100%;isolation:isolate}
#sponsors .tournament-miniature img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 6px 6px #0005);transition:transform .5s ease,filter .5s ease}
#sponsors .tournament-sheen{position:absolute;inset:0;pointer-events:none;mask:url("/assets/sponsor-tournament-v71.webp") center/contain no-repeat;-webkit-mask:url("/assets/sponsor-tournament-v71.webp") center/contain no-repeat;background:linear-gradient(115deg,transparent 42%,#69efff70 50%,transparent 58%) 160% 0/250% 100% no-repeat;opacity:0}
#sponsors .tournament-miniature.miniature-running img{animation:tournament-breathe 5s ease-in-out infinite}
#sponsors .sponsor-panel:hover .tournament-sheen,#sponsors .sponsor-panel:focus-visible .tournament-sheen,#sponsors .sponsor-panel[aria-pressed=true] .tournament-sheen{opacity:.5;animation:arena-sweep 1.2s ease-out both}
@keyframes tournament-breathe{0%,100%{filter:drop-shadow(0 6px 6px #0005)}50%{filter:drop-shadow(0 7px 8px #0089dd50)}}
@media(max-width:900px){.home-arena .arena-heading{grid-template-columns:1fr;gap:16px}.home-arena .arena-heading>p{max-width:650px}.home-arena .arena-exhibit{--cup-max:clamp(160px,27vw,260px);margin-top:24px}.home-arena .arena-number{padding-right:7px}.home-arena .arena-terrace{gap:7px}.home-arena .arena-details{grid-template-columns:1fr 1fr;row-gap:24px}}
@media(max-width:520px){#ladder.home-arena{padding:30px 5% 24px}.home-arena .arena-exhibit{--cup-max:30vw;margin:26px 0 25px}.home-arena .arena-cup{--rise:calc(var(--tier)*4px)}.home-arena .arena-cup-space{padding-inline:3px}.home-arena .arena-terrace{height:calc(40px + var(--rise));gap:4px;padding:9px 2px 6px}.home-arena .arena-number{display:none}.home-arena .arena-terrace strong{font-size:12px;letter-spacing:0}.home-arena .arena-details li{padding:0 10px 4px}.home-arena .arena-details h3{font-size:var(--ds-card);}.home-arena .arena-note{font-size:13px}.home-arena .arena-heading h2{font-size:var(--ds-title);}}
.motion-paused .home-arena *,.motion-paused #sponsors .tournament-miniature *{animation:none!important;transition:none!important}
.motion-paused .home-arena .arena-object{transform:none!important}
@media(prefers-reduced-motion:reduce){.home-arena *,#sponsors .tournament-miniature *{animation:none!important;transition:none!important}.home-arena .arena-object{transform:none!important}.home-arena .arena-shine,#sponsors .tournament-sheen{display:none}}
#sponsors .sponsor-panel:nth-child(2) .v-sponsor-art{height:175px!important;margin:-12px -8px -5px;width:calc(100% + 16px)!important;max-width:none}
@media(min-width:1001px) and (max-height:850px){#sponsors .sponsor-panel:nth-child(2) .v-sponsor-art{height:155px!important;margin:-14px -10px -8px;width:calc(100% + 20px)!important}}
