.ability-icons-module__6agIcq__root{--surface:#fff;--line:#0000000f;--plate:#3b3933;--plate-edge:#fefbe31f;--shade:#1e1c1429;--plate-shadow:0 1px 2px var(--shade), 0 6px 18px var(--shade);--cream:#fefbe3;--tick:#b1ecf8;--tick-off:#1d1c18;--flash:#fff;--focus:#387bff;contain:size layout;aspect-ratio:16/10;background:var(--surface);width:100%;min-height:380px;box-shadow:inset 0 0 0 1px var(--line);-webkit-tap-highlight-color:transparent;border-radius:18px;font-family:ui-rounded,SF Pro Rounded,Hiragino Maru Gothic ProN,system-ui,-apple-system,Segoe UI,sans-serif;position:relative;overflow:clip;container-type:inline-size}@supports (color:light-dark(#fff, #000)){.ability-icons-module__6agIcq__root{--surface:light-dark(#fff,#121214);--line:light-dark(#0000000f,#ffffff0f);--plate:light-dark(#3b3933,#2e2d28);--plate-edge:light-dark(#fefbe31f,#fefbe329);--shade:light-dark(#1e1c1429,#0000);--focus:light-dark(#387bff,#6ea0ff)}}.ability-icons-module__6agIcq__root[data-color-scheme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}.ability-icons-module__6agIcq__root[data-color-scheme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}.ability-icons-module__6agIcq__root[data-color-scheme=system]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark}@media (prefers-color-scheme:dark){.ability-icons-module__6agIcq__root[data-color-scheme=system]{--lightningcss-light: ;--lightningcss-dark:initial}}.ability-icons-module__6agIcq__hud{--u:min(1px, calc((100cqi - 24px) / 580));--s:min(1px, calc(100cqi / 520));justify-content:center;align-items:center;gap:calc(26 * var(--s));flex-direction:column;padding:16px 12px;display:flex;position:absolute;inset:0}.ability-icons-module__6agIcq__top{justify-items:center;gap:calc(8 * var(--u));display:grid}.ability-icons-module__6agIcq__strip{padding:calc(4 * var(--u)) calc(6 * var(--u));border-radius:calc(18 * var(--u));background:var(--plate);box-shadow:inset 0 0 0 1px var(--plate-edge), var(--plate-shadow);display:flex}.ability-icons-module__6agIcq__item{width:calc(80 * var(--u));height:calc(80 * var(--u));border-radius:calc(14 * var(--u));color:inherit;cursor:pointer;touch-action:manipulation;background:0 0;border:0;place-items:center;padding:0;display:grid;position:relative}.ability-icons-module__6agIcq__item:before{content:"";inset:calc(3 * var(--u));border:calc(2 * var(--u)) solid #fefbe3d9;border-radius:calc(14 * var(--u));opacity:0;background:#fefbe31a;transition:opacity .14s ease-out,transform .22s cubic-bezier(.3,1.5,.5,1);position:absolute;transform:scale(.8)}.ability-icons-module__6agIcq__item[aria-checked=true]:before{opacity:1;transform:scale(1)}.ability-icons-module__6agIcq__item:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.ability-icons-module__6agIcq__glyph{filter:drop-shadow(0 0 3px color-mix(in srgb, currentColor 45%, transparent));display:block;overflow:visible}.ability-icons-module__6agIcq__item .ability-icons-module__6agIcq__glyph{width:calc(64 * var(--u));height:calc(60 * var(--u));transition:transform .22s cubic-bezier(.3,1.5,.5,1),opacity .2s ease-out,filter .2s ease-out;position:relative}.ability-icons-module__6agIcq__item[aria-checked=true] .ability-icons-module__6agIcq__glyph{filter:drop-shadow(0 0 6px color-mix(in srgb, currentColor 70%, transparent));transform:scale(1.06)}.ability-icons-module__6agIcq__item[data-cooling] .ability-icons-module__6agIcq__glyph{opacity:.5;filter:saturate(.6);transform:scale(.78)}.ability-icons-module__6agIcq__item:hover:not([aria-checked=true]) .ability-icons-module__6agIcq__glyph{transform:scale(1.04)}.ability-icons-module__6agIcq__glyph [data-part=plus]{transform-box:fill-box;transform-origin:50%}.ability-icons-module__6agIcq__mini{inset:calc(4 * var(--u));width:calc(72 * var(--u));height:calc(72 * var(--u));opacity:0;transition:opacity .2s ease-out;position:absolute;overflow:visible}.ability-icons-module__6agIcq__mini line{stroke:var(--tick-off);stroke-width:4px}.ability-icons-module__6agIcq__mini line[data-lit]{stroke:var(--tick)}.ability-icons-module__6agIcq__item[data-cooling] .ability-icons-module__6agIcq__mini{opacity:1}.ability-icons-module__6agIcq__name{padding:calc(5 * var(--u)) calc(16 * var(--u));background:var(--plate);box-shadow:inset 0 0 0 1px var(--plate-edge), var(--plate-shadow);color:var(--cream);font-size:max(13px, calc(17 * var(--u)));letter-spacing:.01em;border-radius:999px;margin:0;font-weight:650;line-height:1.3}.ability-icons-module__6agIcq__nameText{display:block}.ability-icons-module__6agIcq__root[data-swapped] .ability-icons-module__6agIcq__nameText{animation:.22s cubic-bezier(.2,.8,.3,1) ability-icons-module__6agIcq__rise}@keyframes ability-icons-module__6agIcq__rise{0%{opacity:0;transform:translateY(35%)}}.ability-icons-module__6agIcq__corner{justify-items:center;gap:calc(12 * var(--s));display:grid}.ability-icons-module__6agIcq__slot{width:calc(124 * var(--s));height:calc(124 * var(--s));background:var(--plate);box-shadow:inset 0 0 0 1px var(--plate-edge), var(--plate-shadow);border-radius:50%;place-items:center;display:grid;position:relative}.ability-icons-module__6agIcq__ring{inset:calc(12 * var(--s));width:calc(100 * var(--s));height:calc(100 * var(--s));position:absolute;overflow:visible}.ability-icons-module__6agIcq__ring line{stroke:var(--tick-off);stroke-width:3px}.ability-icons-module__6agIcq__ring line[data-lit]{stroke:var(--tick)}.ability-icons-module__6agIcq__ring .ability-icons-module__6agIcq__flash{opacity:0;transform-box:view-box;transform-origin:50%}.ability-icons-module__6agIcq__ring .ability-icons-module__6agIcq__flash line{stroke:var(--flash)}.ability-icons-module__6agIcq__slotGlyph{display:block;position:relative}.ability-icons-module__6agIcq__slot .ability-icons-module__6agIcq__glyph{width:calc(49.78 * var(--s));height:calc(46.67 * var(--s));transition:opacity .24s ease-out,filter .24s ease-out}.ability-icons-module__6agIcq__slot[data-cooling] .ability-icons-module__6agIcq__glyph{opacity:.5;filter:saturate(.6)}.ability-icons-module__6agIcq__swap{display:block}.ability-icons-module__6agIcq__root[data-swapped] .ability-icons-module__6agIcq__swap{animation:.34s cubic-bezier(.3,1.6,.5,1) ability-icons-module__6agIcq__pop}@keyframes ability-icons-module__6agIcq__pop{0%{opacity:0;transform:scale(.6)}}.ability-icons-module__6agIcq__use{align-items:center;gap:calc(8 * var(--s));min-height:32px;padding:calc(5 * var(--s)) calc(14 * var(--s)) calc(5 * var(--s)) calc(5 * var(--s));background:var(--plate);box-shadow:inset 0 0 0 1px var(--plate-edge), var(--plate-shadow);color:var(--cream);font:inherit;font-size:max(13px, calc(15 * var(--s)));cursor:pointer;touch-action:manipulation;border:0;border-radius:999px;font-weight:650;transition:transform .12s ease-out,background-color .12s ease-out;display:inline-flex}.ability-icons-module__6agIcq__use:active,.ability-icons-module__6agIcq__use[data-pressed]{background:color-mix(in srgb, var(--plate), var(--cream) 22%);transform:scale(.93)}.ability-icons-module__6agIcq__use[aria-disabled=true]{color:#fefbe399}.ability-icons-module__6agIcq__use:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.ability-icons-module__6agIcq__key{background:var(--cream);color:#2a2922;border-radius:6px 6px 6px 10px;place-items:center;min-width:24px;height:22px;padding:0 5px;font-size:13px;font-weight:800;display:grid}.ability-icons-module__6agIcq__visuallyHidden{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}@media (prefers-reduced-motion:reduce){.ability-icons-module__6agIcq__item:before,.ability-icons-module__6agIcq__item .ability-icons-module__6agIcq__glyph,.ability-icons-module__6agIcq__slot .ability-icons-module__6agIcq__glyph,.ability-icons-module__6agIcq__use{transition:none}.ability-icons-module__6agIcq__root[data-swapped] .ability-icons-module__6agIcq__nameText,.ability-icons-module__6agIcq__root[data-swapped] .ability-icons-module__6agIcq__swap{animation:none}}
