.flux-arena{--flux-arena-void: #02050c;--flux-arena-deep: #050a13;--flux-arena-panel: #08111f;--flux-arena-panel-strong: #0c1727;--flux-arena-ink: #f3f7ff;--flux-arena-muted: #95a5bb;--flux-arena-faint: #8799b1;--flux-arena-amber: var(--flux-arena-accent, #ffb800);--flux-arena-amber-bright: #ffd45c;--flux-arena-class: #ff9a4c;--flux-arena-class-rgb: 255, 154, 76;--flux-arena-pointer-x: 0px;--flux-arena-pointer-y: 0px;--flux-arena-pointer-rx: 0deg;--flux-arena-pointer-ry: 0deg;position:relative;isolation:isolate;overflow:hidden;overflow:clip;color:var(--flux-arena-ink);background:radial-gradient(circle at 12% 12%,rgba(38,126,255,.12),transparent 28%),radial-gradient(circle at 86% 20%,rgba(var(--flux-arena-class-rgb),.11),transparent 30%),linear-gradient(180deg,#050b15 0%,var(--flux-arena-background, var(--flux-arena-void)) 74%,#010308 100%);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.flux-arena,.flux-arena *,.flux-arena *:before,.flux-arena *:after{box-sizing:border-box}.flux-arena button,.flux-arena a{-webkit-tap-highlight-color:transparent}.flux-arena__atmosphere,.flux-arena__atmosphere:before,.flux-arena__atmosphere:after{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.flux-arena__atmosphere{z-index:-1;overflow:hidden}.flux-arena__atmosphere:before{content:"";top:38%;opacity:.26;background-image:linear-gradient(rgba(var(--flux-arena-class-rgb),.16) 1px,transparent 1px),linear-gradient(90deg,rgba(var(--flux-arena-class-rgb),.16) 1px,transparent 1px);background-size:70px 70px;transform:perspective(520px) rotateX(68deg) scale(1.75) translateY(18%);transform-origin:center bottom;mask-image:linear-gradient(to bottom,transparent,#000 18%,#000 78%,transparent);-webkit-mask-image:linear-gradient(to bottom,transparent,#000 18%,#000 78%,transparent)}.flux-arena__atmosphere:after{content:"";opacity:.07;background:repeating-linear-gradient(180deg,transparent 0 3px,#fff 4px);mask-image:linear-gradient(to bottom,transparent,#000 12%,#000 82%,transparent);-webkit-mask-image:linear-gradient(to bottom,transparent,#000 12%,#000 82%,transparent)}.flux-arena__shell{width:min(100%,1600px);margin-inline:auto;padding:var(--flux-arena-padding-top, 64px) clamp(1rem,4vw,4.25rem) var(--flux-arena-padding-bottom, 64px)}.flux-arena__intro{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:1.5rem;margin-bottom:clamp(1.5rem,3vw,2.75rem)}.flux-arena__eyebrow,.flux-arena__count,.flux-arena__stage-index,.flux-arena__dossier-kicker,.flux-arena__position,.flux-arena__status,.flux-arena__stat-label,.flux-arena__move-label,.flux-arena-card__class{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-weight:800;letter-spacing:.16em;text-transform:uppercase}.flux-arena__eyebrow{margin:0 0 .7rem;color:var(--flux-arena-amber);font-size:.72rem}.flux-arena__heading{max-width:14ch;margin:0;color:var(--flux-arena-ink);font-size:clamp(2.6rem,6.8vw,7rem);line-height:.86;letter-spacing:-.065em;text-wrap:balance}.flux-arena__copy{max-width:58ch;margin:1rem 0 0;color:var(--flux-arena-muted);font-size:clamp(.96rem,1.3vw,1.12rem);line-height:1.65}.flux-arena__count{display:inline-flex;align-items:center;min-height:44px;margin:0;padding:.75rem 1rem;border:1px solid rgba(255,255,255,.13);border-radius:999px;color:var(--flux-arena-muted);background:#03080f9e;font-size:.68rem;white-space:nowrap}.flux-arena__classbar{display:none;gap:.5rem;margin-bottom:1rem;overflow-x:auto;padding:3px 3px .45rem;scrollbar-width:none}.flux-arena.is-booting .flux-arena__classbar[hidden]{display:flex!important;visibility:hidden}.flux-arena.is-enhanced .flux-arena__classbar{display:flex}.flux-arena__classbar::-webkit-scrollbar{display:none}.flux-arena__classbar-label{display:inline-flex;flex:0 0 auto;min-height:44px;align-items:center;color:var(--flux-arena-faint);font:800 .62rem/1 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.14em;text-transform:uppercase;white-space:nowrap}.flux-arena__classes{display:flex;gap:.5rem}.flux-arena__class-button{flex:0 0 auto;min-height:44px;padding:.7rem .95rem;border:0;border-radius:999px;color:var(--flux-arena-muted);background:#070f1bc2;box-shadow:inset 0 0 0 1px #ffffff1a;font:800 .68rem/1 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.11em;text-transform:uppercase;white-space:nowrap;cursor:pointer;transition-property:color,background-color,box-shadow,transform;transition-duration:.18s;transition-timing-function:cubic-bezier(.2,0,0,1)}.flux-arena__class-button span{margin-left:.38rem;opacity:.56;font-variant-numeric:tabular-nums}.flux-arena__class-button:hover{color:var(--flux-arena-ink);box-shadow:inset 0 0 0 1px #ffffff38}.flux-arena__class-button[aria-pressed=true]{color:#05080d;background:var(--flux-arena-class);box-shadow:0 0 28px rgba(var(--flux-arena-class-rgb),.28)}.flux-arena__class-button:active{transform:scale(.96)}.flux-arena__stage{display:none;position:relative;min-height:min(760px,78svh);overflow:hidden;overflow:clip;border:1px solid rgba(255,255,255,.1);border-radius:26px;background:radial-gradient(circle at 29% 44%,rgba(var(--flux-arena-class-rgb),.2),transparent 33%),linear-gradient(115deg,#07101deb,#02060cfa);box-shadow:0 36px 100px #00000075}.flux-arena.is-booting .flux-arena__stage[hidden]{display:grid!important;visibility:hidden}.flux-arena.is-enhanced .flux-arena__stage{display:grid;grid-template-columns:minmax(0,1.22fr) minmax(330px,.78fr)}.flux-arena__stage:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:linear-gradient(90deg,transparent 0 68%,rgba(255,255,255,.035) 68% 68.1%,transparent 68.1%),linear-gradient(180deg,rgba(255,255,255,.04),transparent 20%)}.flux-arena__visual{position:relative;display:grid;min-width:0;min-height:640px;place-items:center;overflow:hidden;perspective:1100px}.flux-arena__stage-index{position:absolute;z-index:4;top:1.5rem;left:1.5rem;margin:0;color:#ffffff9e;font-size:.66rem}.flux-arena__stage-index span{color:var(--flux-arena-class)}.flux-arena__class-watermark{position:absolute;z-index:0;bottom:8%;left:50%;width:100%;color:rgba(var(--flux-arena-class-rgb),.08);font-size:clamp(5rem,12vw,12.5rem);font-weight:900;line-height:.72;letter-spacing:-.08em;text-align:center;text-transform:uppercase;transform:translate(-50%);pointer-events:none;white-space:nowrap}.flux-arena__dial,.flux-arena__dial:before,.flux-arena__dial:after{position:absolute;border-radius:50%;pointer-events:none}.flux-arena__dial{z-index:0;top:52%;left:50%;width:min(62vw,620px);aspect-ratio:1;border:1px solid rgba(var(--flux-arena-class-rgb),.2);box-shadow:0 0 75px rgba(var(--flux-arena-class-rgb),.08),inset 0 0 75px rgba(var(--flux-arena-class-rgb),.05);transform:translate(-50%,-50%)}.flux-arena__dial:before,.flux-arena__dial:after{content:"";top:10%;right:10%;bottom:10%;left:10%;border:1px dashed rgba(255,184,0,.22)}.flux-arena__dial:after{top:28%;right:28%;bottom:28%;left:28%;border-style:solid;border-color:#ffffff1a}.flux-arena__stage-art{position:relative;z-index:2;display:block;width:min(78%,610px);height:min(66svh,680px);object-fit:contain;filter:drop-shadow(0 35px 32px rgba(0,0,0,.62));transform:translate3d(var(--flux-arena-pointer-x),var(--flux-arena-pointer-y),0) rotateX(var(--flux-arena-pointer-rx)) rotateY(var(--flux-arena-pointer-ry));transform-origin:50% 58%;transition-property:opacity,filter,transform;transition-duration:.18s,.3s,.16s;transition-timing-function:ease-out}.flux-arena__stage-art.is-changing{opacity:0;filter:blur(4px) brightness(.62);transform:translate3d(var(--flux-arena-pointer-x),calc(var(--flux-arena-pointer-y) + 8px),0) scale(.97)}.flux-arena__stage-glow{position:absolute;z-index:1;bottom:6%;left:50%;width:min(62%,520px);height:17%;border-radius:50%;opacity:.65;background:radial-gradient(ellipse,rgba(var(--flux-arena-class-rgb),.5),transparent 68%);filter:blur(22px);transform:translate(-50%);pointer-events:none}.flux-arena__dossier{position:relative;z-index:3;display:flex;min-width:0;flex-direction:column;justify-content:center;gap:1.15rem;padding:clamp(2rem,4vw,4rem);background:linear-gradient(180deg,#0a1422c7,#03080ff0);box-shadow:inset 1px 0 #ffffff14;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.flux-arena__dossier:before{content:"";position:absolute;top:clamp(2rem,4vw,4rem);bottom:clamp(2rem,4vw,4rem);left:0;width:2px;background:linear-gradient(180deg,transparent,var(--flux-arena-class),var(--flux-arena-amber),transparent);box-shadow:0 0 24px rgba(var(--flux-arena-class-rgb),.5)}.flux-arena__dossier-kicker{margin:0;color:var(--flux-arena-class);font-size:.68rem}.flux-arena__name{margin:0;color:var(--flux-arena-ink);font-size:clamp(2.8rem,5.4vw,5.8rem);line-height:.82;letter-spacing:-.06em;text-transform:uppercase}.flux-arena__identity{display:flex;align-items:center;gap:.75rem;margin:-.35rem 0 0;color:var(--flux-arena-muted);font-size:.78rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.flux-arena__identity b{width:4px;height:4px;border-radius:50%;background:var(--flux-arena-amber);box-shadow:0 0 12px #ffb800b3}.flux-arena__combat{display:grid;gap:1rem;min-height:218px;padding-top:1rem;border-top:1px solid rgba(255,255,255,.09)}.flux-arena__status{min-height:1.2rem;margin:0;color:var(--flux-arena-faint);font-size:.62rem;line-height:1.5}.flux-arena__status[data-state=ready]{color:#79e7b1}.flux-arena__status[data-state=error]{color:#f0b7b7}.flux-arena__stats{display:grid;gap:.75rem}.flux-arena__stat{display:grid;grid-template-columns:minmax(72px,auto) 1fr auto;align-items:center;gap:.75rem}.flux-arena__stat-label{color:var(--flux-arena-muted);font-size:.62rem}.flux-arena__stat-output{min-width:2.5ch;color:var(--flux-arena-ink);font-variant-numeric:tabular-nums;text-align:right}.flux-arena__meter{width:100%;height:5px;border:0;border-radius:999px;background:#ffffff17;-webkit-appearance:none;appearance:none}.flux-arena__meter::-webkit-meter-bar{height:5px;border:0;border-radius:999px;background:#ffffff17}.flux-arena__meter::-webkit-meter-optimum-value{border-radius:999px;background:linear-gradient(90deg,var(--flux-arena-class),var(--flux-arena-amber-bright));box-shadow:0 0 12px rgba(var(--flux-arena-class-rgb),.36)}.flux-arena__meter::-moz-meter-bar{border-radius:999px;background:linear-gradient(90deg,var(--flux-arena-class),var(--flux-arena-amber-bright))}.flux-arena__moves{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.55rem}.flux-arena__move{min-width:0;padding:.8rem;border:1px solid rgba(255,255,255,.08);border-radius:12px;background:#ffffff06}.flux-arena__move-label{display:block;margin-bottom:.4rem;color:var(--flux-arena-faint);font-size:.55rem}.flux-arena__move-value{display:block;overflow-wrap:anywhere;color:var(--flux-arena-ink);font-size:.78rem;font-weight:750;line-height:1.3}.flux-arena__actions{display:flex;flex-wrap:wrap;gap:.7rem}.flux-arena__play,.flux-arena__trailer{display:inline-flex;min-height:48px;align-items:center;justify-content:center;padding:.82rem 1.15rem;border:1px solid transparent;border-radius:10px;font-size:.78rem;font-weight:850;letter-spacing:.1em;text-align:center;text-decoration:none;text-transform:uppercase;transition-property:transform,filter,color,border-color,background-color;transition-duration:.18s;transition-timing-function:ease-out}.flux-arena__play{color:#07090c;background:linear-gradient(110deg,var(--flux-arena-amber-bright),var(--flux-arena-amber) 55%,#ff8218);box-shadow:0 16px 42px -18px #ffb800c2}.flux-arena__trailer{color:var(--flux-arena-ink);border-color:#ffffff26;background:#ffffff09}.flux-arena__play:hover,.flux-arena__trailer:hover{transform:translateY(-2px)}.flux-arena__play:hover{filter:brightness(1.07)}.flux-arena__trailer:hover{border-color:#ffffff52}.flux-arena__controls{position:absolute;z-index:5;bottom:1.5rem;left:1.5rem;display:flex;align-items:center;gap:.55rem}.flux-arena__control{display:grid;width:46px;height:46px;padding:0;border:1px solid rgba(255,255,255,.13);border-radius:50%;place-items:center;color:var(--flux-arena-ink);background:#03080fb3;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);cursor:pointer;transition-property:transform,border-color,background-color;transition-duration:.16s}.flux-arena__control:hover{border-color:var(--flux-arena-class);background:rgba(var(--flux-arena-class-rgb),.12);transform:translateY(-2px)}.flux-arena__position{min-width:70px;margin:0 .15rem;color:var(--flux-arena-muted);font-size:.64rem;font-variant-numeric:tabular-nums;text-align:center}.flux-arena__position strong{color:var(--flux-arena-ink)}.flux-arena__rail-label{display:none;align-items:center;justify-content:space-between;gap:1rem;margin:1.2rem 0 .7rem;color:var(--flux-arena-muted);font:800 .65rem/1.3 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.13em;text-transform:uppercase}.flux-arena.is-enhanced .flux-arena__rail-label{display:flex}.flux-arena.is-booting .flux-arena__rail-label{display:flex;visibility:hidden}.flux-arena__rail-label span:last-child{color:var(--flux-arena-faint)}.flux-arena__roster{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.85rem;margin:2rem 0 0;padding:0;list-style:none}.flux-arena.is-enhanced .flux-arena__roster{display:flex;gap:.65rem;margin-top:0;overflow-x:auto;padding:3px 3px .75rem;scroll-snap-type:x proximity;scrollbar-color:rgba(var(--flux-arena-class-rgb),.5) rgba(255,255,255,.06);scrollbar-width:thin}.flux-arena.is-booting .flux-arena__roster{display:flex;gap:.65rem;margin-top:0;overflow:hidden;padding:3px 3px .75rem}.flux-arena.is-booting .flux-arena__roster-section{visibility:hidden}.flux-arena.is-booting[data-initial-class=fighter] .flux-arena-card:not([data-flux-class=fighter]),.flux-arena.is-booting[data-initial-class=mage] .flux-arena-card:not([data-flux-class=mage]),.flux-arena.is-booting[data-initial-class=tank] .flux-arena-card:not([data-flux-class=tank]),.flux-arena.is-booting[data-initial-class=assassin] .flux-arena-card:not([data-flux-class=assassin]),.flux-arena.is-booting[data-initial-class=support] .flux-arena-card:not([data-flux-class=support]),.flux-arena.is-booting[data-initial-class=marksman] .flux-arena-card:not([data-flux-class=marksman]),.flux-arena.is-booting[data-initial-class=brawler] .flux-arena-card:not([data-flux-class=brawler]){display:none}.flux-arena-card{position:relative;min-width:0;overflow:hidden;border-radius:16px;background:var(--flux-arena-panel);box-shadow:inset 0 0 0 1px #ffffff17}.flux-arena.is-enhanced .flux-arena-card{flex:0 0 clamp(142px,13vw,182px);scroll-snap-align:start;transition-property:opacity,transform,box-shadow;transition-duration:.2s;transition-timing-function:ease-out}.flux-arena.is-booting .flux-arena-card{flex:0 0 clamp(142px,13vw,182px)}.flux-arena.is-enhanced .flux-arena-card[hidden]{display:none}.flux-arena.is-enhanced[data-flux-active-class=fighter] .flux-arena-card:not([data-flux-class=fighter]),.flux-arena.is-enhanced[data-flux-active-class=mage] .flux-arena-card:not([data-flux-class=mage]),.flux-arena.is-enhanced[data-flux-active-class=tank] .flux-arena-card:not([data-flux-class=tank]),.flux-arena.is-enhanced[data-flux-active-class=assassin] .flux-arena-card:not([data-flux-class=assassin]),.flux-arena.is-enhanced[data-flux-active-class=support] .flux-arena-card:not([data-flux-class=support]),.flux-arena.is-enhanced[data-flux-active-class=marksman] .flux-arena-card:not([data-flux-class=marksman]),.flux-arena.is-enhanced[data-flux-active-class=brawler] .flux-arena-card:not([data-flux-class=brawler]){display:none}.flux-arena-card__select,.flux-arena-card__fallback{position:absolute;z-index:3;top:0;right:0;bottom:0;left:0;display:none;width:100%;min-height:44px;padding:0;border:0;color:inherit;background:transparent;text-align:left;text-decoration:none;color:transparent;font-size:0;border-radius:inherit}.flux-arena-card__select{cursor:pointer}.flux-arena-card__fallback,.flux-arena.is-enhanced .flux-arena-card__select{display:block}.flux-arena.is-enhanced .flux-arena-card__fallback{display:none}.flux-arena-card__art{display:grid;aspect-ratio:1 / 1.1;place-items:center;overflow:hidden;background:radial-gradient(circle at 50% 36%,rgba(var(--flux-arena-class-rgb),.16),transparent 60%),var(--flux-arena-deep)}.flux-arena-card__image{display:block;width:100%;height:100%;object-fit:contain;filter:saturate(.82);transition-property:transform,filter,opacity;transition-duration:.22s;transition-timing-function:ease-out}.flux-arena:not(.is-booting):not(.is-enhanced):not(.is-fallback) .flux-arena-card__image[data-art-state=placeholder]{display:none}.flux-arena-card__meta{display:grid;gap:.25rem;padding:.8rem .9rem .9rem;box-shadow:inset 0 1px #ffffff14}.flux-arena-card__name{color:var(--flux-arena-ink);font-size:.88rem;font-weight:850;letter-spacing:.045em;line-height:1.15;text-transform:uppercase}.flux-arena-card__class{color:var(--flux-arena-muted);font-size:.58rem}.flux-arena-card__position{color:var(--flux-arena-faint);font:800 .56rem/1.2 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.1em;font-variant-numeric:tabular-nums}.flux-arena.is-enhanced .flux-arena-card:hover{transform:translateY(-3px)}.flux-arena.is-enhanced .flux-arena-card:hover .flux-arena-card__image{filter:saturate(1);transform:scale(1.025)}.flux-arena.is-enhanced .flux-arena-card[data-flux-selected=true]{box-shadow:inset 0 0 0 2px var(--flux-arena-class),0 16px 36px -22px rgba(var(--flux-arena-class-rgb),.76)}.flux-arena.is-enhanced .flux-arena-card[data-flux-selected=true] .flux-arena-card__image{filter:saturate(1.06) brightness(1.04)}.flux-arena__announcer{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}.flux-arena__class-button:focus-visible,.flux-arena__control:focus-visible,.flux-arena__play:focus-visible,.flux-arena__trailer:focus-visible,.flux-arena-card__select:focus-visible,.flux-arena-card__fallback:focus-visible{outline:3px solid #ffd45c;outline-offset:3px}.flux-arena-card__select:focus-visible,.flux-arena-card__fallback:focus-visible{outline-offset:-4px}@media(max-width:1180px){.flux-arena.is-enhanced .flux-arena__stage{grid-template-columns:minmax(0,1fr) minmax(320px,.88fr)}.flux-arena__moves{grid-template-columns:1fr}.flux-arena__combat{min-height:280px}}@media(max-width:989px),(pointer:coarse),(pointer:none){.flux-arena__shell{display:flex;flex-direction:column;padding-inline:clamp(.85rem,3.5vw,2rem)}.flux-arena__intro{grid-template-columns:1fr;align-items:start}.flux-arena__roster-section{margin-bottom:1rem}.flux-arena.is-booting .flux-arena__classbar{order:1}.flux-arena.is-booting .flux-arena__roster-section{order:2}.flux-arena.is-booting .flux-arena__stage{order:3}.flux-arena__count{justify-self:start}.flux-arena.is-enhanced .flux-arena__stage{grid-template-columns:1fr;min-height:0}.flux-arena__stage:before{display:none}.flux-arena__visual{min-height:500px}.flux-arena__stage-art{width:min(82%,520px);height:480px;transform:none!important}.flux-arena__dial{width:min(86vw,520px)}.flux-arena__dossier{padding:clamp(1.5rem,5vw,2.5rem);box-shadow:inset 0 1px #ffffff14}.flux-arena__dossier:before{top:0;right:clamp(1.5rem,5vw,2.5rem);bottom:auto;left:clamp(1.5rem,5vw,2.5rem);width:auto;height:2px}.flux-arena__moves{grid-template-columns:repeat(3,minmax(0,1fr))}.flux-arena__combat{min-height:218px}.flux-arena__roster{grid-template-columns:repeat(2,minmax(0,1fr))}.flux-arena.is-enhanced .flux-arena-card{flex-basis:clamp(132px,38vw,168px)}}@media(max-width:620px){.flux-arena__shell{padding-top:3.2rem}.flux-arena__heading{font-size:clamp(2.55rem,15vw,4.4rem)}.flux-arena__stage{border-radius:20px}.flux-arena__visual{min-height:430px}.flux-arena__stage-art{width:min(90%,430px);height:410px}.flux-arena__stage-index{top:1rem;left:1rem}.flux-arena__controls{bottom:1rem;left:1rem}.flux-arena__name{font-size:clamp(2.65rem,16vw,4.3rem)}.flux-arena__moves{grid-template-columns:1fr}.flux-arena__combat{min-height:330px}.flux-arena__actions{display:grid;grid-template-columns:1fr}.flux-arena__roster{grid-template-columns:1fr 1fr}}@media(prefers-reduced-motion:reduce){.flux-arena *,.flux-arena *:before,.flux-arena *:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.flux-arena__stage-art{transform:none!important}.flux-arena__atmosphere:after{display:none}}@media(forced-colors:active){.flux-arena__class-button,.flux-arena__stage,.flux-arena__control,.flux-arena-card,.flux-arena__move,.flux-arena__play,.flux-arena__trailer{border:1px solid CanvasText}.flux-arena__class-button[aria-pressed=true],.flux-arena-card[data-flux-selected=true]{outline:3px solid Highlight}.flux-arena__meter{forced-color-adjust:none}}
/*# sourceMappingURL=/cdn/shop/t/20/assets/flux-champion-arena.css.map */