/* One continuous broadcast stage; scenes dissolve above the moving atmosphere. */
.arena-idle{position:relative;isolation:isolate;box-sizing:border-box;width:100%;height:100%;min-height:0;overflow:hidden;border-radius:inherit;background:#050e20;color:#f8fafc;font-family:Inter,Arial,sans-serif;container-type:inline-size}
.idle-light{background:#e8eff9;color:#17243c}.idle-black{background:#030406;color:#fff}
.idle-atmosphere{position:absolute;inset:0;overflow:hidden;pointer-events:none;background:radial-gradient(ellipse at 50% 42%,#416c9f20,transparent 65%)}
.idle-glow{position:absolute;width:90%;height:100%;border-radius:50%;opacity:.5;background:radial-gradient(ellipse,#0859bb77,transparent 65%);animation:idle-atmosphere-drift 22s ease-in-out infinite alternate}
.idle-glow-one{top:-40%;left:-35%}.idle-glow-two{bottom:-55%;right:-30%;background:radial-gradient(ellipse,#d2254870,transparent 65%);animation-delay:-11s;animation-direction:alternate-reverse}
.idle-light-ribbon{position:absolute;width:140%;height:60%;left:-20%;border-radius:50%;border-top:1px solid #599bfa40;box-shadow:0 -12px 40px -30px #4f9fff;transform:rotate(-25deg);animation:idle-ribbon-flow 18s ease-in-out infinite alternate}
.idle-ribbon-blue{bottom:-45%}.idle-ribbon-red{top:-48%;border-color:#ed537e40;animation-delay:-9s;animation-direction:alternate-reverse}
.idle-particles{position:absolute;inset:-8%;opacity:.24;background-image:radial-gradient(circle,#a4cbff 1px,transparent 1.5px),radial-gradient(circle,#92bfff80 1px,transparent 1.5px);background-size:131px 113px,211px 167px;background-position:0 0,37px 61px;mask-image:linear-gradient(transparent,#0008,transparent);animation:idle-particle-drift 28s linear infinite alternate}
.idle-top{position:absolute;inset:6% 4% auto;display:flex;justify-content:space-between;gap:2%;font-size:clamp(8px,1.15cqw,21px);letter-spacing:.13em;opacity:.55;text-transform:uppercase}
.idle-top span{max-width:65%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.idle-scenes{position:absolute;inset:14% 3.5% 15%}
.idle-scene{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;transform-origin:50% 45%}
.idle-scene.is-current{z-index:1}.idle-scene.is-outgoing{pointer-events:none}
.idle-main{height:100%;width:100%;min-height:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:clamp(5px,1.4cqw,22px);text-align:center}
.idle-eyebrow{font-size:clamp(8px,1.2cqw,23px);text-transform:uppercase;letter-spacing:.28em;opacity:.65;flex-shrink:0;max-width:95%;overflow-wrap:anywhere}
.arena-idle .idle-event-name{color:inherit!important;margin:0!important;max-width:94%;font-size:clamp(13px,3.65cqw,68px)!important;line-height:1.18!important;font-weight:800!important;letter-spacing:-.025em;overflow-wrap:anywhere;text-wrap:balance;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;flex-shrink:0}
.idle-bottom{position:absolute;bottom:6%;left:5%;right:5%;display:flex;align-items:center;justify-content:center;gap:8px;text-align:center;font-size:clamp(8px,1.2cqw,22px);opacity:.65;overflow-wrap:anywhere}
.idle-wait-dot{height:5px;width:5px;border-radius:50%;background:#67dabb;box-shadow:0 0 12px #67dabb80;flex-shrink:0}
.arena-idle .idle-brand-mark{position:relative;display:flex;align-items:center;justify-content:center;width:clamp(100px,43cqw,760px);aspect-ratio:2.9;min-height:0;flex-shrink:1;margin:2% 0;padding:1.5%;background:transparent}
.arena-idle .idle-brand-mark img{display:block;width:100%;height:auto;max-height:100%;min-width:0;min-height:0;object-fit:contain;filter:drop-shadow(0 0 1px #ffffff80) drop-shadow(0 12px 22px #0003)}
.arena-idle .idle-orbit{position:absolute;inset:-9%;width:118%;height:118%;pointer-events:none;overflow:visible}
.idle-orbit rect{fill:none;stroke:#5797f726;stroke-width:1;vector-effect:non-scaling-stroke}.idle-orbit .idle-orbit-run{stroke:#378bf9;stroke-width:2;stroke-dasharray:18 82;stroke-linecap:round}.idle-orbit .idle-orbit-red{stroke:#fa5363;stroke-dasharray:0 50 18 32}
.arena-idle[data-animation=orbit] .idle-orbit-run{animation:idle-orbit-lap var(--idle-brand-speed,8s) linear infinite}
.arena-idle[data-animation=orbit] .idle-brand-mark img,.arena-idle[data-animation=float] .idle-brand-mark{animation:idle-float var(--idle-brand-speed,8s) ease-in-out infinite}
.arena-idle[data-animation=pulse] .idle-brand-mark{animation:idle-pulse var(--idle-brand-speed,8s) ease-in-out infinite}
/* Transparent logo compositing, never a white card. Opaque uploaded pixels are preserved. */
.arena-idle .idle-sponsor-stage{position:relative;width:60%;max-width:90%;display:flex;flex-direction:column;align-items:center;gap:clamp(3px,.6cqw,10px);flex-shrink:1;min-height:0;text-align:center;margin:1% 0}
.idle-sponsor{width:100%;height:clamp(30px,21cqw,370px);display:grid;place-items:center;box-sizing:border-box;min-height:0;flex:1 1 auto;background:transparent}
.idle-sponsor img{display:block;width:100%;height:100%;max-width:100%;max-height:100%;min-height:0;object-fit:contain;filter:drop-shadow(0 0 1px #e5efffc0) drop-shadow(0 8px 22px #0003)}
.idle-sponsor img[hidden],.idle-image-error[hidden],.idle-sponsor-name[hidden]{display:none}
.idle-image-error{color:inherit;font-weight:700;overflow-wrap:anywhere}.idle-image-error small{display:block;font-weight:400}
.idle-sponsor-name{font-size:clamp(10px,1.7cqw,30px);font-weight:600;overflow-wrap:anywhere;max-width:95%;flex-shrink:0;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}
/* All supporting logos share one scene; no paging, white cards or truncation of logos. */
.idle-sponsor-wall{width:94%;height:83%;min-height:0;display:grid;grid-template-columns:repeat(var(--wall-tracks),minmax(0,1fr));grid-template-rows:repeat(var(--wall-rows),minmax(0,1fr));column-gap:clamp(3px,1.5cqw,24px);row-gap:min(1.5cqw,calc(5cqw / var(--wall-rows)))}
.idle-wall-item{display:flex;flex-direction:column;align-items:center;min-width:0;min-height:0;gap:min(.35cqw,calc(1cqw / var(--wall-rows)))}
.idle-wall-item .idle-sponsor{height:0;min-height:0;flex:1 1 0}
.arena-idle .idle-wall-item .idle-sponsor-name{font-size:min(clamp(6px,1.15cqw,22px),calc(12cqw / var(--wall-rows)));line-height:1.15;max-width:100%;-webkit-line-clamp:1}
.idle-wall-item .idle-image-error{font-size:clamp(6px,1.1cqw,18px)}
.idle-sponsor-wall{animation:idle-sponsor-push var(--idle-sponsor-speed,8s) ease-in-out infinite alternate}
.arena-idle[data-sponsor-template=ticker] .idle-sponsor-stage{animation:idle-sponsor-travel var(--idle-sponsor-speed,8s) ease-in-out infinite alternate}
.arena-idle[data-sponsor-template=classic] .idle-sponsor-stage{animation:idle-sponsor-push var(--idle-sponsor-speed,8s) ease-in-out infinite alternate}
.arena-idle[data-sponsor-template=showcase] .idle-sponsor-stage{animation:idle-sponsor-float var(--idle-sponsor-speed,8s) ease-in-out infinite alternate}
.arena-idle[data-sponsor-template=showcase] .idle-sponsor-stage:before{content:'';position:absolute;z-index:-1;inset:-15%;background:radial-gradient(ellipse,#5084ce33,transparent 65%);animation:idle-pulse 6s ease-in-out infinite}
.arena-idle-next{width:100%;height:100%;display:grid;place-items:center;overflow:hidden}.arena-idle-next>*{max-width:100%;max-height:100%}
.arena-idle.is-paused *{animation-play-state:paused!important}
@keyframes idle-atmosphere-drift{to{transform:translate(25%,20%) scale(1.2)}}
@keyframes idle-ribbon-flow{to{transform:translateY(20%) rotate(-12deg) scale(1.08)}}
@keyframes idle-particle-drift{to{transform:translate(3%,-7%)}}
@keyframes idle-float{50%{transform:translateY(-5%)}}
@keyframes idle-pulse{50%{transform:scale(.97);opacity:.82}}
@keyframes idle-orbit-lap{to{stroke-dashoffset:-100}}
@keyframes idle-sponsor-travel{from{transform:translateX(-10%)}to{transform:translateX(10%)}}
@keyframes idle-sponsor-push{from{transform:scale(.96)}to{transform:scale(1.025)}}
@keyframes idle-sponsor-float{from{transform:translateY(2%) scale(.98)}to{transform:translateY(-2%) scale(1.02)}}
@media(prefers-reduced-motion:reduce){.arena-idle *{animation:none!important}}
@container(max-width:400px){.arena-idle .idle-event-name{-webkit-line-clamp:2}.arena-idle .idle-sponsor-name{font-size:10px;line-height:1.2}.idle-top{letter-spacing:.06em}.idle-eyebrow{letter-spacing:.15em}}