.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;grid-template-columns:max-content minmax(0,1fr);align-items:center;gap:10px;margin:0;padding-inline:18px;display:grid}.lg-available>p{align-items:center;gap:10px;margin:0;display:flex}.lg-available img{flex:none}.lg-available b{color:var(--gold-bright);font-variant-numeric:tabular-nums}.lg-message-slot{min-inline-size:0;font:16px/1.35 var(--font-ui);text-align:center;display:grid}.lg-message-slot>*{grid-area:1/1;align-self:center}.lg-message-measure{visibility:hidden}.lg-ui-messages{pointer-events:none;display:grid}.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{grid-template-columns:minmax(0,1fr);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}