/* HOT: a directional neon circuit, not an endless marquee. */
.v4-hot .hot-arena{overflow:clip}
.v4-hot .hot-motion-circuit{position:absolute;inset:12px;pointer-events:none;z-index:2}
.v4-hot .hot-motion-circuit>i{position:absolute;display:block;background:#ff80dc;box-shadow:0 0 9px #fa58c9,0 0 2px #fff;opacity:0}
.v4-hot .hot-motion-circuit>i:nth-child(1){left:0;top:0;width:100%;height:2px;transform-origin:left center}
.v4-hot .hot-motion-circuit>i:nth-child(2){right:0;top:0;height:100%;width:2px;transform-origin:center top}
.v4-hot .hot-motion-circuit>i:nth-child(3){right:0;bottom:0;width:100%;height:2px;background:#9ff8e9;transform-origin:right center}
.v4-hot .hot-motion-circuit>i:nth-child(4){left:0;bottom:0;height:100%;width:2px;background:#9ff8e9;transform-origin:center bottom}
.v4-hot .hot-wild-band{position:relative;overflow:hidden}
.v4-hot .hot-motion-wild-trace{position:absolute;inset:0 auto 0 0;width:7px;background:#c7fff0;box-shadow:0 0 14px #77ffe4;transform-origin:center bottom;opacity:0;pointer-events:none}
.v4-hot .hot-type-label>span{transform-origin:center;max-width:max-content}
.v4-hot .hot-action .play-link{transform:none;box-shadow:0 5px 0 var(--button-shadow);transition:transform 140ms cubic-bezier(.23,1,.32,1)}
.v4-hot .hot-action .play-link::after{inset:auto 0 0;width:auto;height:3px;background:#fff;transform:scaleX(0);transform-origin:right center;transition:transform 230ms cubic-bezier(.23,1,.32,1)}
.v4-hot .hot-action .play-link>span{transition:transform 200ms cubic-bezier(.23,1,.32,1)}
.v4-hot .hot-jump>span{display:inline-block;transition:transform 200ms cubic-bezier(.23,1,.32,1)}
@media(hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){
  .v4-hot:not([data-motion-input="keyboard"]) .hot-action .play-link:hover{transform:translate(2px,-2px);box-shadow:0 5px 0 var(--button-shadow)}
  .v4-hot:not([data-motion-input="keyboard"]) .hot-action .play-link:hover::after{left:0;transform:scaleX(1)}
  .v4-hot:not([data-motion-input="keyboard"]) .hot-action .play-link:hover>span{transform:translate(3px,-3px)}
  .v4-hot:not([data-motion-input="keyboard"]) .hot-jump:hover>span{transform:translateY(4px)}
}
@media(prefers-reduced-motion:no-preference){
  .v4-hot:not([data-motion-input="keyboard"]) .hot-action .play-link:active{transform:scale(.975)}
}
@media(prefers-reduced-motion:reduce){
  .v4-hot .hot-motion-circuit,.v4-hot .hot-motion-wild-trace{display:none}
  .v4-hot .hot-action .play-link,.v4-hot .hot-action .play-link::after,.v4-hot .hot-action .play-link>span,.v4-hot .hot-jump>span{transition:none;transform:none}
  .v4-hot .hot-action .play-link::after{display:none}
}