.ability-select-module__lFjRQq__root{--cyan:#3cd3fc;--cyan-glow:#18a0ffd9;--mark:#f0484a;--navy:#191b31;--navy-dot:#8c9cec13;--edge-light:#05428c;--bezel:#1a1a1b;--bezel-deep:#101011;--tile:#050c15;--tile-mid:#0d1724;--tile-line:#4b6477;--tile-inner:#1e3142;--tile-corner:#8fb2bd;--pick:#1474ad;--pick-mid:#2489be;--pick-line:#a6e6ff;--pick-glow:#1ea0ffcc;--empty:#ffffff1a;--empty-line:#ffffff21;--halo:#46beff52;--edge:#ffffff0a;--shade:#10162847;--focus:#2f6fdf;isolation:isolate;box-sizing:border-box;-webkit-tap-highlight-color:transparent;place-items:center;width:100%;min-height:400px;padding:24px 0;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;display:grid;position:relative;container-type:inline-size}@supports (color:light-dark(#fff, #000)){.ability-select-module__lFjRQq__root{--edge:light-dark(#ffffff0a,#ffffff1a);--shade:light-dark(#10162847,#0000008c);--halo:light-dark(#46beff52,#46beff38);--focus:light-dark(#2f6fdf,#8db4ff)}}.ability-select-module__lFjRQq__root[data-color-scheme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}.ability-select-module__lFjRQq__root[data-color-scheme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}.ability-select-module__lFjRQq__root[data-color-scheme=system]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark}@media (prefers-color-scheme:dark){.ability-select-module__lFjRQq__root[data-color-scheme=system]{--lightningcss-light: ;--lightningcss-dark:initial}}.ability-select-module__lFjRQq__tablet{--u:min(1px, 100cqi / 960);--w:960;--bar-h:42;--foot-h:41;--screen-h:457;--corner-w:124;--name-top:108;--name-fs:26.5;--name-lh:32;--row-top:27;--tile-s:65;--tile-gap:7;--desc-top:24.5;--head-fs:19;--head-lh:23;--div-w:398;--text-w:312;--text-fs:12.4;--text-lh:15.8;--tab-fs:18.6;grid-template-rows:calc(var(--bar-h) * var(--u)) auto calc(var(--foot-h) * var(--u));width:calc(var(--w) * var(--u));border-radius:calc(5 * var(--u));background:linear-gradient(var(--bezel), var(--bezel-deep));max-width:100%;box-shadow:0 0 0 1px var(--edge), 0 0 calc(18 * var(--u)) var(--halo), 0 calc(10 * var(--u)) calc(34 * var(--u)) var(--shade);animation:.42s cubic-bezier(.2,.8,.3,1) ability-select-module__lFjRQq__tabletIn;display:grid;position:relative}@keyframes ability-select-module__lFjRQq__tabletIn{0%{opacity:0;scale:.97}}.ability-select-module__lFjRQq__bar,.ability-select-module__lFjRQq__foot{border-radius:calc(5 * var(--u)) calc(5 * var(--u)) 0 0;position:relative;overflow:hidden}.ability-select-module__lFjRQq__foot{border-radius:0 0 calc(5 * var(--u)) calc(5 * var(--u))}.ability-select-module__lFjRQq__rail{left:calc(var(--corner-w) * var(--u));right:calc(var(--corner-w) * var(--u));top:calc(2 * var(--u));width:auto;height:calc(18 * var(--u));position:absolute}.ability-select-module__lFjRQq__foot .ability-select-module__lFjRQq__rail{top:auto;bottom:calc(4 * var(--u))}.ability-select-module__lFjRQq__tab,.ability-select-module__lFjRQq__next{top:calc(30 * var(--u));color:var(--cyan);white-space:nowrap;text-shadow:0 0 calc(5 * var(--u)) var(--cyan-glow);line-height:1;position:absolute;translate:0 -50%}.ability-select-module__lFjRQq__tab{font-size:calc(var(--tab-fs) * var(--u));font-weight:400;left:50%;translate:-50% -50%}.ability-select-module__lFjRQq__next{left:calc(50% + 109 * var(--u));align-items:center;gap:calc(6 * var(--u));font-size:calc(16.5 * var(--u));font-style:italic;font-weight:500;display:flex}.ability-select-module__lFjRQq__key{width:calc(18 * var(--u));height:calc(15 * var(--u));border-radius:calc(3 * var(--u)) calc(6 * var(--u)) calc(3 * var(--u)) calc(3 * var(--u));background:var(--cyan);color:#08131d;font-size:calc(10.5 * var(--u));text-shadow:none;box-shadow:0 0 calc(5 * var(--u)) var(--cyan-glow);place-items:center;font-style:normal;font-weight:700;display:grid}.ability-select-module__lFjRQq__screen{height:calc(var(--screen-h) * var(--u));box-sizing:border-box;padding:calc(var(--name-top) * var(--u)) calc(16 * var(--u)) 0;background:linear-gradient(var(--edge-light), #05428c73 calc(8 * var(--u)), transparent calc(36 * var(--u))), linear-gradient(to top, var(--edge-light), #05428c73 calc(8 * var(--u)), transparent calc(36 * var(--u))), radial-gradient(circle, var(--navy-dot) 0 calc(1.1 * var(--u)), transparent calc(1.6 * var(--u))) center / calc(18 * var(--u)) calc(18 * var(--u)), radial-gradient(70% 60% at 50% 45%, #1d2039, var(--navy));align-content:start;justify-items:center;display:grid;position:relative}.ability-select-module__lFjRQq__head{justify-items:center;gap:calc(4 * var(--u));display:grid}.ability-select-module__lFjRQq__name{font-size:max(16px, calc(var(--name-fs) * var(--u)));font-style:italic;font-weight:500;line-height:max(20px, calc(var(--name-lh) * var(--u)));letter-spacing:-.005em;color:var(--cyan);text-shadow:0 0 calc(4 * var(--u)) var(--cyan-glow), 0 0 calc(12 * var(--u)) #18a0ff73;margin:0;display:grid}.ability-select-module__lFjRQq__nameText{white-space:nowrap;grid-area:1/1;justify-self:center}.ability-select-module__lFjRQq__nameText[data-entering]{animation:.26s cubic-bezier(.2,.8,.3,1) both ability-select-module__lFjRQq__nameIn}.ability-select-module__lFjRQq__nameText[data-leaving]{animation:.16s ease-in both ability-select-module__lFjRQq__nameOut}@keyframes ability-select-module__lFjRQq__nameIn{0%{opacity:0;translate:calc(var(--dir,0) * 14 * var(--u)) 0}}@keyframes ability-select-module__lFjRQq__nameOut{to{opacity:0}}.ability-select-module__lFjRQq__flourish{width:calc(85 * var(--u));height:calc(7.4 * var(--u));overflow:visible}.ability-select-module__lFjRQq__flourish path:first-child{fill:none;stroke:var(--cyan);stroke-width:1.2px;opacity:.55}.ability-select-module__lFjRQq__flourish path,.ability-select-module__lFjRQq__flourish circle{fill:var(--cyan);opacity:.8}.ability-select-module__lFjRQq__row{gap:calc(var(--tile-gap) * var(--u));margin-top:calc(var(--row-top) * var(--u));display:flex;position:relative}.ability-select-module__lFjRQq__tile,.ability-select-module__lFjRQq__empty,.ability-select-module__lFjRQq__highlight{width:calc(var(--tile-s) * var(--u));height:calc(var(--tile-s) * var(--u));box-sizing:border-box;flex:none;position:relative}.ability-select-module__lFjRQq__tile{cursor:pointer;animation:ability-select-module__lFjRQq__tileIn .36s calc(var(--i) * 40ms + 80ms) cubic-bezier(.2, .8, .3, 1) both;background:0 0;border:0;place-items:center;margin:0;padding:0;display:grid}@keyframes ability-select-module__lFjRQq__tileIn{0%{opacity:0;translate:0 calc(8 * var(--u))}}.ability-select-module__lFjRQq__tile:before,.ability-select-module__lFjRQq__tile:after{content:"";transition:opacity .18s;position:absolute;inset:0}.ability-select-module__lFjRQq__tile:before{border:1px solid var(--tile-line);background:linear-gradient(var(--tile-inner), var(--tile-inner)) top calc(3 * var(--u)) left 50% / calc(100% - 6 * var(--u)) 1px no-repeat, linear-gradient(var(--tile-inner), var(--tile-inner)) bottom calc(3 * var(--u)) left 50% / calc(100% - 6 * var(--u)) 1px no-repeat, linear-gradient(var(--tile-inner), var(--tile-inner)) left calc(3 * var(--u)) top 50% / 1px calc(100% - 6 * var(--u)) no-repeat, linear-gradient(var(--tile-inner), var(--tile-inner)) right calc(3 * var(--u)) top 50% / 1px calc(100% - 6 * var(--u)) no-repeat, radial-gradient(75% 75% at 50% 45%, var(--tile-mid), var(--tile));box-shadow:0 0 calc(3 * var(--u)) #00000073}.ability-select-module__lFjRQq__tile:after,.ability-select-module__lFjRQq__highlightInner:after{--c:var(--tile-corner);--s:calc(6.5 * var(--u));background:linear-gradient(135deg, var(--c) 0 34%, #0a131b 34% 46%, transparent 46%) top left / var(--s) var(--s) no-repeat, linear-gradient(225deg, var(--c) 0 34%, #0a131b 34% 46%, transparent 46%) top right / var(--s) var(--s) no-repeat, linear-gradient(45deg, var(--c) 0 34%, #0a131b 34% 46%, transparent 46%) bottom left / var(--s) var(--s) no-repeat, linear-gradient(315deg, var(--c) 0 34%, #0a131b 34% 46%, transparent 46%) bottom right / var(--s) var(--s) no-repeat;opacity:.9}.ability-select-module__lFjRQq__tile[data-selected]:before,.ability-select-module__lFjRQq__tile[data-selected]:after{opacity:0}.ability-select-module__lFjRQq__tile:hover:not([data-selected]):before{border-color:#6f8ea3}.ability-select-module__lFjRQq__tile:focus-visible{outline:2px solid var(--focus);outline-offset:calc(4 * var(--u) + 2px)}.ability-select-module__lFjRQq__glyph{z-index:1;aspect-ratio:64/60;width:74%;height:auto;transition:scale .26s cubic-bezier(.3,1.6,.5,1);position:relative;overflow:visible}.ability-select-module__lFjRQq__tile[data-selected] .ability-select-module__lFjRQq__glyph{scale:1.04}.ability-select-module__lFjRQq__flash{inset:calc(-3 * var(--u));z-index:2;opacity:0;pointer-events:none;background:radial-gradient(closest-side,#dcf8ffd9,#3cc8ff59 70%,#0000);position:absolute}.ability-select-module__lFjRQq__highlight{translate:calc(var(--sel) * (var(--tile-s) + var(--tile-gap)) * var(--u)) 0;pointer-events:none;animation:ability-select-module__lFjRQq__copyIn .3s calc(var(--sel) * 40ms + .2s) ease-out both;transition:translate .28s cubic-bezier(.3,1.25,.45,1);position:absolute;top:0;left:0}.ability-select-module__lFjRQq__highlightInner{border:calc(2 * var(--u)) solid var(--pick-line);background:radial-gradient(80% 80% at 50% 45%, var(--pick-mid), var(--pick));box-shadow:0 0 calc(3 * var(--u)) #bef0ffe6, 0 0 calc(10 * var(--u)) calc(1 * var(--u)) var(--pick-glow), inset 0 0 calc(6 * var(--u)) #96e1ff73;position:absolute;inset:0}.ability-select-module__lFjRQq__highlightInner:before,.ability-select-module__lFjRQq__highlightInner:after{content:"";position:absolute}.ability-select-module__lFjRQq__highlightInner:before{inset:calc(1.5 * var(--u));border:1px solid #beeeff8c}.ability-select-module__lFjRQq__highlightInner:after{--c:#d7f5ff;--s:calc(7 * var(--u));inset:calc(-1 * var(--u))}.ability-select-module__lFjRQq__empty{border:1px solid var(--empty-line);background:var(--empty);box-shadow:inset 0 0 0 calc(3 * var(--u)) #ffffff04;animation:ability-select-module__lFjRQq__tileIn .36s calc(var(--i) * 40ms + 80ms) cubic-bezier(.2, .8, .3, 1) both}.ability-select-module__lFjRQq__desc{margin-top:calc(var(--desc-top) * var(--u));display:grid}.ability-select-module__lFjRQq__copy{grid-area:1/1;justify-items:center;display:grid}.ability-select-module__lFjRQq__copy[data-entering]{animation:.24s ease-out 60ms both ability-select-module__lFjRQq__copyIn}.ability-select-module__lFjRQq__copy[data-leaving]{animation:.14s ease-in both ability-select-module__lFjRQq__nameOut}@keyframes ability-select-module__lFjRQq__copyIn{0%{opacity:0}}.ability-select-module__lFjRQq__heading{font-size:max(13px, calc(var(--head-fs) * var(--u)));font-style:italic;font-weight:500;line-height:max(16px, calc(var(--head-lh) * var(--u)));color:var(--cyan);text-shadow:0 0 calc(4 * var(--u)) var(--cyan-glow), 0 0 calc(10 * var(--u)) #18a0ff66;white-space:nowrap;margin:0}.ability-select-module__lFjRQq__divider{width:calc(var(--div-w) * var(--u));max-width:100%;height:calc(10 * var(--u));margin-top:calc(3.5 * var(--u));filter:drop-shadow(0 0 calc(2.5 * var(--u)) var(--cyan-glow));align-items:center;display:flex}.ability-select-module__lFjRQq__line{height:max(1px, calc(1.4 * var(--u)));margin:0 calc(-1 * var(--u));background:var(--cyan);flex:1}.ability-select-module__lFjRQq__cap{width:calc(24 * var(--u));height:calc(10 * var(--u));flex:none;overflow:visible}.ability-select-module__lFjRQq__cap:last-child{scale:-1 1}.ability-select-module__lFjRQq__cap circle{fill:none;stroke:var(--cyan);stroke-width:1.6px}.ability-select-module__lFjRQq__cap path:nth-child(2){fill:none;stroke:var(--cyan);stroke-width:1.4px}.ability-select-module__lFjRQq__cap path:nth-child(3){fill:var(--cyan)}.ability-select-module__lFjRQq__text{width:max(calc(var(--text-w) * var(--u)), 277px);max-width:100%;margin:calc(7 * var(--u)) 0 0;font-size:max(11px, calc(var(--text-fs) * var(--u)));font-style:italic;line-height:max(14px, calc(var(--text-lh) * var(--u)));color:var(--cyan);text-shadow:0 0 calc(3 * var(--u)) #18a0ff73;text-wrap:pretty}.ability-select-module__lFjRQq__mark{color:var(--mark);text-shadow:0 0 calc(3 * var(--u)) #f0484a66;background:0 0}.ability-select-module__lFjRQq__corner{z-index:3;width:calc(var(--corner-w) * var(--u));height:calc(var(--corner-w) * 132 / 124 * var(--u));pointer-events:none;position:absolute;overflow:visible}.ability-select-module__lFjRQq__corner[data-at=tl]{top:0;left:0}.ability-select-module__lFjRQq__corner[data-at=tr]{top:0;right:0;scale:-1 1}.ability-select-module__lFjRQq__corner[data-at=bl]{bottom:0;left:0;scale:1 -1}.ability-select-module__lFjRQq__corner[data-at=br]{bottom:0;right:0;scale:-1}.ability-select-module__lFjRQq__visuallyHidden{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@container (max-width:699px){.ability-select-module__lFjRQq__tablet{--u:min(1px, 100cqi / 520);--w:520;--bar-h:34;--foot-h:30;--corner-w:64;--name-top:52;--name-fs:25;--name-lh:30;--row-top:20;--tile-s:52;--tile-gap:6;--desc-top:22;--head-fs:19;--head-lh:24;--div-w:420;--text-w:380;--text-fs:15;--text-lh:20;--tab-fs:17}.ability-select-module__lFjRQq__screen{height:auto;padding-bottom:calc(48 * var(--u))}.ability-select-module__lFjRQq__rail{height:calc(13 * var(--u))}.ability-select-module__lFjRQq__tab,.ability-select-module__lFjRQq__next{top:calc(24 * var(--u))}.ability-select-module__lFjRQq__next{left:calc(50% + 70 * var(--u));font-size:calc(15 * var(--u))}.ability-select-module__lFjRQq__text{width:min(100%, max(calc(var(--text-w) * var(--u)), 277px))}}@media (prefers-reduced-motion:reduce){.ability-select-module__lFjRQq__tablet,.ability-select-module__lFjRQq__tile,.ability-select-module__lFjRQq__empty,.ability-select-module__lFjRQq__highlight,.ability-select-module__lFjRQq__nameText,.ability-select-module__lFjRQq__copy{animation:none!important}.ability-select-module__lFjRQq__highlight,.ability-select-module__lFjRQq__glyph{transition:none}}
