/* OATH ARENA V1: restrained motion. Ambient motion never carries information. */
@keyframes arena-logo-breathe{
  0%,100%{transform:translateZ(0) scale(1);filter:drop-shadow(0 4px 13px rgba(216,179,79,.20))}
  50%{transform:translateZ(0) scale(1.025);filter:drop-shadow(0 5px 17px rgba(216,179,79,.32))}
}
@keyframes arena-ring-turn{
  to{transform:translateY(-50%) rotate(360deg)}
}
@keyframes arena-line-scan{
  0%,18%{transform:translateX(-115%);opacity:0}
  31%{opacity:.8}
  58%,100%{transform:translateX(115%);opacity:0}
}
@keyframes arena-live-breathe{
  0%,100%{opacity:.72;box-shadow:0 0 0 0 rgba(113,210,220,.14)}
  50%{opacity:1;box-shadow:0 0 0 5px rgba(113,210,220,0)}
}

.nav-brand img{animation:arena-logo-breathe 8.8s ease-in-out infinite}
.nav-brand::after{
  content:"";
  position:absolute;
  left:-4px;
  top:50%;
  width:46px;
  height:46px;
  z-index:-1;
  border-top:1px solid rgba(216,179,79,.32);
  border-right:1px solid transparent;
  border-bottom:1px solid rgba(217,219,221,.16);
  border-left:1px solid transparent;
  border-radius:50%;
  transform:translateY(-50%);
  animation:arena-ring-turn 22s linear infinite;
}

[data-arena-live]::before{animation:arena-live-breathe 2.4s ease-in-out infinite}

.arena-scan{position:relative;overflow:hidden}
.arena-scan::after{
  content:"";
  position:absolute;
  inset:0;
  z-index:8;
  pointer-events:none;
  background:linear-gradient(108deg,transparent 32%,rgba(240,209,123,.05) 44%,rgba(255,255,255,.15) 50%,rgba(240,209,123,.04) 57%,transparent 69%);
  transform:translateX(-115%);
  animation:arena-line-scan 11.5s var(--arena-ease) infinite;
}

.arena-motion-ready [data-arena-reveal]{
  opacity:0;
  transform:translate3d(0,18px,0);
}
.arena-motion-ready [data-arena-reveal].is-arena-visible{
  opacity:1;
  transform:none;
  transition:opacity 620ms var(--arena-ease),transform 620ms var(--arena-ease);
}

[data-arena-tilt]{
  --arena-shift-x:0px;
  --arena-shift-y:0px;
  --arena-rotate-x:0deg;
  --arena-rotate-y:0deg;
  transform:perspective(1000px) translate3d(var(--arena-shift-x),var(--arena-shift-y),0) rotateX(var(--arena-rotate-x)) rotateY(var(--arena-rotate-y));
  transform-style:preserve-3d;
  transition:transform 420ms var(--arena-ease),border-color 220ms ease,box-shadow 220ms ease;
}
[data-arena-tilt]:hover{transition:transform 120ms linear,border-color 220ms ease,box-shadow 220ms ease}

@media (prefers-reduced-motion:reduce){
  .nav-brand img,.nav-brand::after,[data-arena-live]::before,.arena-scan::after{animation:none!important}
  .arena-motion-ready [data-arena-reveal]{opacity:1;transform:none}
  [data-arena-tilt]{transform:none!important;transition:none!important}
}

@media (hover:none),(pointer:coarse){
  [data-arena-tilt]{transform:none!important}
}