/* SPORTS identity: scoped to site-brand marks, never game/provider logos. */
.sports-brand{--sports-width:190px;position:relative!important;display:inline-block!important;isolation:isolate;width:var(--sports-width)!important;max-width:100%!important;height:auto!important;aspect-ratio:3/1;vertical-align:middle;line-height:0;overflow:visible;animation:sports-arrive 1.1s cubic-bezier(.16,1,.3,1) both}
.sports-brand>img{display:block!important;position:relative!important;width:100%!important;max-width:100%!important;height:auto!important;aspect-ratio:3/1;object-fit:contain!important;filter:drop-shadow(0 0 5px #008aff88);animation:sports-energy 4.8s ease-in-out 1.1s infinite}
.sports-brand:before{content:"";position:absolute;inset:20% 2%;z-index:-1;background:radial-gradient(ellipse,#00cfff66,transparent 70%);filter:blur(12px);pointer-events:none;animation:sports-aura 4.8s ease-in-out infinite}
.sports-brand__shine{display:block;position:absolute;inset:0;pointer-events:none;background:linear-gradient(110deg,transparent 36%,#b6f6ff88 44%,#fff 48%,#b6f6ff88 52%,transparent 60%);background-size:300% 100%;-webkit-mask:url('sports-logo.png') center/contain no-repeat;mask:url('sports-logo.png') center/contain no-repeat;mix-blend-mode:screen;animation:sports-shine 5.8s ease-in-out .8s infinite}
.sports-brand--hero{--sports-width:340px}.sports-brand--header{--sports-width:190px}.sports-brand--compact{--sports-width:140px}
.sports-brand-holder,.logo_init:has(.sports-brand){background-image:none!important;overflow:visible!important;height:auto!important;min-width:0}
.sports-brand-holder>a,.logo_init:has(.sports-brand)>a{display:inline-flex!important;align-items:center;justify-content:center;max-width:100%;height:auto!important;background-image:none!important}
a:hover>.sports-brand>img,a:focus-visible>.sports-brand>img{filter:drop-shadow(0 0 9px #00d5ffcc) brightness(1.12)}
a:focus-visible:has(.sports-brand){outline:2px solid #27cbff;outline-offset:5px;border-radius:4px}
@keyframes sports-arrive{0%{opacity:0;transform:translateX(-18px) scale(.94);filter:blur(6px)}65%{opacity:1;filter:blur(0)}100%{opacity:1;transform:none;filter:none}}
@keyframes sports-shine{0%,10%{background-position:160% 50%;opacity:0}18%{opacity:1}38%{background-position:-60% 50%;opacity:0}100%{background-position:-60% 50%;opacity:0}}
@keyframes sports-energy{0%,100%{filter:drop-shadow(0 0 4px #008aff77)}45%{filter:drop-shadow(0 0 9px #00cfffaa) brightness(1.08)}}
@keyframes sports-aura{0%,100%{opacity:.3;transform:scale(.92)}50%{opacity:.85;transform:scale(1.08)}}
@media(max-width:600px){.sports-brand--header{--sports-width:150px}.sports-brand--hero{--sports-width:260px}.sports-brand--compact{--sports-width:115px}.sports-brand:before{filter:blur(8px)}}
@media(prefers-reduced-motion:reduce){.sports-brand,.sports-brand>img,.sports-brand:before,.sports-brand__shine{animation:none!important}.sports-brand__shine{display:none}.sports-brand{opacity:1;transform:none;filter:none}}

/* The legacy zoomOUT menu applies an !important ALIVE background to logo links. */
html body .logo.sports-brand-holder,
html body .logo.sports-brand-holder>a,
html body a.logo:has(>.sports-brand),
html body .logo_init:has(.sports-brand),
html body .logo_init:has(.sports-brand)>a{background-image:none!important}
html body .logo.sports-brand-holder::before,
html body .logo.sports-brand-holder::after,
html body .logo.sports-brand-holder>a::before,
html body .logo.sports-brand-holder>a::after,
html body a.logo:has(>.sports-brand)::before,
html body a.logo:has(>.sports-brand)::after{content:none!important;background-image:none!important}
html body .logo.sports-brand-holder>a,
html body a.logo:has(>.sports-brand){animation:none!important;opacity:1!important}

/* Bound the new portrait to the existing login illustration column. */
#loginPop .popup-login .popWrapper>.leftZone{position:absolute!important;inset:0 auto 0 0!important;width:46%!important;height:100%!important;overflow:hidden;pointer-events:none;border-radius:12px 0 0 12px}
#loginPop .popup-login .leftZone .pic{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;margin:0!important;transform:none!important}
#loginPop .popup-login .leftZone .pic>img{display:block!important;width:100%!important;height:100%!important;max-width:100%!important;max-height:100%!important;object-fit:contain!important;object-position:center bottom!important}
.arp-root .arp-card .popup-logo.arp-brand-motion{opacity:1!important;transform:none!important;animation:none!important;filter:drop-shadow(0 0 6px #13a9ff55)!important}
#loginPop .popup-login .popWrapper>.rightZone{position:absolute!important;left:46%!important;right:0!important;top:0!important;width:54%!important;height:100%!important;margin:0!important;padding:30px 26px!important;box-sizing:border-box!important;z-index:2}

.arp-root .arp-card .sports-brand{animation:none!important;opacity:1!important;transform:none!important;filter:none!important}.arp-root .arp-card .sports-brand>img{animation:none!important;opacity:1!important}

/* Keep the login close control above the positioned form column. */
#loginPop .popup-login .popWrapper>.XX{position:absolute!important;z-index:3!important;pointer-events:auto!important;top:8px!important;right:8px!important;width:44px!important;height:44px!important;display:flex!important;align-items:center;justify-content:center;cursor:pointer}
/* Keep account dialogs inside tablet viewports. */
@media(max-width:1100px){
  .popup-register .pupop_content{box-sizing:border-box!important;width:calc(100vw - 32px)!important;max-width:1024px!important;max-height:calc(100dvh - 32px)!important;overflow:auto!important;padding:30px 24px!important}
  .popup-register .reg,.popup-register .up,.popup-register .input_zone,.popup-register .leftZone,.popup-register .input-Out-all{width:100%!important;min-width:0!important}
  .popup-register .input-Out-all{flex-direction:column!important}
  .popup-register .input-out-frame,.popup-register .inputFrame{width:100%!important}
  .popup-register .inputFrame .info{width:140px!important;flex:0 0 140px}
  .popup-register .inputFrame .input_content{min-width:0!important;flex:1!important}
  .popup-register [class="18no"]{width:100%!important}
  .popup-register .XX{top:4px!important;right:4px!important;z-index:5!important}
  .popup-login .pupop_content{max-width:calc(100vw - 32px)!important}
}

/* The shared reset follows SweetAlert and clears its auto icon margins. */
.swal2-container .swal2-popup > .swal2-icon{margin:10px auto 0!important}