.character-coming-soon{align-items:center;gap:var(--character-teaser-gap);color:var(--accent);font-family:var(--font-ui);font-size:var(--fs-caption);line-height:var(--line-height-content-sm);flex-wrap:wrap;display:flex}.character-coming-soon--card{text-align:center;font-size:var(--font-size-content-xs);line-height:var(--line-height-content-xs);flex-direction:column;gap:0}.iw-char-frame:has(.character-coming-soon--card){position:relative}.iw-char-frame .character-coming-soon--card{z-index:2;inset-inline:var(--cc-portrait-inset);bottom:var(--cc-portrait-inset);border-radius:0 0 var(--cc-portrait-radius) var(--cc-portrait-radius);background:color-mix(in srgb, var(--surface-void) 86%, transparent);letter-spacing:.06em;text-transform:uppercase;color:#b4a9ff;border-top:1px solid #8e7cff8c;gap:0;padding:.25rem .25rem .3125rem;font-size:9px;line-height:13px;position:absolute}.iw-char-frame .character-coming-soon--card>span:first-child{white-space:nowrap}@media (width<=767px){.iw-char-frame .character-coming-soon--card{letter-spacing:.04em;padding:.1875rem .125rem .25rem;font-size:8px;line-height:11px}.iw-char-frame .character-coming-soon--card time{font-size:11px;line-height:14px}}.iw-window--coverflow .iw-window-title{--fs-section-title:57px}.iw-window--coverflow .iw-window-title-label{letter-spacing:0;font-weight:500;line-height:62px}.iw-window--coverflow .iw-faction-heading{--fs-section-title:34px;width:min(calc(680px * var(--heading-scale) * .65), 80%)}.iw-window--coverflow .iw-faction-heading:before{content:none}.iw-window--coverflow .iw-faction-heading-icon{aspect-ratio:1}.iw-window--coverflow .iw-faction-name{letter-spacing:0;font-weight:500;line-height:38px}.iw-window--coverflow .iw-tab{letter-spacing:.02em;text-transform:uppercase;font-size:20px;font-weight:500;line-height:30px}.iw-window--coverflow .iw-faction-cardname{letter-spacing:0;font-size:14px;font-weight:400;line-height:20px}.iw-window--coverflow .char-rarity-pill{letter-spacing:0;font-size:20px;font-weight:500;line-height:24px}.iw-window--coverflow .iw-char-card{--cc-name-size:14px;--cc-name-line:20px}.iw-window--coverflow .cc-name{font-weight:400}.iw-window--coverflow .iw-hidden-label{letter-spacing:.05em;text-transform:uppercase;font-size:12px;font-weight:500;line-height:16px}.iw-window--coverflow .iw-empty{font-size:16px;font-weight:400;line-height:24px}@media (width<=1199px){.iw-window--coverflow .iw-tab{font-size:16px;line-height:24px}}@media (width<=767px){.iw-window--coverflow .iw-window-title{--fs-section-title:34px}.iw-window--coverflow .iw-window-title-label{line-height:38px}.iw-window--coverflow .iw-faction-heading{--fs-section-title:26px}.iw-window--coverflow .iw-faction-name{line-height:30px}.iw-window--coverflow .iw-faction-cardname{font-size:12px;line-height:16px}.iw-window--coverflow .iw-char-card{--cc-name-size:12px;--cc-name-line:16px}}@media (width<=359px){.iw-window--coverflow .iw-faction-heading{width:92%}}.iw-window--coverflow .iw-char-frame .character-coming-soon--card{container-type:inline-size}.iw-window--coverflow .iw-char-frame .character-coming-soon--card>span{white-space:nowrap}@container (width<=99px){.iw-window--coverflow .iw-char-frame .character-coming-soon--card>span{letter-spacing:.04em;font-size:min(10px,10.8cqi)}}@container (width<=70px){.iw-window--coverflow .iw-char-frame .character-coming-soon--card>span{font-size:min(10px,13.6cqi)}.iw-window--coverflow .iw-char-frame .character-coming-soon--card>span:first-child:before{display:none}}.iw-coverflow{--card-w:clamp(160px, 14vw, 230px);--card-h:calc(var(--card-w) * 700 / 281)}.iw-coverflow-stage{height:calc(var(--card-h) + 48px);perspective:calc(var(--card-w) * 4.5);perspective-origin:50% 45%;touch-action:pan-y;user-select:none;cursor:grab;position:relative;overflow:clip}.iw-coverflow-stage.is-dragging{cursor:grabbing}.iw-coverflow-stage:before{content:"";width:calc(var(--card-w) * 3);pointer-events:none;background:radial-gradient(closest-side,#f0d27a38,#0000);height:56px;position:absolute;bottom:6px;left:50%;translate:-50%}.iw-coverflow-card,.iw-coverflow-seam{will-change:transform, opacity;backface-visibility:hidden;position:absolute;bottom:24px;left:50%}.iw-window--coverflow .iw-faction-card.iw-coverflow-card{width:var(--card-w);aspect-ratio:281/700;min-width:0;max-width:none;height:auto;margin-left:calc(var(--card-w) / -2);transform-origin:50%;flex:none;transition:none;position:absolute}.iw-coverflow-shade{opacity:var(--shade,0);pointer-events:none;-webkit-mask:var(--banner) center / 100% 100% no-repeat;mask:var(--banner) center / 100% 100% no-repeat;background:#070c16;position:absolute;inset:0}.iw-coverflow-card .iw-faction-cardname{z-index:1}.iw-coverflow-card.is-selected .iw-faction-cardname{color:#f0d27a}.iw-coverflow-card:focus-visible{outline-offset:4px;outline:2px solid #f0d27a}.iw-coverflow-card img{pointer-events:none}.iw-coverflow-seam{width:18px;height:var(--card-h);pointer-events:none;flex-direction:column;align-items:center;gap:12px;margin-left:-9px;display:flex}.iw-coverflow-seam:before,.iw-coverflow-seam:after{content:"";background:linear-gradient(#ffdd6e00,#ffdd6e);flex:1;width:1px}.iw-coverflow-seam:after{background:linear-gradient(#ffdd6e,#ffdd6e00)}.iw-coverflow-seam-diamond{border:1.5px solid #ffdd6e;flex:none;width:11.3px;height:11.3px;rotate:45deg}@media (width<=767px){.iw-coverflow{--card-w:38vw}.iw-shell:has(.iw-window--coverflow){padding-top:calc(var(--header-height) + 4px)}.iw-window--coverflow .iw-tabs{margin:0 auto}.iw-window--coverflow .iw-tab{min-height:36px}.iw-window--coverflow .iw-window-title,.iw-window--coverflow .iw-faction-dots{display:none}.iw-window--coverflow .iw-tabs{margin-bottom:6px}.iw-window--coverflow .iw-carousel{margin-block:0}.iw-coverflow-stage{height:calc(var(--card-h) + 28px)}.iw-coverflow-card,.iw-coverflow-seam{bottom:14px}.iw-window--coverflow .iw-faction-heading{min-height:36px;margin:6px auto 2px}.iw-window--coverflow .iw-rarity-header{margin-top:10px}}.iw-window--coverflow .iw-invokers{overflow-anchor:none}.iw-window--coverflow .iw-faction-heading{top:var(--header-height);z-index:15;position:sticky}.iw-window--coverflow .iw-faction-heading:after{content:"";z-index:0;width:100vw;left:50%;top:calc(var(--header-height) * -1);opacity:0;pointer-events:none;background:linear-gradient(#090f1b calc(100% - 28px),#090f1b00);transition:opacity .2s;position:absolute;bottom:-28px;translate:-50%}.iw-window--coverflow .iw-faction-heading.is-docked:after{opacity:1}.iw-window--coverflow .iw-faction-heading.is-instant:after{transition:none}.iw-arrow.iw-dock-arrow{z-index:16;opacity:0;pointer-events:none;transition:opacity .15s,transform .4s cubic-bezier(.2,.8,.2,1);position:fixed;top:0;left:0;right:auto}.iw-arrow.iw-dock-arrow.is-instant{transition:opacity .15s}.iw-arrow.iw-dock-arrow.is-visible{opacity:1;pointer-events:auto}.is-dock-active .iw-coverflow>.iw-arrow{visibility:hidden}.iw-window--coverflow .iw-roster,.iw-window--coverflow.is-animated .iw-faction-heading{animation:none}.iw-window--coverflow.is-animated .iw-faction-name{animation:.35s cubic-bezier(.2,.8,.2,1) both iw-rise}.iw-window--coverflow.is-animated .iw-faction-heading-icon{animation:.5s cubic-bezier(.2,.8,.2,1) 80ms both iw-emblem-in}.iw-window--coverflow.is-animated .iw-faction-heading.is-instant .iw-faction-name,.iw-window--coverflow.is-animated .iw-faction-heading.is-instant .iw-faction-heading-icon{animation:none}.iw-window--coverflow.is-animated .iw-reveal{--reveal-start:.12s;--card-lead:.18s;--card-step:40ms}.iw-window--coverflow.is-animated .iw-roster.is-instant .iw-reveal{--reveal-start:0s;--card-lead:.12s;--card-step:30ms}.iw-window--coverflow.is-animated .iw-reveal .iw-rarity-header:before,.iw-window--coverflow.is-animated .iw-reveal .char-rarity-pill,.iw-window--coverflow.is-animated .iw-reveal .iw-char-card{opacity:0}.iw-window--coverflow.is-animated .iw-reveal.is-in .iw-rarity-header:before{animation:iw-rule-in .5s cubic-bezier(.2, .8, .2, 1) var(--reveal-start,0s) both}.iw-window--coverflow.is-animated .iw-reveal.is-in .char-rarity-pill{animation:iw-pill-in .4s cubic-bezier(.2, .8, .2, 1) calc(var(--reveal-start,0s) + .3s) both}.iw-window--coverflow.is-animated .iw-reveal.is-in .iw-char-card{animation:.45s cubic-bezier(.2,.8,.2,1) both iw-card-in;animation-delay:calc(var(--reveal-start,0s) + var(--card-lead,.55s) + var(--i,0) * var(--card-step,80ms))}@keyframes iw-rise{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}@keyframes iw-emblem-in{0%{opacity:0;transform:translate(-50%,-50%)scale(.88)}to{transform:translate(-50%,-50%)}}@keyframes iw-rule-in{0%{opacity:0;transform:translateY(-50%)scaleX(0)}to{opacity:.72;transform:translateY(-50%)scaleX(1)}}@keyframes iw-pill-in{0%{opacity:0;transform:scale(.85)}to{opacity:1;transform:none}}@keyframes iw-card-in{0%{opacity:0;transform:translateY(14px)scale(.96)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.iw-window--coverflow.is-animated .iw-faction-name,.iw-window--coverflow.is-animated .iw-faction-heading-icon,.iw-window--coverflow.is-animated .iw-reveal.is-in .iw-rarity-header:before,.iw-window--coverflow.is-animated .iw-reveal.is-in .char-rarity-pill,.iw-window--coverflow.is-animated .iw-reveal.is-in .iw-char-card{animation:none}.iw-window--coverflow.is-animated .iw-reveal .iw-rarity-header:before{opacity:.72}.iw-window--coverflow.is-animated .iw-reveal .char-rarity-pill,.iw-window--coverflow.is-animated .iw-reveal .iw-char-card{opacity:1}}