.hcombat{grid-template-columns:minmax(0,1.55fr) minmax(0,1fr);align-items:center;gap:clamp(24px,4vw,56px);display:grid}.hcombat__shot{aspect-ratio:16/10;border:var(--vx-border-hairline) solid var(--vx-color-line-strong);box-shadow:var(--home-shadow);margin:0;position:relative;overflow:hidden}.hcombat__frame{opacity:0;transition:opacity .65s var(--home-ease-io);position:absolute;inset:0}.hcombat__frame--on{opacity:1}.hcombat__frame img{object-fit:cover;width:100%;height:100%;transition:transform 5s var(--home-ease);transform:scale(1.04)}.hcombat__frame--on img{transform:scale(1)}.hcombat__shot figcaption{z-index:2;left:var(--vx-space-12);bottom:var(--vx-space-10);padding:var(--vx-space-4) var(--vx-space-8);background-color:var(--home-scrim);position:absolute}.hcombat__shot figcaption span{color:var(--ink)}.hcombat__sweep{z-index:2;height:var(--vx-border-hairline);background-color:var(--vx-color-accent);opacity:0;position:absolute;top:-2px;left:0;right:0}.hcombat__dock{gap:var(--vx-space-12);flex-direction:column;display:flex}.hcombat__slots{gap:var(--vx-space-8);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.hcombat__slot{justify-content:center;align-items:center;gap:var(--vx-space-10);aspect-ratio:1.15;padding:var(--vx-space-18) var(--vx-space-6) var(--vx-space-12);border:var(--vx-border-hairline) solid var(--vx-color-line);background-color:var(--vx-color-plate);color:var(--vx-color-text-muted);cursor:pointer;transition:background-color var(--vx-motion-quick-duration) var(--home-ease), border-color var(--vx-motion-quick-duration) var(--home-ease), color var(--vx-motion-quick-duration) var(--home-ease);flex-direction:column;display:flex;position:relative;overflow:hidden}.hcombat__slot .home-glyph{width:clamp(26px,2.4vw,32px);height:clamp(26px,2.4vw,32px);color:var(--ink);opacity:.72;transition:opacity var(--vx-motion-quick-duration) var(--home-ease), transform var(--vx-motion-quick-duration) var(--home-ease)}.hcombat__name{font-weight:600;font-size:var(--vx-text-11);letter-spacing:var(--vx-tracking-12);text-align:center;text-wrap:balance;line-height:1.2}.hcombat__slot:hover{border-color:var(--vx-color-line-strong);color:var(--vx-color-text)}.hcombat__slot:hover .home-glyph{opacity:1}.hcombat__slot[aria-pressed=true]{border-color:color-mix(in srgb, var(--ink) 60%, transparent);background-color:color-mix(in srgb, var(--ink) 12%, var(--vx-color-plate));color:var(--vx-color-text)}.hcombat__slot[aria-pressed=true] .home-glyph{opacity:1;transform:scale(1.08)}.hcombat__timer{width:100%;height:var(--vx-border-strong);background-color:var(--ink);transform-origin:0;position:absolute;bottom:0;left:0;transform:scaleX(0)}.hcombat__tip{--corner:color-mix(in srgb, var(--ink) 75%, transparent);--rule:var(--ink);min-height:140px}.hcombat__tip p{padding:var(--vx-space-14) var(--vx-space-16) var(--vx-space-18);margin:0}.hcombat__tipicon{color:var(--ink);place-items:center;display:grid}.hcombat__tiplabel{font-weight:700;font-size:var(--vx-text-14);letter-spacing:var(--vx-tracking-16);flex:1}@media (prefers-reduced-motion:no-preference){.hcombat__shot.rv-in .hcombat__sweep{animation:hcombat-sweep 1.6s var(--home-ease-io) .3s both}.hcombat__tip>*{animation:hcombat-tip .36s var(--home-ease) both}.hcombat__slot--auto .hcombat__timer{animation:5.5s linear both hcombat-timer}}@media (prefers-reduced-motion:reduce){.hcombat__frame,.hcombat__frame img{transition:none}}@keyframes hcombat-sweep{0%{opacity:0;top:-2px}10%{opacity:.8}90%{opacity:.6}to{opacity:0;top:100%}}@keyframes hcombat-tip{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}@keyframes hcombat-timer{to{transform:scaleX(1)}}@media (max-width:900px){.hcombat{grid-template-columns:1fr}}@media (max-width:520px){.hcombat__name{font-size:var(--vx-text-10)}}
.hturn{place-items:center;display:grid;position:relative;container-type:size}.hturn>*{grid-area:1/1}.hturn__light{background:radial-gradient(closest-side, var(--vx-color-track), transparent);border-radius:50%;width:78cqmin;height:78cqmin}.hturn__ring{border:var(--vx-border-hairline) solid color-mix(in srgb, var(--ink) 40%, transparent);border-radius:50%;width:98cqmin;height:98cqmin}.hturn__spin{width:80cqmin;height:80cqmin;display:grid}.hturn__ticks{--tick:color-mix(in srgb, var(--ink) 58%, transparent);border:var(--vx-border-hairline) solid color-mix(in srgb, var(--ink) 28%, transparent);border-radius:50%;position:relative}.hturn__ticks:before,.hturn__ticks:after{content:"";border-radius:50%;position:absolute;inset:0}.hturn__ticks:before{background:repeating-conic-gradient(from -.45deg, var(--tick) 0 .9deg, transparent .9deg 5deg);-webkit-mask:radial-gradient(closest-side, transparent 88.5%, var(--vx-color-menu) 89%, var(--vx-color-menu) 95%, transparent 95.5%);mask:radial-gradient(closest-side, transparent 88.5%, var(--vx-color-menu) 89%, var(--vx-color-menu) 95%, transparent 95.5%)}.hturn__ticks:after{background:repeating-conic-gradient(from -.6deg, var(--tick) 0 1.2deg, transparent 1.2deg 30deg);-webkit-mask:radial-gradient(closest-side, transparent 83.5%, var(--vx-color-menu) 84%, var(--vx-color-menu) 95%, transparent 95.5%);mask:radial-gradient(closest-side, transparent 83.5%, var(--vx-color-menu) 84%, var(--vx-color-menu) 95%, transparent 95.5%)}.hturn__core{border:var(--vx-border-hairline) solid var(--vx-color-line);border-radius:50%;width:40cqmin;height:40cqmin}.hpips{grid-template-columns:repeat(var(--of), minmax(0, 1fr));gap:var(--vx-space-2);height:var(--vx-space-8);display:grid}.hpips>i{background-color:var(--vx-color-track)}.hpips>.hpips__on{background-color:var(--pip,var(--vx-color-accent))}@media (prefers-reduced-motion:no-preference){.hturn__spin{animation:150s linear infinite hturn-spin}.hturn__ticks{animation:hturn-flick 1.1s var(--home-ease) both}.hpips>i{transition:background-color var(--vx-motion-quick-duration) var(--home-ease);transition-delay:calc(var(--i) * 18ms)}}@keyframes hturn-spin{to{rotate:360deg}}@keyframes hturn-flick{0%{rotate:-40deg}to{rotate:none}}
.hdrones{gap:var(--vx-space-24) clamp(24px, 4vw, 48px);grid-template:"wing head""wing bays"1fr/minmax(0,1fr) minmax(0,1.15fr);margin-top:clamp(64px,9vw,120px);display:grid}.hdrones__wing{aspect-ratio:1;box-shadow:var(--home-shadow);grid-area:wing;align-self:start;margin:0;overflow:hidden}.hdrones__wing img{object-fit:cover;width:100%;height:100%}.hdrones__wing figcaption{z-index:2;left:var(--vx-space-12);bottom:var(--vx-space-10);padding:var(--vx-space-4) var(--vx-space-8);background-color:var(--home-scrim);position:absolute}.hdrones__wing figcaption span{color:var(--vx-color-text-soft)}.hdrones__head{gap:var(--vx-space-10);flex-direction:column;grid-area:head;display:flex}.hdrones__head .home-glyph{width:var(--vx-space-16);height:var(--vx-space-16)}.hdrones__bays{gap:var(--vx-space-16);grid-area:bays;grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch;display:grid}.hdrones__bay{flex-direction:column;display:flex}.hdrones__bay .home-panel__head .home-glyph{color:var(--vx-color-accent)}.hdrones__bay h4{margin:0}.hdrones__body{gap:var(--vx-space-12);flex-direction:column;flex:1;display:flex}.hdrones__pad{min-height:calc(var(--vx-space-16) * 11);flex:1}.hdrones__float{place-items:center;width:80cqmin;height:80cqmin;display:grid}.hdrones__float img{object-fit:contain;max-width:100%;max-height:100%;filter:var(--home-drop);grid-area:1/1}.hdrones__look{opacity:0}.hdrones__look--on{opacity:1}.hdrones__looks{gap:var(--vx-space-4);min-height:calc(var(--vx-space-14) * 2);grid-auto-columns:minmax(0,1fr);grid-auto-flow:column;display:grid}.hdrones__looks--none{visibility:hidden}.hdrones__state{padding:var(--vx-space-4) var(--vx-space-6);border:var(--vx-border-hairline) solid var(--vx-color-line);background-color:var(--vx-color-plate);color:var(--vx-color-text-muted);font-family:var(--home-mono);font-weight:600;font-size:var(--vx-text-10);letter-spacing:var(--vx-tracking-08);white-space:nowrap;cursor:pointer}.hdrones__state:hover{border-color:var(--vx-color-line-strong);color:var(--vx-color-text)}.hdrones__state[aria-pressed=true]{border-color:var(--vx-color-accent-dim);background-color:var(--vx-color-accent-faint);color:var(--vx-color-accent)}.hdrones__state--combat[aria-pressed=true]{border-color:var(--vx-color-hostile-line);background-color:color-mix(in srgb, var(--vx-color-hostile) 10%, var(--vx-color-plate));color:var(--vx-color-hostile-ink)}.hdrones__state--full[aria-pressed=true]{border-color:color-mix(in srgb, var(--vx-color-caution) 55%, transparent);background-color:color-mix(in srgb, var(--vx-color-caution) 10%, var(--vx-color-plate));color:var(--vx-color-caution)}.hdrones__line{min-height:3lh}.hdrones__row{align-items:center;gap:var(--vx-space-12);display:flex}.hdrones__row>.home-caption{width:calc(var(--vx-space-16) * 4);flex:none}.hdrones__slots{gap:var(--vx-space-6);display:flex}.hdrones__slot{width:calc(var(--vx-space-22) * 2);height:calc(var(--vx-space-22) * 2);border:var(--vx-border-hairline) solid color-mix(in srgb, var(--vx-color-rarity-legendary) 45%, transparent);background-color:color-mix(in srgb, var(--vx-color-rarity-legendary) 6%, var(--vx-color-plate));display:grid}.hdrones__slot img{object-fit:contain;grid-area:1/1;width:78%;height:78%;margin:auto}.hdrones__slot img+img{opacity:0}.hdrones__levels{gap:var(--vx-space-2);max-width:calc(var(--vx-space-16) * 10);flex:1;grid-template-columns:repeat(6,minmax(0,1fr));display:grid}.hdrones__lv{height:calc(var(--vx-space-10) * 2);padding:var(--vx-space-6) 0;background-color:var(--vx-color-track);cursor:pointer;background-clip:content-box;border:0}.hdrones__lv--on{background-color:var(--vx-color-accent)}.hdrones__levels--max>.hdrones__lv{background-color:var(--vx-color-caution)}.hdrones__lv:hover{padding:var(--vx-space-4) 0}.hdrones__lv:focus-visible{outline:var(--vx-border-hairline) solid var(--vx-color-accent);outline-offset:var(--vx-space-2)}@media (prefers-reduced-motion:no-preference){.hdrones__float{animation:hdrones-hover 5s var(--vx-easing-ease-in-out-sine) infinite alternate}.hdrones__bay--nautilus .hdrones__float{animation-delay:-2.5s}.hdrones__slot img{animation:hdrones-swap 8s var(--home-ease-io) -4s infinite}.hdrones__slot img+img{animation-delay:0s}.hdrones__look{transition:opacity .36s var(--home-ease)}.hdrones__lv,.hdrones__state{transition:background-color var(--vx-motion-quick-duration) var(--home-ease), border-color var(--vx-motion-quick-duration) var(--home-ease), color var(--vx-motion-quick-duration) var(--home-ease), padding var(--vx-motion-quick-duration) var(--home-ease)}}@keyframes hdrones-hover{0%{translate:0 -4px;rotate:-2deg}to{translate:0 4px;rotate:2deg}}@keyframes hdrones-swap{0%,42%{opacity:0}50%,92%{opacity:1}to{opacity:0}}@media (max-width:899px){.hdrones{grid-template-rows:none;grid-template-columns:minmax(0,1fr);grid-template-areas:"head""wing""bays"}.hdrones__wing{aspect-ratio:4/3}}@media (max-width:559px){.hdrones__wing{aspect-ratio:1}.hdrones__bays{grid-template-columns:minmax(0,1fr)}.hdrones__body{grid-template-columns:calc(var(--vx-space-16) * 7) minmax(0, 1fr);gap:var(--vx-space-10) var(--vx-space-14);grid-template-areas:"pad line""pad slots""pad level""looks looks";align-items:center;display:grid}.hdrones__pad{aspect-ratio:1;grid-area:pad;min-height:0}.hdrones__looks{grid-area:looks}.hdrones__looks--none{display:none}.hdrones__line{grid-area:line}.hdrones__row--slots{grid-area:slots}.hdrones__row--level{grid-area:level}}
.hfac__stage{--corner:var(--ink);border-color:var(--vx-color-line-strong);min-height:clamp(420px,48vw,560px);box-shadow:var(--home-shadow);overflow:hidden}.hfac__scene{opacity:0;transition:opacity .7s var(--home-ease-io);position:absolute;inset:0}.hfac__scene img{object-fit:cover;width:100%;height:100%;transition:transform 4s var(--home-ease);transform:scale(1.04)}.hfac__scene--on{opacity:1}.hfac__scene--on img{transform:scale(1)}.hfac__veil{background:linear-gradient(90deg, var(--home-scrim) 0%, var(--home-scrim-soft) 45%, transparent 75%), linear-gradient(0deg, var(--home-scrim) 0%, transparent 55%);position:absolute;inset:0}.hfac__info{align-items:flex-end;gap:clamp(20px,3vw,40px);max-width:820px;padding:clamp(24px,4vw,52px);display:flex;position:absolute;inset:auto auto 0 0}.hfac__crest{width:clamp(72px,9vw,120px);height:auto;filter:var(--home-drop);flex:none}.hfac__words{gap:var(--vx-space-10);flex-direction:column;display:flex}.hfac__tagline{color:var(--ink)}.hfac__name{font-weight:700;font-size:var(--home-text-display);letter-spacing:var(--vx-tracking-12);margin:0;line-height:1}.hfac__line{max-width:54ch;color:var(--vx-color-text-soft);font-size:var(--home-text-lede);margin:0}.hfac__facts{gap:var(--vx-space-8) var(--vx-space-26);margin:var(--vx-space-8) 0 0;flex-wrap:wrap;display:flex}.hfac__facts div{gap:var(--vx-space-2);flex-direction:column;display:flex}.hfac__facts dd{font-size:var(--vx-text-13);letter-spacing:var(--vx-tracking-08);margin:0}.hfac__tabs{gap:var(--vx-space-12);margin-top:var(--vx-space-12);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.hfac__tab{column-gap:var(--vx-space-14);padding:var(--vx-space-14) var(--vx-space-18);border:var(--vx-border-hairline) solid var(--vx-color-line);background-color:var(--vx-color-plate);color:var(--vx-color-text-muted);text-align:left;cursor:pointer;transition:border-color var(--vx-motion-quick-duration) var(--home-ease), background-color var(--vx-motion-quick-duration) var(--home-ease), color var(--vx-motion-quick-duration) var(--home-ease);grid-template-rows:auto auto;grid-template-columns:auto 1fr;align-items:center;display:grid;position:relative}.hfac__tab img{width:var(--vx-space-26);height:auto;opacity:var(--vx-opacity-muted);transition:opacity var(--vx-motion-quick-duration) var(--home-ease);grid-row:span 2}.hfac__tabname{font-weight:700;font-size:var(--vx-text-16);letter-spacing:var(--vx-tracking-12)}.hfac__tab:hover{color:var(--vx-color-text);border-color:var(--vx-color-line-strong)}.hfac__tab[aria-selected=true]{color:var(--vx-color-text);border-color:color-mix(in srgb, var(--tab-ink) 60%, transparent);background-color:color-mix(in srgb, var(--tab-ink) 10%, var(--vx-color-panel))}.hfac__tab[aria-selected=true] img,.hfac__tab:hover img{opacity:1}@media (prefers-reduced-motion:no-preference){.hfac__info>*{animation:hfac-in .52s var(--home-ease) both}.hfac__words{animation-delay:80ms}}@media (prefers-reduced-motion:reduce){.hfac__scene,.hfac__scene img{transition:none}}@keyframes hfac-in{0%{opacity:0;transform:translate(-14px)}to{opacity:1;transform:none}}@media (max-width:760px){.hfac__stage{min-height:560px}.hfac__info{flex-direction:column;align-items:flex-start}.hfac__tab{justify-items:center;row-gap:var(--vx-space-6);padding:var(--vx-space-12) var(--vx-space-4);text-align:center;grid-template-columns:1fr}.hfac__tab img{grid-row:auto}.hfac__tab .home-caption{display:none}.hfac__tabname{font-size:var(--vx-text-12)}}
.hgal{position:relative}.hgal__board{border:var(--vx-border-hairline) solid var(--vx-color-line);background:radial-gradient(70% 60% at 50% 50%, var(--vx-color-accent-faint), transparent 70%), var(--vx-color-plate);width:100%;box-shadow:var(--home-shadow);position:relative;container-type:inline-size}.hgal__lanes{pointer-events:none;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.hgal__lanes--over{z-index:2}.hgal__lane{fill:none;stroke:var(--ink);stroke-width:1.5px;stroke-linejoin:round;vector-effect:non-scaling-stroke;opacity:.55;transition:opacity var(--vx-motion-quick-duration) var(--home-ease), stroke-width var(--vx-motion-quick-duration) var(--home-ease)}.hgal__lane--lit{opacity:1;stroke-width:2.5px}.hgal__card{z-index:1;border:var(--vx-border-hairline) solid color-mix(in srgb, var(--ink) 55%, transparent);background-color:var(--vx-color-menu);cursor:pointer;transition:border-color var(--vx-motion-quick-duration) var(--home-ease), opacity var(--vx-motion-quick-duration) var(--home-ease), transform var(--vx-motion-quick-duration) var(--home-ease);padding:0;display:block;position:absolute;overflow:hidden}.hgal__card img{width:100%;height:var(--art);object-fit:cover;filter:brightness(.78);transition:filter var(--vx-motion-quick-duration) var(--home-ease);display:block}.hgal__id{height:calc(100% - var(--art));border-top:var(--vx-border-hairline) solid color-mix(in srgb, var(--ink) 40%, transparent);background-color:var(--vx-color-plate);font-family:var(--home-mono);letter-spacing:var(--vx-tracking-08);color:var(--vx-color-text-soft);transition:background-color var(--vx-motion-quick-duration) var(--home-ease), color var(--vx-motion-quick-duration) var(--home-ease);align-items:center;padding:0 7%;font-size:clamp(8px,.95cqw,12px);font-weight:500;display:flex;position:absolute;bottom:0;left:0;right:0}.hgal__card:hover,.hgal__card:focus-visible,.hgal__card[aria-pressed=true]{z-index:3;border-color:var(--ink);transform:scale(1.05)}.hgal__card:hover img,.hgal__card[aria-pressed=true] img{filter:none}.hgal__card[aria-pressed=true] .hgal__id{background-color:var(--ink);color:var(--vx-color-on-accent)}.hgal__gate{z-index:2;aspect-ratio:1;border:var(--vx-border-hairline) solid var(--ink);background-color:var(--vx-color-menu);pointer-events:none;border-radius:50%;width:clamp(5px,.62cqw,9px);position:absolute;translate:-50% -50%}.hgal[data-group] .hgal__card,.hgal[data-group] .hgal__gate{opacity:.22}.hgal[data-group] .hgal__lane{opacity:.15}.hgal[data-group=concord] .hgal__card--concord,.hgal[data-group=home] .hgal__card--home,.hgal[data-group=fronts] .hgal__card--fronts,.hgal[data-group=breach] .hgal__card--breach{opacity:1}.hgal__legend{z-index:4;gap:var(--vx-space-8);flex-direction:column;width:31%;display:flex;position:absolute;top:2.5%;left:1.5%}.hgal__legend ul{gap:var(--vx-space-4);grid-template-columns:repeat(2,minmax(0,1fr));margin:0;padding:0;list-style:none;display:grid}.hgal__group{align-items:center;gap:var(--vx-space-8);width:100%;padding:var(--vx-space-6) var(--vx-space-8);border:var(--vx-border-hairline) solid transparent;color:var(--vx-color-text);text-align:left;cursor:pointer;background:0 0;display:flex}.hgal__group:hover,.hgal__group[aria-pressed=true]{border-color:var(--vx-color-line);background-color:var(--vx-color-panel)}.hgal__legend p{min-height:2.6em;padding:0 var(--vx-space-8);font-size:var(--vx-text-12);margin:0}.hgal__swatch{width:var(--vx-space-10);height:var(--vx-space-10);background-color:var(--vx-color-text-soft);flex:none;transform:rotate(45deg)}.hgal__swatch--concord{background-color:var(--vx-color-accent)}.hgal__swatch--home{background:linear-gradient(90deg, var(--home-ink-wardens) 33%, var(--home-ink-salvagers) 33% 66%, var(--home-ink-mystics) 66%)}.hgal__swatch--breach{background-color:var(--vx-color-text)}.hgal__brief{z-index:4;width:33%;box-shadow:var(--home-shadow);--corner:color-mix(in srgb, var(--ink) 75%, transparent);--rule:var(--ink);grid-template-columns:42% minmax(0,1fr);display:grid;position:absolute;top:2.5%;right:1.5%}.hgal__thumb{overflow:hidden}.hgal__thumb img{object-fit:cover;width:100%;height:100%;display:block}.hgal__briefbody{gap:var(--vx-space-6);padding:var(--vx-space-10) var(--vx-space-12);flex-direction:column;display:flex}.hgal__briefbody p{margin:0}.hgal__chips{gap:var(--vx-space-6);flex-wrap:wrap;display:flex}.hgal__chip--pvp{border-color:var(--vx-color-hostile-line);color:var(--vx-color-hostile-ink)}.hgal__name{font-weight:700;font-size:var(--vx-text-16);letter-spacing:var(--vx-tracking-08);margin:0;line-height:1.15}@media (prefers-reduced-motion:no-preference){.hgal__board.rv-wait .hgal__lanes:not(.hgal__lanes--over) .hgal__lane{stroke-dasharray:1;stroke-dashoffset:1px}.hgal__board.rv-in .hgal__lanes:not(.hgal__lanes--over) .hgal__lane{stroke-dasharray:1;transition:stroke-dashoffset 1.6s var(--home-ease) .3s, opacity var(--vx-motion-quick-duration) var(--home-ease), stroke-width var(--vx-motion-quick-duration) var(--home-ease)}.hgal__thumb img{animation:hgal-thumb .42s var(--home-ease) both}}@keyframes hgal-thumb{0%{opacity:0;transform:scale(1.06)}to{opacity:1;transform:none}}@media (max-width:1100px){.hgal{gap:var(--vx-space-18);grid-template-columns:minmax(0,1fr) minmax(0,1fr);display:grid}.hgal__pan{grid-column:1/-1}.hgal__legend{width:auto;position:static}.hgal__brief{width:auto;position:relative;top:auto;right:auto}}.hgal__hint--touch{display:none}@media (hover:none){.hgal__hint{display:none}.hgal__hint--touch{display:inline}}@media (max-width:760px){.hgal{grid-template-columns:1fr}.hgal__pan{margin:0 calc(var(--home-gutter) * -1);padding:0 var(--home-gutter) var(--vx-space-8);overflow-x:auto}.hgal__board{min-width:760px}}
.hgame{grid-template-columns:minmax(0,.85fr) minmax(0,1.25fr);align-items:center;gap:clamp(32px,5vw,72px);display:grid}.hgame__text .home-head{margin-bottom:0}.hgame__shot{border:var(--vx-border-hairline) solid var(--vx-color-line-strong);box-shadow:var(--home-shadow);margin:0;position:relative}.hgame__shot img{aspect-ratio:16/10;object-fit:cover;width:100%}.hgame__shot figcaption{left:var(--vx-space-12);bottom:var(--vx-space-10);padding:var(--vx-space-4) var(--vx-space-8);background-color:var(--home-scrim);position:absolute}.hloop{gap:var(--vx-space-24);grid-template-columns:repeat(4,minmax(0,1fr));margin:clamp(56px,7vw,96px) 0 0;padding:0;list-style:none;display:grid;position:relative}.hloop:before{content:"";top:calc(var(--vx-control-button-m) / 2);left:calc(var(--vx-control-button-m) / 2);height:var(--vx-border-hairline);background:linear-gradient(90deg, var(--vx-color-accent-dim), var(--vx-color-line) 85%, transparent);position:absolute;right:0}.hloop__step{gap:var(--vx-space-8);flex-direction:column;display:flex;position:relative}.hloop__node{width:var(--vx-control-button-m);height:var(--vx-control-button-m);margin-bottom:var(--vx-space-10);border:var(--vx-border-hairline) solid var(--vx-color-accent-dim);background-color:var(--vx-color-menu);color:var(--vx-color-accent);place-items:center;display:grid;transform:rotate(45deg)}.hloop__node .home-glyph{transform:rotate(-45deg)}.hloop__verb{color:var(--vx-color-text)}.hloop__foot{margin:var(--vx-space-34) 0 0;color:var(--vx-color-text-dim)}@media (prefers-reduced-motion:no-preference){.hloop:has(.rv-wait):before{transform-origin:0;transition:transform 1.4s var(--home-ease) .2s}.hloop:has(.rv-in):before{transform-origin:0;transition:transform 1.4s var(--home-ease) .2s}.hloop:has(.rv-wait):before{transform:scaleX(0)}}@media (max-width:900px){.hgame{grid-template-columns:1fr}.hloop{row-gap:var(--vx-space-34);grid-template-columns:1fr 1fr}.hloop:before{display:none}}@media (max-width:520px){.hloop{grid-template-columns:1fr}}
.hhang{gap:var(--vx-space-24);grid-template-columns:minmax(250px,280px) minmax(0,1fr) minmax(260px,300px);grid-template-areas:"fleet stage side";display:grid}.hhang__fleet{grid-area:fleet}.hhang__stage{grid-area:stage}.hhang__side{grid-area:side}.hhang .home-panel__head .home-glyph{color:var(--vx-color-accent)}.hhang__groups{gap:var(--vx-space-16);flex-direction:column;display:flex;position:relative}.hhang__group{gap:var(--vx-space-8);flex-direction:column;display:flex}.hhang__frames{gap:var(--vx-space-6);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.hhang__frame{align-items:center;gap:var(--vx-space-6);min-width:0;padding:var(--vx-space-8) var(--vx-space-4) var(--vx-space-8);border:var(--vx-border-hairline) solid var(--vx-color-line);background-color:var(--vx-color-plate);color:var(--vx-color-text-muted);font:inherit;cursor:pointer;transition:background-color var(--vx-motion-quick-duration) var(--home-ease), border-color var(--vx-motion-quick-duration) var(--home-ease), color var(--vx-motion-quick-duration) var(--home-ease);flex-direction:column;display:flex;position:relative}.hhang__frame>.home-lock{opacity:var(--vx-opacity-cross);inset:0}.hhang__rung{--pip:var(--ink);width:calc(var(--vx-space-22) * 2);height:var(--vx-space-4);margin-left:var(--vx-space-4);align-self:flex-start}.hhang__frame img{width:100%;height:calc(var(--vx-space-22) * 2);object-fit:contain;opacity:var(--vx-opacity-muted);transition:opacity var(--vx-motion-quick-duration) var(--home-ease)}.hhang__framename{max-width:100%;font-family:var(--home-mono);font-weight:500;font-size:var(--vx-text-10);letter-spacing:var(--vx-tracking-08);white-space:nowrap;text-overflow:clip;overflow:hidden}.hhang__frame:hover{border-color:var(--vx-color-line-strong);color:var(--vx-color-text)}.hhang__frame:hover img,.hhang__frame[aria-pressed=true] img{opacity:1;translate:0 calc(var(--vx-space-2) * -1)}.hhang__frame[aria-pressed=true]{border-color:color-mix(in srgb, var(--ink) 50%, transparent);background-color:color-mix(in srgb, var(--ink) 12%, var(--vx-color-plate));color:var(--ink)}.hhang__stage{align-items:center;gap:var(--vx-space-22);flex-direction:column;min-width:0;display:flex}.hhang__title{align-items:center;gap:var(--vx-space-12);text-align:center;flex-direction:column;display:flex}.hhang__name{padding-left:var(--vx-tracking-20);font-weight:700;font-size:var(--home-text-display);letter-spacing:var(--vx-tracking-20);margin:0;line-height:1}.hhang__chips{justify-content:center;gap:var(--vx-space-6);flex-wrap:wrap;display:flex}.hhang__tier .hpips{--pip:var(--ink);width:calc(var(--vx-space-22) * 2);height:var(--vx-space-6)}.hhang__rarity{border-color:color-mix(in srgb, var(--ink) 60%, transparent);background-color:color-mix(in srgb, var(--ink) 10%, transparent);color:var(--ink)}.hhang__dais{aspect-ratio:1/.86;outline-offset:calc(var(--vx-space-6) * -1);width:100%;position:relative}.hhang__table{position:absolute;inset:0}.hhang__hull{width:calc(64cqmin * var(--size,1));height:calc(64cqmin * var(--size,1));place-items:center;display:grid}.hhang__hull img{object-fit:contain;max-width:100%;max-height:100%;filter:var(--home-drop)}.hhang__hull--out{pointer-events:none;display:none}.hhang__step{width:var(--vx-control-button-m);height:var(--vx-control-button-m);margin-top:calc(var(--vx-control-button-m) / -2);border:var(--vx-border-hairline) solid var(--vx-color-line-strong);background-color:var(--vx-color-panel);color:var(--vx-color-text);cursor:pointer;transition:background-color var(--vx-motion-quick-duration) var(--home-ease), border-color var(--vx-motion-quick-duration) var(--home-ease);place-items:center;display:grid;position:absolute;top:50%}.hhang__step:hover{border-color:var(--vx-color-accent-dim);background-color:var(--vx-color-accent-faint)}.hhang__step--prev{left:0}.hhang__step--next{right:0}.hhang__side{gap:var(--vx-space-24);flex-direction:column;display:flex}.hhang__meters{gap:var(--vx-space-12);flex-direction:column;margin:0;display:flex}.hhang__meter dt{align-items:center;gap:var(--vx-space-8);margin-bottom:var(--vx-space-6);color:var(--vx-color-text-muted);display:flex}.hhang__meter dt .home-glyph{width:var(--vx-space-14);height:var(--vx-space-14);color:var(--slot,var(--vx-color-text-muted))}.hhang__meter dd{margin:0}.hhang__sub{margin:var(--vx-space-18) 0 var(--vx-space-10);color:var(--vx-color-text-soft);display:block}.hhang__track{height:var(--vx-space-8);background-color:var(--vx-color-track);-webkit-mask:repeating-linear-gradient(90deg, var(--vx-color-menu) 0 calc(5% - 2px), transparent calc(5% - 2px) 5%);mask:repeating-linear-gradient(90deg, var(--vx-color-menu) 0 calc(5% - 2px), transparent calc(5% - 2px) 5%);display:block;position:relative}.hhang__track>span{background-color:var(--vx-color-accent);transform-origin:0;transform:scaleX(var(--fill));position:absolute;inset:0}.hhang__slots{--pip:color-mix(in srgb, var(--slot) 78%, transparent);height:var(--vx-space-10)}.hhang__notes{gap:var(--vx-space-18);padding:0 var(--vx-space-4);flex-direction:column;margin:0;list-style:none;display:flex}.hhang__notes li{gap:var(--vx-space-12);display:flex}.hhang__noteicon{width:var(--vx-space-34);height:var(--vx-space-34);border:var(--vx-border-hairline) solid var(--vx-color-line-strong);background-color:var(--vx-color-plate);color:var(--vx-color-accent);flex:none;place-items:center;display:grid}.hhang__notes h3{margin:var(--vx-space-2) 0 var(--vx-space-4)}@media (prefers-reduced-motion:no-preference){.hhang__hull{animation:hhang-settle .9s var(--home-ease) .12s both}.hhang__hull--out{animation:hhang-leave .52s var(--vx-easing-ease-in-out-sine) both;display:grid}.hhang__hull img{animation:hhang-float 6s var(--vx-easing-ease-in-out-sine) infinite alternate}.hhang__name,.hhang__chips{animation:hhang-in .42s var(--home-ease) both}.hhang__track>span{transition:transform .7s var(--home-ease)}.hhang__frame img{transition:opacity var(--vx-motion-quick-duration) var(--home-ease), translate var(--vx-motion-quick-duration) var(--home-ease)}}@keyframes hhang-settle{0%{opacity:0;translate:0 -7%;scale:1.08}60%{opacity:1}to{opacity:1;translate:0;scale:1}}@keyframes hhang-leave{0%{opacity:1;translate:0;scale:1}to{opacity:0;translate:0 5%;scale:.94}}@keyframes hhang-float{0%{translate:0 -5px}to{translate:0 5px}}@keyframes hhang-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@media (max-width:1199px){.hhang{grid-template-columns:minmax(0,1.4fr) minmax(260px,1fr);grid-template-areas:"stage side""fleet fleet"}.hhang__groups{gap:var(--vx-space-16) var(--vx-space-24);flex-flow:wrap}.hhang__frames{flex-wrap:wrap;display:flex}.hhang__frame{width:calc(var(--vx-space-14) * 6);flex:none}}@media (max-width:759px){.hhang{grid-template-columns:minmax(0,1fr);grid-template-areas:"stage""fleet""side"}.hhang__groups{flex-flow:column}.hhang__frames{grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.hhang__frame{width:auto}.hhang__dais{aspect-ratio:1/.92}.hhang__step{width:var(--vx-control-button-s);height:var(--vx-control-button-s);margin-top:calc(var(--vx-control-button-s) / -2)}}
