.CharacterCollection-module__HlrBHG__page{--promo-h:clamp(188px, 25.5svh, 260px);--pad-x:clamp(112px, 6.1vw, 128px);--gap:clamp(8px, .7vw, 12px);--k:max(7px, min(calc((100vw - 2 * var(--pad-x) - 9 * var(--gap)) / 97), calc((100svh - var(--promo-h) - 138px - 2 * var(--gap)) / 36)));color:#f7f1ed;background:radial-gradient(circle at 46% 12%,#5c2f3b24,#0000 34%),linear-gradient(#0b0b0c 0%,#080809 58%,#060607 100%);min-height:100svh;position:relative;overflow-x:hidden}.CharacterCollection-module__HlrBHG__promotion{height:var(--promo-h);isolation:isolate;position:relative;overflow:hidden}.CharacterCollection-module__HlrBHG__promotion>img{z-index:-3;object-fit:cover;object-position:58% 35%;filter:saturate(.55)contrast(1.03)brightness(.56);width:100%;height:100%;position:absolute;inset:0;transform:scale(1.035)}.CharacterCollection-module__HlrBHG__promotionVeil{z-index:-2;background:linear-gradient(90deg,#080809f2 0%,#080809ad 28%,#08080933 56%,#080809e0 100%),linear-gradient(#06060759,#060607a3);position:absolute;inset:0}.CharacterCollection-module__HlrBHG__intro{z-index:2;position:absolute;top:clamp(82px,10.2vh,104px);left:clamp(36px,3.55vw,56px)}.CharacterCollection-module__HlrBHG__promotionCopy{color:#ffffffb3;width:min(250px,18vw);font:400 clamp(12px, 1vw, 15px)/1.75 var(--fz-serif);letter-spacing:.12em;margin:0;position:absolute;top:52%;right:clamp(34px,5vw,78px);transform:translateY(-50%)}.CharacterCollection-module__HlrBHG__promotionCopy span{color:#ff4f8b;letter-spacing:.18em;margin-bottom:7px;font:600 10px/1 Inter,sans-serif;display:block}.CharacterCollection-module__HlrBHG__directory{min-height:calc(100svh - var(--promo-h));padding:42px var(--pad-x) 96px;position:relative}.CharacterCollection-module__HlrBHG__directory .CharacterCollection-module__HlrBHG__sortControl{z-index:12;top:8px;right:var(--pad-x);position:absolute}.CharacterCollection-module__HlrBHG__pageIndicator{z-index:25;position:absolute;bottom:20px;left:50%;transform:translate(-50%)}.CharacterCollection-module__HlrBHG__grid{align-items:center;gap:var(--gap);opacity:1;flex-direction:column;margin:0 auto;transition:opacity .16s;display:flex}.CharacterCollection-module__HlrBHG__row{justify-content:center;gap:var(--gap);display:flex}.CharacterCollection-module__HlrBHG__pair{display:contents}.CharacterCollection-module__HlrBHG__gridLoading{opacity:.52}.CharacterCollection-module__HlrBHG__card{perspective:1100px;transform-style:preserve-3d;opacity:0;animation:CharacterCollection-module__HlrBHG__character-card-land .62s cubic-bezier(.22, 1, .36, 1) calc(var(--directory-entry-index,0) * 48ms) both;will-change:opacity, transform;flex:none;position:relative;overflow:visible}.CharacterCollection-module__HlrBHG__cardPortrait{width:calc(9 * var(--k));aspect-ratio:3/4}.CharacterCollection-module__HlrBHG__cardLandscape{width:calc(16 * var(--k));aspect-ratio:4/3}.CharacterCollection-module__HlrBHG__cardLink{color:inherit;transform:translate3d(0, var(--card-rest-y,0), var(--card-rest-z,0)) rotateX(calc(var(--card-rest-x,0deg) + var(--fz-card-tilt-x,0deg))) rotateY(calc(var(--card-rest-yaw,0deg) + var(--fz-card-tilt-y,0deg)));transform-origin:50%;transform-style:preserve-3d;will-change:transform;background:#111113;border:1px solid #fff3;border-radius:5px;transition:transform .18s cubic-bezier(.22,.61,.36,1),border-color .18s,box-shadow .18s;display:block;position:absolute;inset:0;overflow:hidden;box-shadow:0 8px 24px #00000038}.CharacterCollection-module__HlrBHG__cardLandscape{--card-rest-y:-5px;--card-rest-z:20px;--card-rest-x:3deg;--card-rest-yaw:-4deg}.CharacterCollection-module__HlrBHG__cardPortrait{--card-rest-y:0px;--card-rest-z:8px;--card-rest-x:1deg;--card-rest-yaw:1.5deg}@keyframes CharacterCollection-module__HlrBHG__character-card-land{0%{opacity:0;transform:translateY(30px)scale(.965)}72%{opacity:1;transform:translateY(-2px)scale(1.006)}to{opacity:1;transform:translate(0,0)scale(1)}}.CharacterCollection-module__HlrBHG__media,.CharacterCollection-module__HlrBHG__media img{width:100%;height:100%;position:absolute;inset:0}.CharacterCollection-module__HlrBHG__media{background:linear-gradient(135deg,#18171a,#0c0c0e);overflow:hidden}.CharacterCollection-module__HlrBHG__media img{object-fit:cover;object-position:center;transition:transform .3s cubic-bezier(.22,.61,.36,1),filter .3s}.CharacterCollection-module__HlrBHG__mediaEmpty{background:radial-gradient(circle at 50% 38%,#ff4f8b21,#0000 40%),linear-gradient(135deg,#19171a,#0c0c0e);place-items:center;display:grid}.CharacterCollection-module__HlrBHG__emptyGlyph{color:#ffffff1a;font:400 72px/1 var(--fz-serif)}.CharacterCollection-module__HlrBHG__cardShade{pointer-events:none;background:linear-gradient(#0000 0%,#0404057a 34%,#040405f0 100%);position:absolute;inset:38% 0 0}.CharacterCollection-module__HlrBHG__cardGlare{z-index:1;opacity:.25;background:radial-gradient(circle at calc(50% + var(--fz-card-glare-x,0%)) calc(50% + var(--fz-card-glare-y,0%)), #ffffff57, transparent 39%);mix-blend-mode:screen;pointer-events:none;position:absolute;inset:0}.CharacterCollection-module__HlrBHG__cardCopy{z-index:2;gap:3px;display:grid;position:absolute;bottom:12px;left:12px;right:12px}.CharacterCollection-module__HlrBHG__cardCopy strong{color:#fffffff5;font:400 clamp(12px, calc(var(--k) * 1.35), 18px)/1.15 var(--fz-serif);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.CharacterCollection-module__HlrBHG__cardCopy span{color:#fffc;font:400 clamp(10px, calc(var(--k) * .6), 13px)/1.2 var(--fz-serif);letter-spacing:.02em}.CharacterCollection-module__HlrBHG__card:hover .CharacterCollection-module__HlrBHG__cardLink,.CharacterCollection-module__HlrBHG__card:focus-within .CharacterCollection-module__HlrBHG__cardLink{border-color:#ff4f8bc7;box-shadow:0 12px 30px #0000005c,0 0 0 1px #ff4f8b29}.CharacterCollection-module__HlrBHG__card:hover .CharacterCollection-module__HlrBHG__media img,.CharacterCollection-module__HlrBHG__card:focus-within .CharacterCollection-module__HlrBHG__media img{filter:brightness(1.06)saturate(1.04);transform:scale(1.035)}.CharacterCollection-module__HlrBHG__cardLink:focus-visible{outline-offset:-3px;outline:2px solid #ff70a6}.CharacterCollection-module__HlrBHG__pageButton{z-index:12;position:absolute;top:50%;transform:translateY(-50%)}.CharacterCollection-module__HlrBHG__pageButtonPrevious{left:clamp(32px,2.55vw,54px)}.CharacterCollection-module__HlrBHG__pageButtonNext{right:clamp(32px,2.55vw,54px)}@media (max-width:1279.98px){.CharacterCollection-module__HlrBHG__promotion{height:300px}.CharacterCollection-module__HlrBHG__promotion>img{object-position:54% center}.CharacterCollection-module__HlrBHG__promotionVeil{background:linear-gradient(90deg,#080809ed,#08080959),linear-gradient(#0000 35%,#070708db)}.CharacterCollection-module__HlrBHG__intro{top:104px;left:20px}.CharacterCollection-module__HlrBHG__intro h1{font-size:clamp(44px,15vw,62px)}.CharacterCollection-module__HlrBHG__intro p{letter-spacing:.14em;max-width:calc(100vw - 40px);font-size:13px}.CharacterCollection-module__HlrBHG__promotionCopy{display:none}.CharacterCollection-module__HlrBHG__directory{min-height:auto;padding:42px 16px 96px}.CharacterCollection-module__HlrBHG__directory .CharacterCollection-module__HlrBHG__sortControl{margin:0 0 16px auto;position:relative;top:auto;right:auto}.CharacterCollection-module__HlrBHG__pageIndicator{inset:auto auto 20px 50%}.CharacterCollection-module__HlrBHG__grid{align-items:stretch;gap:10px;width:min(100%,600px)}.CharacterCollection-module__HlrBHG__row{display:contents}.CharacterCollection-module__HlrBHG__pair{justify-content:center;align-items:flex-start;gap:10px;display:flex}.CharacterCollection-module__HlrBHG__cardPortrait{flex:9 1 0;width:auto}.CharacterCollection-module__HlrBHG__cardLandscape{flex:16 1 0;width:auto}.CharacterCollection-module__HlrBHG__pair>.CharacterCollection-module__HlrBHG__card[data-lone]{flex-grow:0}.CharacterCollection-module__HlrBHG__pair>.CharacterCollection-module__HlrBHG__cardPortrait[data-lone]{flex-basis:calc(50% - 5px)}.CharacterCollection-module__HlrBHG__pair>.CharacterCollection-module__HlrBHG__cardLandscape[data-lone]{flex-basis:calc(64% - 6.4px)}.CharacterCollection-module__HlrBHG__cardCopy strong{font-size:14px}.CharacterCollection-module__HlrBHG__cardCopy span{font-size:11px}.CharacterCollection-module__HlrBHG__cardCopy{bottom:11px;left:11px;right:11px}.CharacterCollection-module__HlrBHG__pageButton{top:auto;bottom:calc(18px + env(safe-area-inset-bottom));position:fixed;transform:none}.CharacterCollection-module__HlrBHG__pageButtonPrevious{left:18px}.CharacterCollection-module__HlrBHG__pageButtonNext{right:18px}}@media (prefers-reduced-motion:reduce){.CharacterCollection-module__HlrBHG__grid,.CharacterCollection-module__HlrBHG__media img,.CharacterCollection-module__HlrBHG__cardLink,.CharacterCollection-module__HlrBHG__pageIndicator b{transition-duration:0s}.CharacterCollection-module__HlrBHG__cardLink{transform:none}.CharacterCollection-module__HlrBHG__card{opacity:1;animation:none}.CharacterCollection-module__HlrBHG__card:hover .CharacterCollection-module__HlrBHG__media img,.CharacterCollection-module__HlrBHG__card:focus-within .CharacterCollection-module__HlrBHG__media img{transform:none}}
.DirectorySortControl-module__YczLTW__control{color:#f6edf1;width:max-content;max-width:calc(100vw - 32px);font:500 13px/1.4 var(--fz-sans);position:relative}.DirectorySortControl-module__YczLTW__summary,.DirectorySortControl-module__YczLTW__criteriaTrigger{cursor:pointer;box-sizing:border-box;background:#171419;border:1px solid #484149;border-radius:10px;align-items:center;gap:10px;min-height:44px;padding:10px 14px;list-style:none;display:flex}.DirectorySortControl-module__YczLTW__summary::-webkit-details-marker{display:none}.DirectorySortControl-module__YczLTW__criteriaTrigger::-webkit-details-marker{display:none}.DirectorySortControl-module__YczLTW__summary>span:not(.DirectorySortControl-module__YczLTW__chevron){color:#c8bdc4;font-size:12px}.DirectorySortControl-module__YczLTW__chevron{color:#ff6396;margin-left:auto;transition:transform .16s}.DirectorySortControl-module__YczLTW__control[open]>.DirectorySortControl-module__YczLTW__summary>.DirectorySortControl-module__YczLTW__chevron,.DirectorySortControl-module__YczLTW__criteria[open]>.DirectorySortControl-module__YczLTW__criteriaTrigger>.DirectorySortControl-module__YczLTW__chevron{transform:rotate(180deg)}.DirectorySortControl-module__YczLTW__summary:hover,.DirectorySortControl-module__YczLTW__criteriaTrigger:hover{border-color:#b24b72}.DirectorySortControl-module__YczLTW__summary:focus-visible,.DirectorySortControl-module__YczLTW__criteriaTrigger:focus-visible,.DirectorySortControl-module__YczLTW__panel a:focus-visible{outline-offset:2px;outline:2px solid #ff6396}.DirectorySortControl-module__YczLTW__panel{z-index:30;top:calc(100% + 8px);left:var(--sort-panel-left,auto);width:min(280px,100vw - 32px);max-height:var(--sort-panel-height,calc(100dvh - 110px));box-sizing:border-box;background:#19151b;border:1px solid #4d3d48;border-radius:12px;padding:16px;position:absolute;right:0;overflow:auto;box-shadow:0 14px 40px #0008}.DirectorySortControl-module__YczLTW__panel[data-side=above]{top:auto;bottom:calc(100% + 8px)}.DirectorySortControl-module__YczLTW__heading{color:#fff7fa;margin:0 0 16px;font-size:15px}.DirectorySortControl-module__YczLTW__label{color:#a99da7;margin:0 0 8px;font-size:12px;display:block}.DirectorySortControl-module__YczLTW__criteria{margin-bottom:18px}.DirectorySortControl-module__YczLTW__criteriaTrigger{background:#231c25;border-color:#57434f;border-radius:8px}.DirectorySortControl-module__YczLTW__criteria[open]>.DirectorySortControl-module__YczLTW__criteriaTrigger{border-color:#b74773;border-bottom-right-radius:0;border-bottom-left-radius:0}.DirectorySortControl-module__YczLTW__options{max-height:min(352px, max(44px, calc(var(--sort-panel-height,70dvh) - 200px)));overscroll-behavior:contain;scrollbar-width:thin;background:#201a22;border:1px solid #57434f;border-radius:0 0 8px 8px;margin:-1px 0 0;padding:4px;list-style:none;overflow-y:auto}.DirectorySortControl-module__YczLTW__options a{box-sizing:border-box;color:#e5dbe1;border-radius:6px;justify-content:space-between;align-items:center;gap:12px;min-height:44px;padding:10px 12px;text-decoration:none;display:flex}.DirectorySortControl-module__YczLTW__options a:hover{background:#30242f}.DirectorySortControl-module__YczLTW__options a[aria-current=true]{color:#ff83ac;background:#5d283f66}.DirectorySortControl-module__YczLTW__direction{background:#100e13;border:1px solid #453743;border-radius:9px;grid-template-columns:1fr 1fr;gap:6px;padding:4px;display:grid}.DirectorySortControl-module__YczLTW__direction a{color:#ae9fac;border:1px solid #0000;border-radius:6px;justify-content:center;align-items:center;gap:8px;min-height:44px;text-decoration:none;display:flex}.DirectorySortControl-module__YczLTW__direction a[aria-current=true]{color:#ffeef4;background:#6f2b49;border-color:#a94670}.DirectorySortControl-module__YczLTW__direction a:hover{color:#fff1f6}@media (prefers-reduced-motion:reduce){.DirectorySortControl-module__YczLTW__chevron{transition:none}}