.AbilityShowcase-module__VB99Ga__showcase{grid-template-columns:minmax(0,7fr) minmax(0,5fr);grid-template-areas:"stage cards""list cards";align-items:start;gap:28px clamp(28px,4vw,56px);display:grid}.AbilityShowcase-module__VB99Ga__list{flex-wrap:wrap;grid-area:list;gap:12px;display:flex}.AbilityShowcase-module__VB99Ga__tab{background:var(--coal);cursor:pointer;width:72px;height:72px;transition:transform .45s var(--ease-out), box-shadow .45s var(--ease-out);border:0;border-radius:18px;padding:0;display:block;position:relative;overflow:visible;box-shadow:0 0 0 1px #fff4dc1f}.AbilityShowcase-module__VB99Ga__tab img{border-radius:inherit;filter:saturate(.5)brightness(.72);width:100%;height:100%;transition:filter .3s;display:block}.AbilityShowcase-module__VB99Ga__tab:hover{transform:translateY(-3px)}.AbilityShowcase-module__VB99Ga__tab:hover img,.AbilityShowcase-module__VB99Ga__tab[aria-selected=true] img{filter:none}.AbilityShowcase-module__VB99Ga__tab[aria-selected=true]{box-shadow:0 0 0 2px var(--ember), 0 14px 34px -10px #ff7828d9;transform:translateY(-6px)}.AbilityShowcase-module__VB99Ga__tab[data-tag]:before{content:"";z-index:1;background:var(--gold);width:12px;height:12px;box-shadow:0 0 0 3px var(--coal);border-radius:50%;position:absolute;top:-4px;right:-4px}.AbilityShowcase-module__VB99Ga__tabName{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.AbilityShowcase-module__VB99Ga__stage{aspect-ratio:16/9;background:radial-gradient(70% 80% at 50% 62%, color-mix(in srgb, var(--glow) 22%, #1c1510), var(--coal) 78%);box-shadow:0 0 0 1px #fff4dc14, 0 50px 120px -50px color-mix(in srgb, var(--glow) 60%, transparent);border-radius:22px;grid-area:stage;position:relative;overflow:clip}.AbilityShowcase-module__VB99Ga__film,.AbilityShowcase-module__VB99Ga__unfilmed{width:100%;height:100%;animation:AbilityShowcase-module__VB99Ga__arrive .6s var(--ease-out) both;position:absolute;inset:0}.AbilityShowcase-module__VB99Ga__film{object-fit:cover}.AbilityShowcase-module__VB99Ga__unfilmed{text-align:center;place-content:center;justify-items:center;gap:18px;padding:24px;display:grid}.AbilityShowcase-module__VB99Ga__unfilmed .AbilityShowcase-module__VB99Ga__sign{width:clamp(96px,12vw,136px);height:auto;box-shadow:0 0 0 1px #fff4dc33, 0 0 90px 6px color-mix(in srgb, var(--glow) 45%, transparent);border-radius:26px}.AbilityShowcase-module__VB99Ga__unfilmed[data-portrait]{place-content:center start;justify-items:start;padding-left:12%}.AbilityShowcase-module__VB99Ga__unfilmed .AbilityShowcase-module__VB99Ga__figure{object-fit:contain;width:auto;height:96%;position:absolute;bottom:0;right:6%}.AbilityShowcase-module__VB99Ga__unfilmed p{color:var(--text-soft);font-size:.85rem}.AbilityShowcase-module__VB99Ga__cards{grid-area:cards}.AbilityShowcase-module__VB99Ga__card{padding:4px 0 0}.AbilityShowcase-module__VB99Ga__showcase[data-ready=true] .AbilityShowcase-module__VB99Ga__card{animation:AbilityShowcase-module__VB99Ga__arrive .55s var(--ease-out) both}.AbilityShowcase-module__VB99Ga__showcase:not([data-ready=true]) .AbilityShowcase-module__VB99Ga__card+.AbilityShowcase-module__VB99Ga__card{margin-top:48px}.AbilityShowcase-module__VB99Ga__cardHead{align-items:center;gap:18px;margin-bottom:18px;display:flex}.AbilityShowcase-module__VB99Ga__cardHead img{border-radius:16px;width:60px;height:60px;box-shadow:0 0 0 1px #fff4dc2e}.AbilityShowcase-module__VB99Ga__cardHead h3{color:var(--bone);font-size:clamp(1.7rem,2.6vw,2.4rem);line-height:1.05}.AbilityShowcase-module__VB99Ga__tag{letter-spacing:.18em;text-transform:uppercase;color:#1d1406;background:var(--gold);border-radius:999px;margin-bottom:6px;padding:3px 10px;font-size:.68rem;font-weight:700;display:inline-block}.AbilityShowcase-module__VB99Ga__description{color:#eadbc6;font-size:1.05rem;line-height:1.6}.AbilityShowcase-module__VB99Ga__label{font-family:var(--font-body);letter-spacing:.2em;text-transform:uppercase;color:color-mix(in srgb, var(--glow) 50%, #bfa57c);margin:28px 0 12px;font-size:.72rem;font-weight:700}.AbilityShowcase-module__VB99Ga__facts,.AbilityShowcase-module__VB99Ga__effects{font-variant-numeric:tabular-nums;gap:8px;margin:0;padding:0;font-size:.94rem;list-style:none;display:grid}.AbilityShowcase-module__VB99Ga__facts{flex-wrap:wrap;gap:8px;display:flex}.AbilityShowcase-module__VB99Ga__facts li{color:var(--text);background:#fff4dc0f;border-radius:999px;padding:7px 14px;box-shadow:inset 0 0 0 1px #fff4dc1a}.AbilityShowcase-module__VB99Ga__effects li{color:var(--text);padding-left:20px;position:relative}.AbilityShowcase-module__VB99Ga__effects li:before{content:"";background:var(--ember);border-radius:50%;width:7px;height:7px;position:absolute;top:.55em;left:2px;box-shadow:0 0 10px 2px #ff782899}.AbilityShowcase-module__VB99Ga__power{color:#a89c8c;margin-top:22px;font-size:.82rem}@keyframes AbilityShowcase-module__VB99Ga__arrive{0%{opacity:0;transform:translateY(14px)}}@media (max-width:900px){.AbilityShowcase-module__VB99Ga__showcase{grid-template-columns:minmax(0,1fr);grid-template-areas:"stage""list""cards";gap:20px}.AbilityShowcase-module__VB99Ga__list{margin:0 calc(-1 * var(--gutter));padding:10px 2px 12px;padding-inline:var(--gutter);scrollbar-width:none;flex-wrap:nowrap;overflow-x:auto}.AbilityShowcase-module__VB99Ga__tab{flex:none;width:60px;height:60px}}@media (prefers-reduced-motion:reduce){.AbilityShowcase-module__VB99Ga__film,.AbilityShowcase-module__VB99Ga__unfilmed,.AbilityShowcase-module__VB99Ga__showcase[data-ready=true] .AbilityShowcase-module__VB99Ga__card{animation:none}}
.page-module__ZDOuQW__page{background:var(--coal)}.page-module__ZDOuQW__hero{min-height:max(100svh,680px);padding:120px var(--gutter) 10svh;background:radial-gradient(55% 65% at 72% 55%, color-mix(in srgb, var(--glow) 16%, transparent), transparent 72%), linear-gradient(180deg, #0d0c10, var(--coal) 85%);align-items:center;display:grid;position:relative;overflow:clip}.page-module__ZDOuQW__hero:after{content:"";background:linear-gradient(180deg, transparent, var(--coal));pointer-events:none;height:22svh;position:absolute;inset:auto 0 0}.page-module__ZDOuQW__halo{aspect-ratio:1;background:radial-gradient(closest-side, color-mix(in srgb, var(--glow) 30%, transparent), transparent);border-radius:50%;width:min(54vw,720px);position:absolute;top:14%;right:6vw}.page-module__ZDOuQW__figure{aspect-ratio:3/4;height:min(92%,980px);position:absolute;bottom:0;right:max(2vw,50vw - 700px)}.page-module__ZDOuQW__figure img{object-fit:contain;object-position:bottom center;width:100%;height:100%}.page-module__ZDOuQW__signs{opacity:.5;will-change:transform;gap:4%;width:min(34vw,420px);display:flex;position:absolute;top:24%;right:8vw}.page-module__ZDOuQW__signs svg{flex:1}.page-module__ZDOuQW__heroText{z-index:2;max-width:600px;position:relative}.page-module__ZDOuQW__back{color:var(--text-soft);background:#fff4dc0d;border-radius:999px;align-items:center;gap:10px;margin-bottom:40px;padding:9px 18px 9px 14px;font-size:.88rem;text-decoration:none;transition:color .2s,background-color .2s;display:inline-flex;box-shadow:inset 0 0 0 1px #fff4dc24}.page-module__ZDOuQW__back:before{content:"←";transition:transform .4s var(--ease-out)}.page-module__ZDOuQW__back:hover{color:var(--bone);background:#fff4dc1a}.page-module__ZDOuQW__back:hover:before{transform:translate(-3px)}.page-module__ZDOuQW__title{color:var(--bone);margin:0 0 .12em;font-size:clamp(3rem,7.4vw,6rem)}.page-module__ZDOuQW__tradition{font-family:var(--font-display);color:var(--gold);margin-bottom:28px;font-size:clamp(1.15rem,1.8vw,1.5rem)}.page-module__ZDOuQW__lore{color:#eadbc6;font-size:clamp(1.08rem,1.35vw,1.22rem)}.page-module__ZDOuQW__fights{color:var(--text-soft);margin-top:14px}.page-module__ZDOuQW__facts{grid-template-columns:repeat(3,auto);justify-content:start;gap:18px 36px;margin:40px 0 0;display:grid}.page-module__ZDOuQW__facts dt{letter-spacing:.2em;text-transform:uppercase;color:color-mix(in srgb, var(--glow) 50%, #bfa57c);margin-bottom:8px;font-size:.72rem;font-weight:700}.page-module__ZDOuQW__facts dd{color:#f3e6d2;flex-wrap:wrap;gap:8px 16px;margin:0;display:flex}.page-module__ZDOuQW__god{align-items:center;gap:8px;display:inline-flex}.page-module__ZDOuQW__abilities{max-width:1240px;padding:6svh var(--gutter) 12svh;margin:0 auto;position:relative}.page-module__ZDOuQW__abilitiesLead{margin-bottom:36px}.page-module__ZDOuQW__others{max-width:1240px;padding:0 var(--gutter) 14svh;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:0 auto;display:grid}.page-module__ZDOuQW__other{transition:box-shadow .4s var(--ease-out);background:#fff4dc08;border-radius:22px;gap:6px;padding:34px 36px;text-decoration:none;display:grid;position:relative;overflow:clip;box-shadow:inset 0 0 0 1px #fff4dc14}.page-module__ZDOuQW__other:before{content:"";z-index:-1;background:radial-gradient(80% 120% at 50% 120%, color-mix(in srgb, var(--own) 40%, transparent), transparent 70%);opacity:0;transition:opacity .5s ease, transform .7s var(--ease-out);position:absolute;inset:0;transform:translateY(20%)}.page-module__ZDOuQW__other:hover:before,.page-module__ZDOuQW__other:focus-visible:before{opacity:1;transform:none}.page-module__ZDOuQW__other:hover,.page-module__ZDOuQW__other:focus-visible{box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--own) 50%, transparent)}.page-module__ZDOuQW__other{isolation:isolate}.page-module__ZDOuQW__other[data-way=nav-forward]{text-align:right}.page-module__ZDOuQW__other small{letter-spacing:.2em;text-transform:uppercase;color:var(--text-soft);font-size:.72rem;font-weight:700}.page-module__ZDOuQW__other strong{font-family:var(--font-display);color:var(--bone);font-size:clamp(1.8rem,3.4vw,3rem);line-height:1.05}.page-module__ZDOuQW__other span{color:var(--text-soft);font-size:.95rem}@media (max-width:900px){.page-module__ZDOuQW__hero{align-items:end;padding-top:min(52svh,440px)}.page-module__ZDOuQW__figure{height:min(56svh,480px);top:56px;bottom:auto;right:50%;transform:translate(50%);-webkit-mask-image:linear-gradient(#000 62%,#0000 96%);mask-image:linear-gradient(#000 62%,#0000 96%)}.page-module__ZDOuQW__signs{opacity:.22;width:60vw;top:90px;right:-6vw}.page-module__ZDOuQW__facts{grid-template-columns:repeat(2,auto)}.page-module__ZDOuQW__others{grid-template-columns:minmax(0,1fr)}.page-module__ZDOuQW__other[data-way=nav-forward]{text-align:left}}