/* Layered HTML5 campaign: original supplied PNGs, live text and CSS animation. */
.autoliga-banner{--banner-blue:#303e89;position:relative;isolation:isolate;overflow:hidden;height:clamp(340px,30vw,410px);border-radius:22px;background:#303e89;color:#fff;box-shadow:0 12px 36px #2b1c4112;contain:layout paint}
.banner-background,.banner-background>img,.banner-atmosphere{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.banner-background{z-index:-3}.banner-background>img{display:block;object-fit:cover}.autoliga-banner::after{content:"";position:absolute;inset:0;border:1px solid #ffffff24;border-radius:inherit;pointer-events:none;z-index:8}.banner-atmosphere{z-index:-1;overflow:hidden}.ornament{position:absolute;height:auto;animation:ornament-drift 9s ease-in-out infinite;will-change:transform}.ornament-one{width:85px;left:37%;top:5%;transform:rotate(18deg);animation-delay:-2s;filter:blur(1px)}.ornament-two{width:70px;left:3%;bottom:-25px;animation-delay:-5s;filter:blur(1px)}.ornament-three{width:74px;right:2%;top:6%;animation-delay:-1s}.ornament-four{width:120px;left:57%;top:8%;filter:blur(3px);animation-delay:-4s}.banner-ring{position:absolute;width:500px;height:500px;right:-12%;bottom:-105%;border:65px solid #ffffff06;border-radius:50%}.banner-copy{position:relative;z-index:4;width:58%;height:100%;padding:36px 0 36px 48px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;pointer-events:none}.banner-copy>*{pointer-events:auto}.banner-type{font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:2px;margin:0 0 13px;line-height:1.5;color:#fff}.banner-type::before{content:"";display:inline-block;width:7px;height:7px;background:#fff;border-radius:50%;margin-right:10px;vertical-align:1px}.banner-used{display:none}.hero .autoliga-banner h1{font-size:clamp(55px,6.1vw,86px);letter-spacing:-2px;font-weight:800;line-height:1;margin:0 0 19px;color:white;white-space:nowrap}.banner-tagline{font-size:clamp(19px,2vw,28px);font-weight:800;text-transform:uppercase;line-height:1.22;border:2px solid #fff;padding:10px 18px;margin:0 0 24px;letter-spacing:.3px;max-width:100%}.banner-mobile-break{display:none}.banner-cta{display:inline-flex;align-items:center;justify-content:center;gap:28px;padding:13px 20px;min-height:46px;border-radius:9px;background:white;color:#642942;font-size:13px;font-weight:800;box-shadow:0 5px 20px #63132b20;transition:transform .2s,box-shadow .2s}.banner-cta:hover{transform:translateY(-2px);box-shadow:0 10px 24px #63132b40}.banner-cta>span{font-size:20px;line-height:1}.banner-stage{position:absolute;right:0;bottom:0;width:49%;height:100%;pointer-events:none}.banner-mascot{position:absolute;object-fit:contain;object-position:center bottom;max-width:none;animation:mascot-breathe 8s ease-in-out infinite;will-change:transform;z-index:3;transition:opacity .35s}.banner-mascot-new{width:110%;height:112%;left:-6%;bottom:-13%;opacity:1}.banner-mascot-used{width:90%;height:114%;right:7%;bottom:-14%;opacity:0}.banner-league{position:absolute;z-index:2;display:flex;flex-direction:column;align-items:center;justify-content:center;width:clamp(96px,10.5vw,145px);height:clamp(110px,11.5vw,158px);gap:7px;border:1px solid #ffffff16;border-radius:14px;box-shadow:0 8px 25px #25103420;color:white;text-align:center;font-weight:800;text-transform:uppercase;font-size:clamp(15px,1.6vw,23px);line-height:1.05;animation:league-float 7s ease-in-out infinite;will-change:transform;transform:rotate(var(--tilt))}.banner-league svg{width:40px;height:40px}.banner-league-icon{font-size:35px;line-height:40px;border:2px solid white;border-radius:50%;width:44px;height:44px;font-weight:600}.banner-league-blue{--tilt:-14deg;left:-4%;top:17%;background:#304799;animation-delay:-2s}.banner-league-red{--tilt:11deg;right:8%;top:7%;background:#b80930;animation-delay:-4s}.banner-league-black{z-index:4;--tilt:17deg;right:4.5%;bottom:10%;background:#080a12;animation-delay:-1s}.banner-cta:focus-visible{outline:3px solid white;outline-offset:4px}.autoliga-banner.is-offscreen *,.autoliga-banner.is-background *{animation-play-state:paused!important}[data-theme=used] .banner-mascot-new{opacity:0}[data-theme=used] .banner-mascot-used{opacity:1}[data-theme=used] .banner-new{display:none}[data-theme=used] .banner-used{display:inline}[data-theme=used] .autoliga-banner{background:#192345;box-shadow:0 12px 36px #0003}[data-theme=used] .banner-background{filter:brightness(.76) saturate(.88)}[data-theme=used] .banner-league-black{border-color:#ffffff50}[data-theme=used] .banner-league-red{background:#b80930}
@keyframes mascot-breathe{0%,100%{transform:translateY(0) rotate(-.3deg)}50%{transform:translateY(-5px) rotate(.3deg)}}@keyframes league-float{0%,100%{transform:translateY(0) rotate(var(--tilt))}50%{transform:translateY(-7px) rotate(calc(var(--tilt) + 2deg))}}@keyframes ornament-drift{0%,100%{transform:translateY(0) rotate(-9deg)}50%{transform:translateY(-14px) rotate(7deg)}}
@media(min-width:701px) and (max-width:1050px){.autoliga-banner{height:330px}.banner-copy{padding-left:28px;width:59%}.hero .autoliga-banner h1{font-size:clamp(47px,6vw,63px)}.banner-tagline{font-size:19px;padding:9px 13px}.banner-stage{width:48%}.banner-league{width:100px;height:115px;font-size:16px}.banner-league-blue{left:-3%;top:25%}.banner-league-red{right:4%;top:10%}.banner-league-black{right:3%;bottom:9%}.banner-mascot-new{height:100%;bottom:-7%}.banner-mascot-used{height:110%;bottom:-12%}}
@media(max-width:700px){.autoliga-banner{height:570px;border-radius:18px}.banner-copy{width:100%;height:auto;padding:27px 24px 0;align-items:center;text-align:center}.banner-type{font-size:9px;letter-spacing:1.6px;margin-bottom:13px}.hero .autoliga-banner h1{font-size:clamp(38px,10.8vw,66px);letter-spacing:-1.4px;margin:0 0 15px}.banner-tagline{font-size:clamp(19px,5vw,26px);line-height:1.2;padding:9px 19px;margin-bottom:16px;letter-spacing:.5px}.banner-mobile-break{display:block}.banner-cta{min-height:42px;padding:10px 18px;font-size:12px;gap:24px}.banner-stage{width:100%;height:330px;bottom:0}.banner-mascot-new{width:100%;height:100%;left:0;bottom:24px}.banner-mascot-used{width:82%;height:100%;right:4%;bottom:22px}.banner-league{z-index:4;width:28%;max-width:130px;height:80px;bottom:16px;top:auto;gap:5px;border-radius:10px;font-size:13px;flex-direction:row;animation-duration:8s}.banner-league svg{width:27px;height:27px;flex-shrink:0}.banner-league-icon{width:29px;height:29px;font-size:22px;line-height:25px;flex-shrink:0}.banner-league-blue{--tilt:-6deg;left:4%;right:auto}.banner-league-red{--tilt:0deg;left:36%;right:auto}.banner-league-black{--tilt:6deg;left:auto;right:4%}.ornament-one{width:70px;left:2%;top:43%}.ornament-two{left:4%;bottom:17%;width:60px}.ornament-three{right:2%;top:44%;width:65px}.ornament-four{left:63%;top:2%;width:88px;filter:blur(2px)}.banner-ring{right:-140px;bottom:-180px;width:400px;height:400px}.hero .banner-actions{margin-top:14px;justify-content:center}.hero .banner-actions p{font-size:12px}}
@media(max-width:370px){.autoliga-banner{height:545px}.banner-copy{padding-left:16px;padding-right:16px}.banner-stage{height:305px}.banner-league{font-size:11px;height:72px;gap:4px}.banner-league svg{width:22px;height:22px}.banner-league-icon{font-size:19px;width:25px;height:25px;line-height:22px}.banner-type{font-size:8px}.banner-tagline{font-size:19px}}
@media(prefers-reduced-motion:reduce){.autoliga-banner *{animation:none!important;transition:none!important;will-change:auto}}