.card{--project-accent:var(--color-accent);--hero-h:125vw;--frame-top:1.5rem;--wrap-x:max(var(--space-gutter), calc((100vw - var(--page-max)) / 2 + var(--space-gutter)));padding-bottom:var(--space-section);position:relative}@media (min-width:48rem){.card{--hero-h:clamp(32rem, 56.25vw, calc(100svh - 9rem))}}@media (min-width:48rem) and (prefers-reduced-motion:no-preference){.card{--frame-top:6.25rem}}.card-label{color:var(--color-paper-soft);font-family:var(--font-sans);font-size:var(--text-label);font-variant-numeric:tabular-nums;letter-spacing:.14em;text-transform:uppercase;overflow-wrap:anywhere;font-weight:500;line-height:1.4}.card-amber{background:#ffb23f;flex:none;width:.4375rem;height:.4375rem}.card-hero{grid-template-columns:minmax(0,1fr);grid-template-rows:var(--hero-h) auto;display:grid;position:relative}.card-hero>*{grid-area:1/1}.card-hero__stars{pointer-events:none;view-transition-name:card-stars;grid-row:1/-1;position:absolute;inset:0}.card-hero__stars-svg{width:100%;height:100%;display:block}.card-hero .card-hero__art,.card-cutout{z-index:1;height:var(--hero-h);-webkit-mask-image:linear-gradient(#0000 1.5rem,#000 9.5rem 55%,#0000 100%);mask-image:linear-gradient(#0000 1.5rem,#000 9.5rem 55%,#0000 100%)}.card-hero .card-hero__art{aspect-ratio:auto}@media (min-width:48rem){.card-hero .card-hero__art,.card-cutout{-webkit-mask-image:linear-gradient(#0000 1.5rem,#000 10rem 50%,#0000 100%);mask-image:linear-gradient(#0000 1.5rem,#000 10rem 50%,#0000 100%)}}.card-cutout{pointer-events:none;position:relative;overflow:clip}.card-cutout--character{z-index:2}.card-cutout--foreground{z-index:3}.card-cutout__plane{position:absolute;inset:-3rem 0}.card-cutout picture{height:100%;display:block}.card-cutout__image{width:auto;max-width:none;height:100%;transform:translateX(calc(var(--layer-shift) * -100%));position:absolute;top:0;left:50%}@media (min-width:48rem){.card-cutout__image{object-fit:cover;width:100%;left:0;transform:none}.card-hero:has(.card-cutout--character) .card-name{max-width:58vw}}.card-frame{z-index:4;margin:var(--frame-top) var(--wrap-x) 0;position:relative}.card-frame__lines{--c:var(--color-line-strong);--t:1.5rem;pointer-events:none;background:linear-gradient(var(--c) 0 0) left top / var(--t) 1px, linear-gradient(var(--c) 0 0) left top / 1px var(--t), linear-gradient(var(--c) 0 0) right top / var(--t) 1px, linear-gradient(var(--c) 0 0) right top / 1px var(--t), linear-gradient(var(--c) 0 0) left bottom / 1px var(--t), linear-gradient(var(--c) 0 0) right bottom / 1px var(--t), linear-gradient(to right, var(--project-accent) 0 6rem, var(--color-line) 6rem) left bottom / 100% 1px;background-repeat:no-repeat;position:absolute;inset:0}.card-frame__lines:after{background:repeating-linear-gradient(to bottom, var(--c) 0 1px, transparent 1px .75rem);content:"";width:.5rem;height:7.5rem;position:absolute;top:5rem;right:0}.card-frame__top{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:.75rem;padding:.75rem;display:flex;position:relative}.card-chip{border:1px solid var(--color-line-strong);background:var(--color-night);min-width:0;max-width:100%;min-height:2.75rem;color:var(--color-paper);font-size:var(--text-label);font-variant-numeric:tabular-nums;letter-spacing:.14em;text-transform:uppercase;align-items:center;gap:.65rem;padding:.5rem 1rem;font-weight:500;line-height:1.2;text-decoration:none;display:inline-flex}a.card-chip:hover{border-color:var(--color-paper-soft)}.card-back__arrow{letter-spacing:0;flex:none}.card-chip .cue-line{overflow-wrap:anywhere;min-width:0}@media (max-width:29.99rem){.card-frame__index-word{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}}.card-nameplate{z-index:5;padding:0 var(--wrap-x) clamp(.75rem, 1.5vw, 1.5rem);align-self:end}.card-status{border:1px solid var(--color-line-strong);background:var(--color-night);min-height:2.25rem;font-size:var(--text-label);letter-spacing:.14em;text-transform:uppercase;border-radius:999px;padding:.35rem .9rem;line-height:1.2}.card-name{font-size:var(--text-hero);letter-spacing:-.03em;overflow-wrap:anywhere;text-shadow:2px 3px 8px #00000073;margin-top:clamp(.75rem,1.5vw,1.5rem);line-height:.92}.card-hero__foot{z-index:5;padding:1.25rem var(--wrap-x) 0;flex-direction:column;grid-row:2;gap:1.5rem;display:flex;position:relative}.card-summary{max-width:34ch;color:var(--color-paper-soft);font-size:var(--text-lede);line-height:var(--text-lede--line-height)}@media (min-width:48rem){.card-hero__foot{flex-direction:row;justify-content:space-between;align-items:flex-start;gap:2rem}}.card-launch{border-color:var(--project-accent)}.card-launch--soon{border:1px dashed var(--color-line-strong);min-height:3.25rem;color:var(--color-paper-soft);border-radius:999px;align-items:center;padding-inline:1.5rem;font-weight:500;display:inline-flex}@media (max-width:47.99rem){.card{--hero-h:max(125vw, 34rem)}.card-name{font-size:clamp(3rem,1.5rem + 8.2vw,5.5rem);line-height:1}}
.card-section{width:100%;max-width:var(--page-max);padding-inline:var(--space-gutter);margin-inline:auto}.card-section__label{align-items:center;gap:.75rem;display:flex}.card-section__label:after{background:var(--color-line-strong);content:"";flex:none;width:clamp(2.5rem,6vw,5rem);height:1px;margin-left:.25rem}.card-readout{margin-top:clamp(3.5rem,6vw,6rem)}.card-readout__list{grid-template-columns:minmax(0,1fr);gap:1.75rem 2.5rem;margin-top:1.75rem;display:grid}@media (min-width:40rem){.card-readout__list{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width:64rem){.card-readout__list{grid-template-columns:repeat(auto-fit,minmax(12rem,1fr))}}.card-readout__item{border-top:1px solid var(--color-line);min-width:0;padding-top:1rem;position:relative}.card-readout__item:before{background:var(--project-accent);content:"";width:2rem;height:1px;position:absolute;top:-1px;left:0}.card-readout__value{color:var(--color-paper);font-size:var(--text-base);overflow-wrap:anywhere;margin-top:.4rem;line-height:1.45}.card-chapters{flex-wrap:wrap;gap:.25rem clamp(1.25rem,3vw,3rem);margin-top:clamp(2rem,4vw,4rem);display:flex}.card-chapters a{min-height:2.75rem;color:var(--color-paper-soft);align-items:center;text-decoration:none;display:inline-flex}.card-section h2[id]{scroll-margin-top:2rem}.card-overview{margin-top:var(--space-section)}.card-overview__text{max-width:var(--measure);font-size:var(--text-lede);line-height:var(--text-lede--line-height);margin-top:2rem}@media (min-width:64rem){.card-overview__text{margin-left:25%}}.card-abilities{margin-top:var(--space-section)}.card-abilities__list{flex-direction:column;gap:3.5rem;margin-top:2.5rem;display:flex}.card-ability:nth-child(2n){margin-left:clamp(1.5rem,12vw,5rem)}.card-ability__index{color:var(--project-accent);font-family:var(--font-display);font-size:var(--text-num);align-items:center;gap:1rem;font-style:italic;line-height:1;display:flex}.card-ability__index:after{background:var(--color-line-strong);content:"";width:4rem;height:1px}.card-ability__name{font-size:var(--text-title);line-height:var(--text-title--line-height);margin-top:1rem}.card-ability__detail{max-width:var(--measure);color:var(--color-paper-soft);margin-top:.75rem}@media (min-width:64rem){.card-abilities__list{grid-template-columns:repeat(12,minmax(0,1fr));gap:3rem clamp(1rem,2vw,2.5rem);display:grid}.card-ability:nth-child(odd){grid-column:1/span 5}.card-ability:nth-child(2n){grid-column:8/span 5;margin-left:0}.card-ability:first-child{grid-row:1/span 2}.card-ability:nth-child(2){grid-row:2/span 2}.card-ability:nth-child(3){grid-row:3/span 2}.card-ability:nth-child(4){grid-row:4/span 2}.card-ability:nth-child(5){grid-row:5/span 2}}.card-lore{margin-top:var(--space-section)}.card-lore__text{max-width:30ch;font-family:var(--font-display);font-size:var(--text-pull);overflow-wrap:anywhere;margin-top:2rem;font-style:italic;line-height:1.3}.card-build{margin-top:var(--space-section)}.card-build__intro{max-width:var(--measure);font-size:var(--text-lede);line-height:var(--text-lede--line-height);margin-top:2rem}.card-build__list{margin-top:clamp(2.5rem,5vw,4rem)}.card-build__point{border-top:1px solid var(--color-line);grid-template-columns:minmax(0,1fr);gap:.5rem 2.5rem;padding-block:1.5rem;display:grid;position:relative}.card-build__point:last-child{border-bottom:1px solid var(--color-line)}.card-build__point:before{background:var(--project-accent);content:"";width:2rem;height:1px;position:absolute;top:-1px;left:0}.card-build__name{overflow-wrap:anywhere;min-width:0;font-family:var(--font-display);font-size:1.5rem;line-height:1.25}.card-build__detail{max-width:var(--measure);color:var(--color-paper-soft);overflow-wrap:anywhere}@media (min-width:48rem){.card-build__point{grid-template-columns:minmax(0,1fr) minmax(0,2fr);padding-block:2rem}}@media (min-width:64rem){.card-build__intro,.card-build__list{margin-left:25%}}.card-close{flex-wrap:wrap;align-items:center;gap:1rem 2.5rem;margin-top:clamp(3rem,6vw,5rem);display:flex}.card-back--plain{color:var(--color-paper-soft);gap:.6rem;font-weight:500;text-decoration:none}.card-back--plain:hover{color:var(--color-paper)}@media (min-width:64rem){.card-lore__text,.card-close{margin-left:25%}}
@media (prefers-reduced-motion:no-preference){.card-rise{animation:card-rise .48s var(--ease-page) var(--rise-delay,.3s) both}.card-frame__lines{animation:card-frame-open .48s var(--ease-page) .36s both}.card-frame__top{animation:card-rise .48s var(--ease-page) .34s both}.card-cutout picture{animation:card-rise .48s var(--ease-page) .4s both}[data-arrival] :is(.card-rise,.card-frame__lines,.card-frame__top,.card-cutout picture,.px__origin,.px__ring,.px__fly,.px__rise,.px__light,.pp__sweep,.sb__trace,.sb__pulse,.sb__glint,.as__trace,.as__net-link,.as__link,.as__branch,.as__branch--first,.as__appear,.as__plane){animation:none}}@keyframes card-rise{0%{opacity:0;transform:translateY(1.25rem)}}@keyframes card-frame-open{0%{opacity:0;clip-path:inset(0 50%)}}