.hero-depth{position:absolute;inset:0;z-index:-1;overflow:hidden;pointer-events:none}.hero-depth__glow{position:absolute;inset:-10% -10% 0;background:radial-gradient(45% 40% at 62% 70%,rgba(240,138,40,.26),rgba(240,138,40,0) 70%),radial-gradient(30% 30% at 30% 85%,rgba(199,49,58,.2),rgba(199,49,58,0) 70%);mix-blend-mode:screen;opacity:.85;transform:translate3d(0,calc(var(--depth-shift, 0) * -.22px),0)}.hero-depth__vignette{position:absolute;inset:0;background:radial-gradient(120% 90% at 55% 40%,rgba(12,8,7,0) 55%,rgba(12,8,7,.5) 100%)}.hero-depth__particles{position:absolute;inset:0;width:100%;height:100%;opacity:0;transform:translate3d(0,calc(var(--depth-shift, 0) * -.4px),0);transition:opacity .9s cubic-bezier(.2,.7,.2,1)}.hero-depth[data-depth-state=live] .hero-depth__glow{animation:hero-depth-breathe 7s ease-in-out infinite alternate}.hero-depth[data-particle-state=running] .hero-depth__particles{opacity:1}@media(prefers-reduced-motion:reduce){.hero-depth__glow,.hero-depth__particles{transform:none;animation:none;transition:none}}img[data-depth-layer=enter]{transition:transform .9s cubic-bezier(.2,.7,.2,1);will-change:transform}img[data-depth-layer=follow]{transition:transform .12s linear;will-change:transform}@keyframes hero-depth-breathe{0%{opacity:.7}to{opacity:1}}.ability-tabs{display:grid;grid-gap:12px;gap:12px}@media(min-width:1200px){.ability-tabs--static{grid-template-columns:repeat(2,minmax(0,1fr))}}.ability-tabs__list{position:relative;display:flex;gap:6px;padding:6px;overflow-x:auto;border-radius:6px;background:#17100d;box-shadow:inset 0 0 0 1px rgba(240,138,40,.18);scrollbar-width:none}.ability-tabs__indicator{position:absolute;top:6px;bottom:6px;left:0;width:var(--tab-width,0);border-radius:6px;background:#211612;box-shadow:inset 0 0 0 1px rgba(240,138,40,.42),inset 0 -2px 0 #f08a28,0 0 22px -8px rgba(240,138,40,.7);transform:translateX(var(--tab-x,0));transition:transform .22s cubic-bezier(.2,.7,.2,1),width .22s cubic-bezier(.2,.7,.2,1);pointer-events:none}@media(prefers-reduced-motion:reduce){.ability-tabs__indicator{transition:none}}.ability-tabs__tab{position:relative;display:inline-flex;flex:1 0 auto;align-items:center;gap:12px;min-height:60px;padding:6px 16px 6px 6px;border:0;border-radius:6px;background:rgba(0,0,0,0);color:#cdbfae;font:inherit;font-weight:600;text-align:left;cursor:pointer;transition:color .18s cubic-bezier(.2,.7,.2,1)}.ability-tabs__tab:hover{color:#f6ebdd}.ability-tabs__tab:focus-visible{outline:2px solid #3de0ff;outline-offset:2px}.ability-tabs__tab--selected{color:#f6ebdd}.ability-tabs__tab-key{display:grid;flex:none;place-items:center;width:44px;height:44px;border-radius:6px;background:#0c0807;box-shadow:inset 0 0 0 2px #d9b77a;color:#f6ebdd;font-family:WoA Cinzel,Palatino Linotype,Georgia,serif;font-size:1.25rem;font-weight:700}.ability-tabs__tab-key--passive{color:#ffc04a;box-shadow:inset 0 0 0 2px #f08a28}.ability-tabs__tab-name{display:none;white-space:nowrap}@media(min-width:900px){.ability-tabs__tab-name{display:inline}}.ability-tabs__panel{position:relative;overflow:hidden;border-radius:6px;background:#17100d;box-shadow:inset 0 0 0 1px rgba(240,138,40,.18);display:grid;grid-template-columns:56px minmax(0,1fr);grid-gap:16px;gap:16px;padding:24px;animation:ability-tabs-in .2s cubic-bezier(.2,.7,.2,1)}.ability-tabs__panel[hidden]{display:none}@media(prefers-reduced-motion:reduce){.ability-tabs__panel{animation:none}}.ability-tabs__key{display:grid;place-items:center;width:56px;height:56px;border-radius:6px;background:#0c0807;box-shadow:inset 0 0 0 2px #d9b77a,inset 0 0 18px rgba(240,138,40,.3);color:#f6ebdd;font-family:WoA Cinzel,Palatino Linotype,Georgia,serif;font-size:1.5rem;font-weight:700}.ability-tabs__key--passive{color:#ffc04a;box-shadow:inset 0 0 0 2px #f08a28,inset 0 0 18px rgba(240,138,40,.4)}.ability-tabs__body{display:grid;grid-gap:8px;gap:8px;align-content:start}.ability-tabs__name{font-size:1.375rem}.ability-tabs__lore{color:#cdbfae}.ability-tabs__facts{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}.ability-tabs__fact{display:inline-flex;gap:8px;padding:4px 12px;border-radius:6px;background:rgba(12,8,7,.6);box-shadow:inset 0 0 0 1px rgba(240,138,40,.18);font-size:.875rem}.ability-tabs__fact-label{color:#a8988a}.ability-tabs__fact-value{margin:0;color:#f6ebdd;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}@keyframes ability-tabs-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}