/* Presentation only. Keep every primary element visible when JS is unavailable. */
.hf-live-hero{min-height:414px;padding:25px 20px 100px}
.hf-live-hero .hf-arena-status{display:flex;align-items:center;gap:7px;font-size:11px!important;letter-spacing:1.2px;font-weight:700;color:#fff0a4;margin-bottom:13px}
.hf-live-dot{width:6px;height:6px;border-radius:50%;background:#ffe056;box-shadow:0 0 10px #ffdd6655;flex:none}
.hf-live-hero[data-arena-open="0"] .hf-live-dot{background:#b4c4d2;box-shadow:none}
.hf-live-hero .hf-round{font-size:30px!important}
.hf-live-hero h1{font-size:27px!important;word-break:keep-all}
.hf-live-hero .hf-hero-description{max-width:70%;margin:15px 0!important;font-size:13px!important}
.hf-live-hero .hf-hero-art{width:45%;height:48%;right:-6px;bottom:72px}
.hf-live-hero .hf-hero-circle{width:190px;height:190px;right:-95px;top:192px;opacity:.93}
.hf-live-hero .hf-star-one{right:18px;top:32px;font-size:17px!important;opacity:.65}
.hf-live-hero .hf-star-two{right:46%;bottom:85px;font-size:12px!important;opacity:.45}
.hf-arena-ticker{position:absolute;z-index:3;bottom:0;left:0;right:0;display:flex;align-items:center;gap:8px;min-height:69px;padding:13px 17px;background:#08253ded;border-top:1px solid #ffe05625;color:#fff1b3}
.hf-ticker-lines{display:grid;flex:1;min-width:0}
.hf-ticker-line{grid-area:1/1;visibility:hidden;opacity:0;font-size:13px!important;line-height:1.65;word-break:keep-all;overflow-wrap:anywhere;transform:translateY(6px);transition:opacity .4s ease,transform .4s ease,visibility .4s}
.hf-ticker-line.is-current{visibility:visible;opacity:1;transform:none}
.hf-ticker-toggle{flex:none;width:28px;height:30px;border:1px solid #ffffff30;border-radius:7px;background:transparent;color:#fff0a4;font-size:12px!important;cursor:pointer}
.hf-ticker-toggle[hidden]{display:none!important}
.hf-ticker-toggle:focus-visible{outline:2px solid #ffdc33;outline-offset:3px}
@media(min-width:768px){
 .hf-live-hero{min-height:410px;padding:29px 32px 96px}
 .hf-live-hero .hf-hero-copy{width:66%}
 .hf-live-hero .hf-round{font-size:38px!important}
 .hf-live-hero h1{font-size:32px!important}
 .hf-live-hero .hf-hero-description{max-width:100%;font-size:14px!important}
 .hf-live-hero .hf-hero-art{width:41%;height:77%;bottom:64px;right:0}
 .hf-live-hero .hf-hero-circle{width:330px;height:330px;right:-30px;top:-8px}
 .hf-live-hero .hf-star-one{right:47%;top:35px}
 .hf-arena-ticker{min-height:64px;padding:13px 30px}
 .hf-ticker-line{font-size:14px!important}
}
@media(prefers-reduced-motion:no-preference){
 .hf-live-hero .hf-hero-art{animation:hf-arena-enter 1.2s .1s both}
 .hf-live-hero .hf-hero-copy{animation:hf-arena-enter .9s .25s both}
 .hf-live-hero .hf-arena-ticker{animation:hf-arena-enter .8s 1.1s both}
 .hf-live-hero .hf-hero-circle{animation:hf-arena-glow 18s ease-in-out infinite alternate}
 .hf-live-hero .hf-star{animation:hf-arena-drift 14s ease-in-out infinite alternate}
 .hf-live-hero[data-arena-open="1"] .hf-live-dot{animation:hf-arena-breathe 4s ease-in-out infinite}
}
@keyframes hf-arena-enter{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
@keyframes hf-arena-glow{from{transform:translate(-4px,0);opacity:.85}to{transform:translate(6px,7px);opacity:1}}
@keyframes hf-arena-drift{from{transform:translateY(0)}to{transform:translateY(-7px)}}
@keyframes hf-arena-breathe{50%{opacity:.45}}
@media(prefers-reduced-motion:reduce){.hf-live-hero *{animation:none!important;transition:none!important}.hf-ticker-line{transform:none}.hf-ticker-line:not(.is-current){display:none}}
.hf-live-hero.is-paused *{animation-play-state:paused!important}