.lg-layout{align-items:start;gap:20px;display:grid}.lg-frame{aspect-ratio:1626/1020;background:var(--lg-background) center / 100% 100% no-repeat;border-radius:4px;grid-template-rows:13.6% minmax(0,1fr);grid-template-columns:14.8% minmax(0,1fr);min-inline-size:0;display:grid;box-shadow:0 2px 14px oklch(0% 0 none/.6)}.lg-available{color:var(--text-hi);font:17px/1.2 var(--font-ui);text-shadow:0 1px 2px oklch(0% 0 none);grid-column:1/-1;align-items:center;gap:10px;margin:0;padding-inline:18px;display:flex}.lg-available>img{flex:none}.lg-available>b{color:var(--gold-bright);font-variant-numeric:tabular-nums}.lg-categories{align-content:start;justify-items:center;gap:12px;padding-block:14px;display:grid}.lg-categories>button{aspect-ratio:127/93;background:var(--lg-card) center / 100% 100% no-repeat;inline-size:min(100% - 12px,120px);color:var(--text-hi);cursor:pointer;border:0;place-items:center;padding:0;display:grid;position:relative}.lg-categories>button>span:not(.lg-portrait){clip-path:inset(50%);white-space:nowrap;block-size:1px;inline-size:1px;position:absolute;overflow:clip}.lg-categories>button[aria-pressed=true]:after{content:"";background:var(--lg-card-glow) right center / contain no-repeat;pointer-events:none;inline-size:75%;position:absolute;inset-block:8%;inset-inline-end:-12%}.lg-portrait{aspect-ratio:1;background:var(--lg-card-ring) center / 112% 112% no-repeat;border-radius:50%;place-items:center;inline-size:62%;display:grid}.lg-portrait>img{object-fit:cover;border-radius:50%;block-size:86%;inline-size:86%}.lg-categories>button:not([aria-pressed=true]) .lg-portrait>img{filter:saturate(.55)brightness(.8)}.lg-categories>button>b{min-inline-size:22px;color:var(--gold-bright);font:600 13px/18px var(--font-ui);text-align:center;font-variant-numeric:tabular-nums;background:oklch(12% .01 250);border:1px solid oklch(55% .07 75);border-radius:3px;padding-block:0;padding-inline:4px;position:absolute;inset-block-end:10%;inset-inline-end:10%}.lg-categories>button:focus-visible{outline:2px solid var(--gold-bright);outline-offset:2px}.lg-categories>button:active>.lg-portrait{translate:0 1px}@media (hover:hover) and (pointer:fine){.lg-categories>button:hover .lg-portrait>img{filter:none}}.lg-tree{grid-template-columns:26% minmax(0,1fr);min-block-size:0;padding-block:2% 3%;padding-inline:1% 3%;display:grid}.lg-selected{align-content:center;justify-items:center;gap:10px;display:grid}.lg-selected h2{color:var(--gold-bright);font:22px/1.2 var(--font-ui);text-align:center;text-shadow:0 1px 3px oklch(0% 0 none);margin:0}.lg-ring{aspect-ratio:1;background:var(--lg-ring) center / 100% 100% no-repeat;place-items:center;inline-size:min(100%,120px);display:grid}.lg-ring>img{object-fit:cover;border-radius:50%;block-size:74%;inline-size:74%}.lg-spent{background:var(--lg-spent) center / 100% 100% no-repeat;block-size:44px;inline-size:44px;color:var(--text-hi);font:600 19px/1 var(--font-ui);font-variant-numeric:tabular-nums;place-items:center;margin-block-start:-28px;display:grid}.lg-grid{--tf-node:52px;margin:0}.lg-node>img{block-size:calc(100% - 14px);inline-size:calc(100% - 14px);inset:7px}.lg-node:after{background:var(--lg-node-gray) center / 100% 100% no-repeat}.lg-node:is([data-state=selectable],[data-state=normal]):after{background-image:var(--lg-node-green)}.lg-node[data-state=maxed]:after{background-image:var(--lg-node)}@container page (min-width:1180px){.lg-layout{grid-template-columns:minmax(0,1fr) 286px}}@container page (max-width:720px){.lg-frame{aspect-ratio:auto;background-size:cover;grid-template-rows:auto auto auto;grid-template-columns:minmax(0,1fr)}.lg-available{padding-block:14px}.lg-categories{grid-auto-flow:column;justify-content:center;padding-block:0 8px}.lg-categories>button{inline-size:104px}.lg-tree{grid-template-columns:minmax(0,1fr);gap:14px;padding-block:8px 18px;padding-inline:12px}.lg-grid{min-block-size:340px}}
.ff-legacy-track,.ff-legacy-challenges{border:1px solid var(--ff-edge);background:linear-gradient(oklch(22% .02 60/.92),oklch(15% .012 250/.96)),url(/ui/ui-background-rock.webp);border-radius:4px;margin-block-start:24px;padding:16px;box-shadow:inset 0 0 0 2px oklch(13.86% .0077 255.5)}.ff-legacy-track>h2,.ff-legacy-challenges>h2{color:var(--gold);font-family:var(--font-display);text-align:center;margin-block:0 12px;margin-inline:0;font-size:18px;font-weight:400}.ff-legacy-crest{inline-size:72px;margin-inline:auto;position:relative}.ff-legacy-crest>img{block-size:auto;inline-size:72px;display:block}.ff-legacy-crest>strong{color:var(--text-hi);font-family:var(--font-display);text-align:center;font-variant-numeric:tabular-nums;font-size:28px;font-weight:400;line-height:1;position:absolute;inset-block-start:46%;inset-inline:0}.ff-legacy-points{color:var(--text-hi);text-align:center;margin-block:4px 16px;margin-inline:0;font-size:16px}.ff-legacy-bar{background:oklch(12% .01 250);border:1px solid oklch(45% .04 80);border-radius:5px;block-size:10px;margin-block-end:18px;overflow:clip}.ff-legacy-bar>span{block-size:100%;inline-size:calc(var(--fill) * 100%);background:linear-gradient(oklch(62% .17 145),oklch(45% .14 145));display:block}.ff-legacy-rewards{grid-template-columns:repeat(auto-fit,minmax(min(100%,180px),1fr));gap:12px;margin:0;padding:0;list-style:none;display:grid}.ff-legacy-rewards>li{text-align:center;background:oklch(16% .01 250/.9);border:2px solid oklch(38% .02 250);border-radius:4px;align-content:start;justify-items:center;gap:8px;padding-block:28px 14px;padding-inline:12px;display:grid;position:relative}.ff-legacy-rewards>li[data-reached]{background:oklch(22% .025 60/.9);border-color:oklch(55% .07 75)}.ff-legacy-rewards>li>p{color:var(--text);margin:0;font-size:13px;line-height:1.45}.ff-legacy-rewards>li>.ff-legacy-claim{color:var(--text-hi)}.ff-legacy-rewards>li:not([data-reached]) .ff-icon{filter:grayscale()brightness(.8)}.ff-legacy-rewards>li:not([data-reached])>p{color:var(--text-lo)}.ff-legacy-threshold{isolation:isolate;block-size:28px;inline-size:28px;color:var(--text-hi);font-variant-numeric:tabular-nums;place-items:center;font-size:12px;display:grid;position:absolute;inset-block-start:-14px}.ff-legacy-threshold:before{content:"";z-index:-1;background:oklch(28% .01 250);border:2px solid oklch(50% .02 250);position:absolute;inset:0;rotate:45deg}.ff-legacy-rewards>li[data-reached]>.ff-legacy-threshold:before{background:oklch(38% .1 145);border-color:oklch(60% .12 145)}.ff-legacy-check{fill:none;stroke:oklch(72% .2 145);stroke-width:3.5px;stroke-linecap:round;stroke-linejoin:round;block-size:24px;inline-size:24px;position:absolute;inset-block-start:8px;inset-inline-end:10px}.ff-legacy-category+.ff-legacy-category{margin-block-start:20px}.ff-legacy-category>h3{color:var(--gold-bright);border-block-end:1px solid oklch(50.86% .0611 80.38);margin-block:0 8px;margin-inline:0;padding-block-end:6px;font-size:16px;font-weight:600}.ff-legacy-category h4{color:var(--gold);margin-block:12px 6px;margin-inline:0;font-size:14px;font-weight:600}.ff-legacy-category>div>ul{grid-template-columns:repeat(auto-fill,minmax(min(100%,300px),1fr));gap:8px;margin:0;padding:0;list-style:none;display:grid}.ff-legacy-category>div>ul>li{background:oklch(20% .02 60/.85);border:1px solid oklch(38% .03 70);border-radius:4px;grid-template-columns:auto 1fr auto;align-items:start;gap:10px;padding:10px;display:grid}.ff-legacy-category li:target{border-color:var(--gold-bright)}.ff-legacy-category li strong{color:var(--text-hi);font-size:14px}.ff-legacy-category li p{color:var(--text);margin-block:2px 0;margin-inline:0;font-size:13px;line-height:1.45}.ff-legacy-category li nav{flex-wrap:wrap;gap:4px 12px;margin-block-start:6px;font-size:13px;display:flex}.ff-legacy-category li nav a{color:var(--gold)}@media (hover:hover) and (pointer:fine){.ff-legacy-category li nav a:hover{color:var(--gold-bright)}}.ff-legacy-award{inline-size:20px;position:relative}.ff-legacy-award>img{block-size:auto;inline-size:20px;display:block}.ff-legacy-award>b{color:var(--text-hi);text-align:center;font-size:12px;font-weight:600;line-height:1;position:absolute;inset-block-start:38%;inset-inline:0}.ff-legacy-steps{color:var(--text-lo);flex-wrap:wrap;gap:2px 14px;margin-block:6px 0;margin-inline:0;padding:0;font-size:13px;list-style:none;display:flex}.ff-legacy-steps a{color:var(--gold)}@media (hover:hover) and (pointer:fine){.ff-legacy-steps a:hover{color:var(--gold-bright)}}.ff-legacy-rulesets{color:var(--gold);font-size:13px}.ff-legacy-caps{flex-wrap:wrap;justify-content:center;gap:4px 32px;margin-block:0 16px;font-size:14px;display:flex}.ff-legacy-caps>div{gap:8px;display:flex}.ff-legacy-caps dt{color:var(--text-lo)}.ff-legacy-caps dd{color:var(--text-hi);margin:0}
.ff-ab{gap:16px;display:grid}.ff-ab-classes{font:14px/1.4 var(--font-ui);flex-wrap:wrap;gap:6px 18px;display:flex}.ff-ab-classes a{color:var(--text-lo);border-block-end:2px solid #0000;padding-block:8px}.ff-ab-classes a[aria-current=page]{color:var(--gold-bright);border-block-end-color:var(--gold)}@media (hover:hover) and (pointer:fine){.ff-ab-classes a:hover{color:var(--gold-bright)}}.ff-ab-level{font:12px/1.4 var(--font-ui);color:var(--text-lo);align-items:center;gap:10px;display:flex}.ff-ab-level input{min-block-size:44px;inline-size:84px;color:var(--text-hi);background:var(--ff-inset);border:1px solid var(--ff-edge);font:14px var(--font-ui);font-variant-numeric:tabular-nums;border-radius:3px;padding-block:8px;padding-inline:12px}.ff-ab-level input:focus-visible{border-color:var(--gold-bright);outline:2px solid #0000}.ff-ab-list{grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.ff-ab-list .ff-list-choice>span:last-child{text-align:end;font-variant-numeric:tabular-nums;color:var(--text-hi);justify-items:end}.ff-ab-list .ff-list-choice>span:last-child small{color:var(--text-lo)}.ff-ab-list .ff-list-choice[data-ahead]{opacity:.55}.ff-ab-list .ff-list-choice[data-ahead] strong{color:var(--text-lo)}.ff-ab-list>.ff-empty{grid-column:1/-1}.ff-ab-page{gap:18px;display:grid}.ff-ab-page>header{flex-wrap:wrap;align-items:center;gap:16px;display:flex}.ff-ab-page>header>div{flex:1;gap:4px;min-inline-size:160px;display:grid}.ff-ab-page>header p{margin:0}.ff-ab-page>header p:first-child{color:var(--text-lo);font-size:14px}.ff-ab-ranks{border-collapse:collapse;background:var(--ff-inset);border:1px solid var(--ff-edge);inline-size:100%}.ff-ab-ranks th,.ff-ab-ranks td{text-align:start;vertical-align:top;font-variant-numeric:tabular-nums;border-block-end:1px solid oklch(34.07% .0131 145.28);padding-block:10px;padding-inline:12px}.ff-ab-ranks thead th{color:var(--text-lo);border-block-end-color:var(--ff-edge);font-size:12px;font-weight:400}.ff-ab-ranks tbody th{color:var(--gold);white-space:nowrap;font-weight:400}.ff-ab-ranks td:not(:last-child){white-space:nowrap}.ff-ab-ranks td:last-child{color:var(--text);line-height:1.5}.ff-ab-ranks td:last-child:has(b){color:var(--text-lo)}.ff-ab-ranks td b{color:var(--gold-bright);font-weight:600}.ff-ab-ranks tr[aria-current]{background:color-mix(in oklch,var(--gold) 7.8%,transparent)}.ff-ab-ranks tr[data-ahead] :is(th,td),.ff-ab-ranks tr[data-ahead] td b{color:var(--text-lo)}@container page (max-width:810px){.ff-ab-list{grid-template-columns:1fr}.ff-ab-ranks,.ff-ab-ranks tbody{background:0 0;border:0;display:block}.ff-ab-ranks thead{display:none}.ff-ab-ranks tr{background:var(--ff-inset);border:1px solid var(--ff-edge);border-radius:4px;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px 16px;margin-block-end:10px;padding:12px;display:grid}.ff-ab-ranks :is(th,td){border:0;padding:0;white-space:normal!important}.ff-ab-ranks tbody th{grid-column:1/-1;font-size:14px}.ff-ab-ranks td:empty{display:none}.ff-ab-ranks td[data-label]:before{content:attr(data-label);color:var(--text-lo);font-size:12px;display:block}.ff-ab-ranks td:last-child{grid-column:1/-1}}
.ff-race-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,max(17.5rem,50% - 9px)),1fr));gap:18px;display:grid}.ff-race{border:1px solid var(--ff-edge);background:oklch(20.15% .0193 252.12);border-radius:4px;flex-direction:column;padding:20px;scroll-margin-block-start:105px;display:flex}.ff-race>header,.ff-race-column>header{border-block-end:1px solid oklch(35.28% .0191 90.41);justify-content:space-between;align-items:center;gap:16px;padding-block-end:16px;display:flex}.ff-race>header>span,.ff-race-column>header>span{font-size:13px}.ff-race>header h2,.ff-race-column>header h3{margin:0}.ff-faction-alliance>header>span{color:oklch(72.24% .0922 252.55)}.ff-faction-horde>header>span{color:oklch(69.73% .1018 38.74)}.ff-race-classes{flex-wrap:wrap;gap:8px;margin-block:16px 0;font-size:13px;display:flex}.ff-class-chip{border:1px solid var(--ff-edge);border-radius:3px;align-items:center;gap:6px;padding-block:3px;padding-inline:3px 10px;display:inline-flex}.ff-class-chip[data-chosen]{border-color:var(--gold-bright);color:var(--gold-bright)}.ff-race .ff-requirement,.ff-race-column .ff-requirement{margin-block:12px 0}.ff-racial-effects{flex:1}.ff-racial{border-block-end:1px solid oklch(34.16% .0163 126.83);align-items:flex-start;gap:12px;padding-block:15px;display:flex}.ff-racial h3{color:var(--gold-bright);font-family:var(--font-ui);margin-block:0;margin-inline:0 10px;font-weight:600;display:inline-block}.ff-racial span{color:var(--text-lo);font-size:12px}.ff-racial p{margin-block:6px 0;margin-inline:0}.ff-racial-text{white-space:pre-line}.ff-racial-timing{color:var(--text-lo);flex-wrap:wrap;gap:8px 20px;margin-block:10px 0;margin-inline:0;font-size:12px;display:flex}.ff-racial-timing>div{align-items:baseline;gap:8px;display:flex}.ff-racial-timing dd{color:var(--text-hi);margin:0}.ff-race>.ff-actions{padding-block-start:18px}.ff-race-comparison{margin-block:24px 34px;margin-inline:0}.ff-race-comparison>h2{margin-block-end:16px}.ff-race-compare{gap:18px;display:grid}.ff-race-column{grid-template-rows:repeat(var(--rows),auto);border:1px solid var(--ff-edge);background:oklch(20.15% .0193 252.12);border-radius:4px;align-content:start;padding:20px;display:grid}.ff-race-cell:empty{display:none}@container page not (max-width:576px){.ff-race-compare[data-count="2"]{grid-template-columns:repeat(2,minmax(0,1fr))}.ff-race-compare[data-count="3"]{grid-template-columns:repeat(3,minmax(0,1fr))}.ff-race-compare{grid-template-rows:repeat(var(--rows),auto)}.ff-race-column{grid-row:span var(--rows);grid-template-rows:subgrid;row-gap:0}.ff-race-cell:empty{display:block}}
.ff-run-layout .ff-entity-link .ff-icon{object-fit:contain;filter:none}.ff-run-layout .ff-entity-link:focus-visible .ff-icon{filter:none}@media (hover:hover) and (pointer:fine){.ff-run-layout .ff-entity-link:hover .ff-icon{filter:none}}.ff-run-layout .ff-boss{scroll-margin-block-start:112px}.ff-run-layout .ff-drop-grid,.ff-run-layout .ff-dungeon-quests ul{grid-template-columns:repeat(auto-fill,minmax(min(100%,17rem),1fr));gap:10px 14px;margin:0;padding:0;list-style:none;display:grid}.ff-run-layout .ff-drop,.ff-run-layout .ff-dungeon-quest{border:1px solid var(--ff-edge);background:oklch(18.5% .0207 245.8);border-radius:4px;flex-direction:column;gap:4px;min-inline-size:0;padding-block:8px;padding-inline:10px;display:flex}.ff-run-layout .ff-drop-facts{color:var(--text-lo);flex-wrap:wrap;gap:2px 10px;font-size:12px;line-height:1.4;display:flex}.ff-run-layout .ff-dungeon-quest-rewards{flex-wrap:wrap;gap:4px 14px;display:flex}.ff-run-layout .ff-dungeon-quests ul{grid-template-columns:repeat(auto-fill,minmax(min(100%,22rem),1fr));align-items:start}@container page (max-width:576px){.ff-run-layout .ff-drop-grid,.ff-run-layout .ff-dungeon-quests ul{grid-template-columns:minmax(0,1fr)}}.ff-dungeon-directory>article[data-art]{isolation:isolate;min-block-size:124px;padding-inline-end:clamp(110px,30%,180px);position:relative;overflow:clip}.ff-dungeon-directory>article[data-art]:before{content:"";z-index:-1;background:var(--ff-dungeon-art) center 40%/cover no-repeat;position:absolute;inset-block:0;inset-inline:45% 0;-webkit-mask-image:linear-gradient(90deg,#0000,oklch(0% 0 none) 60%);mask-image:linear-gradient(90deg,#0000,oklch(0% 0 none) 60%)}.ff-dungeon-directory>article[data-art] :is(h2,p){text-shadow:0 1px 3px oklch(0% 0 none/.9)}