/* Reuse the cached homepage artwork; never delay the first track frame. */
.arena-loading:not(.is-progressive){overflow:hidden;isolation:isolate;place-content:center start;justify-items:start;padding:clamp(24px,6vw,100px);gap:12px;background:#061525}
.arena-loading .loading-art{position:absolute;z-index:-2;inset:0 0 0 auto;width:78%;height:100%;object-fit:cover;object-position:center 62%;opacity:.85}
.arena-loading:not(.is-progressive)::before{content:"";position:absolute;z-index:-1;inset:0;background:linear-gradient(90deg,#061525 2%,#061525ed 24%,#06152570 52%,#06152510 80%),linear-gradient(0deg,#061525dd,transparent 42%)}
.arena-loading .loading-brand{margin-bottom:34px;color:#fff;max-width:100%}
.arena-loading .loading-brand b{display:block;font-size:clamp(42px,6vw,86px);font-weight:950;font-style:italic;letter-spacing:-3px;line-height:1;color:#83f3e0}
.arena-loading .loading-brand span{display:block;font-size:clamp(18px,2.2vw,30px);font-weight:700;letter-spacing:.27em;line-height:1.8;color:#fff}
.arena-loading .loading-brand p{font-size:clamp(14px,1.4vw,18px);font-weight:400;letter-spacing:.04em;color:#c3dbdf;margin:18px 0 0}
.arena-loading:not(.is-progressive)>i{width:24px;height:24px;border-width:2px}
.arena-loading:not(.is-progressive)>strong{font-size:12px;letter-spacing:.2em}
.arena-loading:not(.is-progressive)>#loading-stage{font-size:14px;color:#bad0d9;line-height:1.5}
.arena-loading.is-progressive .loading-art,.arena-loading.is-progressive .loading-brand{display:none}
@media(max-width:760px){
 .arena-loading:not(.is-progressive){place-content:end start;padding:24px;gap:6px}
 .arena-loading .loading-art{width:100%;object-position:center 48%}
 .arena-loading:not(.is-progressive)::before{background:linear-gradient(0deg,#061525 0%,#061525e8 26%,#06152555 66%,#06152522)}
 .arena-loading .loading-brand{margin-bottom:8px}
 .arena-loading .loading-brand b{font-size:40px;letter-spacing:-2px}
 .arena-loading .loading-brand span{font-size:16px}
 .arena-loading .loading-brand p{margin-top:4px;font-size:14px}
 .arena-loading:not(.is-progressive)>i{position:absolute;bottom:28px;right:24px}
 .arena-loading:not(.is-progressive)>#loading-stage{padding-right:32px;font-size:12px}
}
@media(prefers-reduced-motion:reduce){.arena-loading i{animation:none}.arena-loading{transition:none}}
.arena-loading[hidden]{display:none}