/* Static behavior and requested changes layered over the archived visual CSS. */
html {scroll-behavior:auto;}
[id] {scroll-margin-top:90px;}
:focus-visible {outline:2px solid #33ffce;outline-offset:4px;}
.static-video {position:relative;width:100%;aspect-ratio:16/9;background:#08090d;}
.static-video iframe {position:absolute;inset:0;width:100%;height:100%;border:0;}
.static-video.portrait-video {aspect-ratio:9/16;max-width:450px;margin:auto;}
body[data-site="abx-co-th"] .site-navigation-toggle-holder {cursor:pointer;}
body[data-site="abx-co-th"] .static-menu-open {display:block;}
@media(min-width:768px) and (max-width:1024px){body[data-site="abx-co-th"] .static-team>.elementor-container{flex-wrap:wrap;}body[data-site="abx-co-th"] .static-team>.elementor-container>.elementor-column{width:50%;}}
@media(max-width:1024px){
 body[data-site="abx-co-th"] .site-navigation-dropdown {display:none!important;}
 body[data-site="abx-co-th"].static-menu-open .site-navigation-dropdown {display:block!important;max-height:none!important;transform:none!important;}
 body[data-site="abx-co-th"].static-menu-open .site-navigation-dropdown ul {display:block!important;}
}
body[data-site="battlesnap-xyz"] #mobile-drawer {visibility:hidden;pointer-events:none;}
body[data-site="battlesnap-xyz"].static-menu-open #mobile-drawer {visibility:visible;pointer-events:auto;display:block;}
body[data-site="battlesnap-xyz"].static-menu-open #mobile-drawer .drawer-inner {transform:translateX(0);opacity:1;}
body[data-site="battlesnap-xyz"].static-menu-open #mobile-drawer .drawer-overlay {opacity:1;}
body[data-site="battlesnap-xyz"].static-menu-open {overflow:hidden;}
body[data-site="battlesnap-xyz"] .toggle-close-bar {position:absolute;left:6px;top:25px;width:24px;height:2px;background:currentColor;opacity:1;transform:rotate(45deg);}
body[data-site="battlesnap-xyz"] .toggle-close-bar:last-child {transform:rotate(-45deg);}
/* The original -138px margin put the H1 on top of the testnet sign. Keep both in flow. */
.elementor-13 .elementor-element.battle-title > .elementor-widget-container {margin:0 0 20px!important;padding:0!important;}
.elementor-13 .elementor-element.battle-sign > .elementor-widget-container {padding:0!important;margin:0 0 24px!important;}
.battle-title h1 {font-size:clamp(42px,6.3vw,92px);line-height:1.12;margin:0!important;}
.battle-sign img {max-width:min(340px,70vw);}
.cars {animation:static-fade .45s ease;}
.car-button,img[role="button"] {cursor:pointer;}
.car-button img {filter:grayscale(1);transition:filter .2s;}
.car-button.dot-active img {filter:none;}
@keyframes static-fade{from{opacity:.35}to{opacity:1}}
@media(max-width:767px){.battle-title h1{font-size:clamp(38px,10vw,62px);white-space:nowrap;}.elementor-13 .elementor-element.battle-title>.elementor-widget-container{margin-bottom:16px!important;}.battle-sign img{max-width:65vw;}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto;}*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;}}