.tf-layout{align-items:start;gap:20px;display:grid}.tf-board{border:1px solid var(--ff-edge);background:oklch(12% .01 250);border-radius:4px;grid-template-columns:repeat(3,minmax(0,1fr));display:grid;overflow:clip;box-shadow:0 2px 14px oklch(0% 0 none/.6)}.tf-tree{--tf-node:44px;aspect-ratio:682/1177;background-image:var(--tf-background);background-repeat:no-repeat;background-size:300% 100%;grid-template-rows:auto 1fr;min-inline-size:0;display:grid}.tf-tree[data-index="0"]{background-position:0 0}.tf-tree[data-index="1"]{background-position:50% 0;box-shadow:inset 1px 0 oklch(0% 0 none/.7)}.tf-tree[data-index="2"]{background-position:100% 0;box-shadow:inset 1px 0 oklch(0% 0 none/.7)}.tf-tree>header{background:linear-gradient(oklch(0% 0 none/.72),oklch(0% 0 none/0));align-items:center;gap:10px;padding-block:10px 6px;padding-inline:10px;display:flex}.tf-tree>header h2{overflow-wrap:anywhere;min-inline-size:0;color:var(--text-hi);font:18px/1.2 var(--font-ui);text-shadow:0 1px 2px oklch(0% 0 none);flex:1;margin:0}.tf-tree>header .wow-button{min-block-size:30px;padding-inline:10px;font-size:13px}.tf-ring{background:oklch(12% .01 250);border:3px solid oklch(62% .08 70);border-radius:50%;flex:none;place-items:center;block-size:42px;inline-size:42px;display:grid;position:relative;box-shadow:0 0 0 1px oklch(0% 0 none),0 2px 6px oklch(0% 0 none/.8)}.tf-ring>img{object-fit:cover;border-radius:50%;block-size:100%;inline-size:100%}.tf-points,.tf-ring>b{min-inline-size:24px;color:var(--gold-bright);font:600 13px/18px var(--font-ui);text-align:center;font-variant-numeric:tabular-nums;background:oklch(14% .01 250);border:1px solid oklch(55% .07 75);border-radius:3px;padding-block:0;padding-inline:4px}.tf-ring>b{position:absolute;inset-block-end:-8px;inset-inline-end:-10px}.tf-points{flex:none;min-inline-size:30px;font-size:15px;line-height:24px}.tf-grid{margin-block:4px 10px;margin-inline:6px;position:relative}.tf-node{inline-size:var(--tf-node);block-size:var(--tf-node);cursor:pointer;background:oklch(8% 0 none);border:0;padding:0;position:absolute;inset-block-start:calc(var(--y) - var(--tf-node) / 2);inset-inline-start:calc(var(--x) - var(--tf-node) / 2)}.tf-node>img{block-size:calc(100% - 6px);inline-size:calc(100% - 6px);position:absolute;inset:3px}.tf-node:after{content:"";background:var(--tf-node-gray) center / 100% 100% no-repeat;pointer-events:none;position:absolute;inset:0}.tf-node>span{z-index:1;color:oklch(60% 0 none);font:600 12px/16px var(--font-ui);font-variant-numeric:tabular-nums;background:oklch(9% .005 250/.94);border:1px solid oklch(38% .03 80);border-radius:3px;padding-block:0;padding-inline:4px;position:absolute;inset-block-end:-7px;inset-inline-end:-7px}.tf-node[data-state=selectable]:after{background-image:var(--tf-node-green)}.tf-node:is([data-state=normal],[data-state=maxed]):after{background-image:var(--tf-node-yellow)}.tf-node[data-state=gated]:after{background-image:var(--tf-node-locked)}.tf-node[data-state=selectable]>span{color:oklch(87.6% .28 142)}.tf-node:is([data-state=normal],[data-state=maxed])>span{color:oklch(96.8% .211 109.77)}.tf-node:is([data-state=gated],[data-state=locked],[data-state=disabled])>img{filter:grayscale()brightness(.75)}.tf-node[data-state=gated]>img{filter:grayscale()brightness(.3)}.tf-node[data-selected]{outline:2px solid var(--gold-bright);outline-offset:2px}.tf-node:focus-visible{outline:2px solid var(--gold-bright);outline-offset:3px}.tf-node:active:not(:disabled)>img{translate:0 1px}@media (hover:hover) and (pointer:fine){.tf-node:not(:disabled):hover>img{filter:brightness(1.18)}}.tf-find{inline-size:min(100%,220px);margin-inline-start:auto}.tf-node[data-match]:before{content:"";z-index:2;background:var(--tf-search-match) center / contain no-repeat;pointer-events:none;block-size:76px;inline-size:76px;position:absolute;inset-block-start:-38px;inset-inline-start:-38px}.tf-node[data-match=exact]:before{background-image:var(--tf-search-exact)}.tf-edge{--line:8px;pointer-events:none;background-repeat:repeat;background-size:var(--line) var(--line);position:absolute}.tf-edge[data-axis=v]{inline-size:var(--line);block-size:calc(var(--to) - var(--from) - var(--tf-node));background-image:var(--tf-vline-gray);inset-block-start:calc(var(--from) + var(--tf-node) / 2);inset-inline-start:calc(var(--at) - var(--line) / 2)}.tf-edge[data-axis=h]{block-size:var(--line);inline-size:calc(var(--to) - var(--from) - var(--tf-node));background-image:var(--tf-line-gray);inset-block-start:calc(var(--at) - var(--line) / 2);inset-inline-start:calc(var(--from) + var(--tf-node) / 2)}.tf-edge[data-axis=v][data-state=yellow]{background-image:var(--tf-vline-yellow)}.tf-edge[data-axis=v][data-state=locked]{background-image:var(--tf-vline-locked)}.tf-edge[data-axis=h][data-state=yellow]{background-image:var(--tf-line-yellow)}.tf-edge[data-axis=h][data-state=locked]{background-image:var(--tf-line-locked)}.tf-edge:after{content:"";background:var(--tf-head-gray) center / 100% 100% no-repeat;block-size:12px;inline-size:14px;position:absolute}.tf-edge[data-state=yellow]:after{background-image:var(--tf-head-yellow)}.tf-edge[data-state=locked]:after{background-image:var(--tf-head-locked)}.tf-edge[data-axis=v][data-toward=end]:after{inset-block-end:-4px;inset-inline-start:calc(50% - 7px)}.tf-edge[data-axis=v][data-toward=start]:after{inset-block-start:-4px;inset-inline-start:calc(50% - 7px);rotate:180deg}.tf-edge[data-axis=h][data-toward=end]:after{inset-block-start:calc(50% - 6px);inset-inline-end:-5px;rotate:-90deg}.tf-edge[data-axis=h][data-toward=start]:after{inset-block-start:calc(50% - 6px);inset-inline-start:-5px;rotate:90deg}.tf-top-builds{margin-block:28px 8px}:is(.ff-talent-preview,[data-radix-popper-content-wrapper]:has(>.ff-talent-preview)){pointer-events:none}.ff-talent-preview .ff-preview-next{color:var(--text-lo)}.ff-talent-preview .ff-preview-learn{color:oklch(87.6% .28 142);font-size:15px}.ff-talent-preview>strong{color:var(--text-hi);font-size:17px;font-weight:400;display:block}@container page (min-width:1180px){.tf-layout{grid-template-columns:minmax(0,1fr) 286px}.tf-inspector{position:sticky;inset-block-start:96px}}@container page not (min-width:1180px){.tf-inspector{position:static}}@container page (max-width:576px){.tf-board{grid-template-columns:minmax(0,1fr)}.tf-tree{aspect-ratio:auto;background-size:300% 100%;min-block-size:520px}.tf-tree+.tf-tree{box-shadow:inset 0 1px oklch(0% 0 none/.7)}.tf-tree>.tf-grid{inline-size:min(100% - 12px,360px);margin-inline:auto}}.tp-page{gap:24px;display:grid}.tp-head{align-items:center;gap:14px;display:flex}.tp-head>img{border:1px solid oklch(50.48% .0448 91.27);border-radius:4px;box-shadow:0 2px 8px oklch(0% 0 none/.7)}.tp-head>p{color:var(--text);font:16px/1.4 var(--font-ui);margin:0}.tp-layout{align-items:start;gap:24px;display:grid}@container page (min-width:900px){.tp-layout{grid-template-columns:minmax(0,1fr) minmax(280px,380px)}}.tp-ranks ol{gap:10px;margin:0;padding:0;list-style:none;display:grid}.tp-ranks li{border:1px solid var(--ff-edge);background:var(--ff-inset);border-radius:4px;padding-block:12px;padding-inline:14px}.tp-ranks li>b{color:var(--gold-bright);font:600 14px/1.3 var(--font-ui)}.tp-ranks li>p{color:oklch(88.87% .0793 90.75);margin-block:6px 0;margin-inline:0}.tp-position{gap:14px;display:grid}.tp-board{grid-template-columns:minmax(0,1fr)}.tp-board .tf-tree{grid-template-rows:minmax(0,1fr)}.tp-board .tf-grid{margin-block:14px;margin-inline:8px}.tp-board .tf-node[aria-current=page]{outline:2px solid var(--gold-bright);outline-offset:3px}.tp-links h3{color:var(--text-lo);font:14px/1.3 var(--font-ui);margin-block:0 8px;margin-inline:0}.tp-links ul{gap:6px;margin:0;padding:0;list-style:none;display:grid}.tp-links a{align-items:center;gap:10px;min-block-size:40px;text-decoration:none;display:flex}.tp-links img{border:1px solid oklch(47.75% .0587 83.12);border-radius:3px}.tp-share{color:var(--text);margin:0}.tp-share>b{color:var(--gold-bright);font-variant-numeric:tabular-nums}
.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}}