.profile-flex{gap:24px}.pf-hero{isolation:isolate;border:1px solid var(--line);background:linear-gradient(oklch(15.91% .0079 145.19/.851),oklch(15.91% .0079 145.19/.851)),url(/ui/ui-background-rock.webp) 50%/720px;border-radius:6px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:20px 48px;min-block-size:300px;padding-block:36px 24px;padding-inline:32px 72px;display:grid;position:relative;overflow:clip;box-shadow:inset 0 0 0 2px oklch(14.13% .0058 145.26),0 18px 40px oklch(0% 0 none/.45)}.pf-banner{z-index:-1;border-radius:inherit;position:absolute;inset:0;overflow:clip}.pf-banner-art{aspect-ratio:var(--ratio);position:absolute;inset-block-start:50%;inset-inline:0;translate:0 -46%}.pf-banner-art img{inline-size:calc(var(--w) * 100%);block-size:calc(var(--h) * 100%);display:block;position:absolute;inset-block-start:calc(var(--y) * 100%);inset-inline-start:calc(var(--x) * 100%)}.pf-banner:after{content:"";background:linear-gradient(90deg,oklch(13% .01 60/.95) 0%,oklch(13% .01 60/.86) 42%,oklch(13% .01 60/.45) 70%,oklch(13% .01 60/.15) 100%),linear-gradient(oklch(13% .01 60/0) 55%,oklch(13% .01 60/.85));position:absolute;inset:0}.pf-identity{z-index:1;gap:10px;min-inline-size:0;display:grid;position:relative}.pf-name{font:400 clamp(32px, 4.4vw, 48px) / 1.08 var(--font-display);color:var(--gold-bright);overflow-wrap:anywhere;margin:0}.pf-name-text{text-shadow:0 2px 4px oklch(0% 0 none);display:inline-block;position:relative}.pf-hero[data-color=uncommon] .pf-name-text{color:var(--q-uncommon)}.pf-hero[data-color=rare] .pf-name-text{color:var(--q-rare)}.pf-hero[data-color=epic] .pf-name-text{color:var(--q-epic)}.pf-hero[data-color=legendary] .pf-name-text{color:var(--q-legendary)}.pf-hero:not([data-color=none]) .pf-name-text{text-shadow:0 0 22px color-mix(in oklch, currentColor 45%, transparent), 0 2px 4px oklch(0% 0 none)}.pf-main{color:var(--text-lo);flex-wrap:wrap;align-items:baseline;gap:4px 14px;margin:0;font-size:15px;display:flex}.pf-character{color:var(--gold-bright);font:400 19px/1.25 var(--font-display)}.pf-class{color:var(--class-color,var(--text))}.pf-guild{color:var(--text)}.pf-standing{flex-wrap:wrap;align-items:center;gap:6px 14px;display:flex}.pf-standing-faction{color:var(--gold);font:400 15px/1.2 var(--font-display)}.pf-standing-bar{border:7px solid #0000;border-image:var(--pf-art-bar-background) 14 fill / 7px stretch;justify-content:center;align-items:center;block-size:24px;inline-size:min(100%,320px);display:flex;position:relative}.pf-standing-fill{inline-size:calc(var(--band) * 100%);background:var(--pf-art-bar-fill) center / 100% 100%, var(--standing-color,var(--pf-standing-4));background-blend-mode:multiply;-webkit-mask:var(--pf-art-bar-mask) center / 100% 100%;-webkit-mask:var(--pf-art-bar-mask) center / 100% 100%;mask:var(--pf-art-bar-mask) center / 100% 100%;position:absolute;inset-block:0;inset-inline:0 auto}.pf-standing[data-standing="4"]{--standing-color:var(--pf-standing-4)}.pf-standing[data-standing="5"]{--standing-color:var(--pf-standing-5)}.pf-standing[data-standing="6"]{--standing-color:var(--pf-standing-6)}.pf-standing[data-standing="7"]{--standing-color:var(--pf-standing-7)}.pf-standing[data-standing="8"]{--standing-color:var(--pf-standing-8)}.pf-standing-text{color:var(--text-hi);font-variant-numeric:tabular-nums;text-shadow:0 1px 2px oklch(0% 0 none);white-space:nowrap;font-size:13px;position:relative}.pf-standing-text b{color:var(--gold-bright);font-weight:400}.pf-facts{flex-wrap:wrap;gap:8px 30px;margin:6px 0 0;display:flex}.pf-facts div{gap:2px;display:grid}.pf-facts dt{color:var(--gold);font-size:13px}.pf-facts dd{color:var(--text-hi);font-family:var(--font-display);font-variant-numeric:tabular-nums;margin:0;font-size:21px}.pf-actions{z-index:1;flex-wrap:wrap;grid-column:1/-1;align-items:center;gap:8px;display:flex;position:relative}.pf-actions .adventurer-actions{grid-column:auto}.pf-actions .adventurer-actions>:nth-child(3){margin-inline-start:0}.pf-banner-name{z-index:1;color:var(--text-lo);margin:0;font-size:13px;position:absolute;inset-block-end:12px;inset-inline-end:18px}.pf-banner-name a{color:var(--text)}@media (hover:hover) and (pointer:fine){.pf-banner-name a:hover{color:var(--text-hi);text-shadow:var(--link-glow)}}.pf-portrait{--p:132;--s:calc(var(--p) / var(--pf-portrait-size));inline-size:calc(var(--p) * 1px);block-size:calc(var(--p) * 1px);margin-block:24px 8px;margin-inline:0 36px;position:relative}.pf-face{background:radial-gradient(circle,oklch(35.82% .0476 69.03),oklch(15.72% .0126 254.02) 68%);border-radius:50%;place-items:center;display:grid;position:absolute;inset:0;overflow:clip;box-shadow:0 0 0 3px oklch(15.72% .0126 254.02),0 0 0 5px oklch(67.93% .0959 81.51)}.pf-face img{object-fit:cover;object-position:50% 20%;block-size:100%;inline-size:100%}.pf-face>span{color:var(--gold-bright);font:400 54px/1 var(--font-display)}.pf-portrait figcaption{z-index:3;block-size:38px;min-inline-size:38px;color:var(--gold-bright);font:400 17px/1 var(--font-display);font-variant-numeric:tabular-nums;background:oklch(15.72% .0126 254.02);border:2px solid oklch(67.93% .0959 81.51);border-radius:999px;place-items:center;padding-inline:4px;display:grid;position:absolute;inset-block-end:-4px;inset-inline-start:-4px;box-shadow:0 2px 6px oklch(0% 0 none/.6)}.pf-frame{z-index:2;pointer-events:none;background:50%/100% 100% no-repeat;position:absolute}.pf-hero[data-frame=elite] .pf-frame{background-image:var(--pf-art-frame-elite);inline-size:calc(var(--pf-art-frame-elite-w) / 2 * var(--s) * 1px);block-size:calc(var(--pf-art-frame-elite-h) / 2 * var(--s) * 1px);inset-block-start:calc((var(--pf-portrait-y) - var(--pf-frame-elite-y)) * var(--s) * 1px);inset-inline-end:calc((var(--pf-portrait-x) - var(--pf-frame-elite-x)) * var(--s) * 1px)}.pf-hero[data-frame=rare] .pf-frame{background-image:var(--pf-art-frame-rare);inline-size:calc(var(--pf-art-frame-rare-w) / 2 * var(--s) * 1px);block-size:calc(var(--pf-art-frame-rare-h) / 2 * var(--s) * 1px);inset-block-start:calc((var(--pf-portrait-y) - var(--pf-frame-rare-y)) * var(--s) * 1px);inset-inline-end:calc((var(--pf-portrait-x) - var(--pf-frame-rare-x)) * var(--s) * 1px)}.pf-hero[data-frame=boss] .pf-frame{background-image:var(--pf-art-frame-boss);inline-size:calc(var(--pf-art-frame-boss-w) / 2 * var(--s) * 1px);block-size:calc(var(--pf-art-frame-boss-h) / 2 * var(--s) * 1px);inset-block-start:calc((var(--pf-portrait-y) - var(--pf-frame-boss-y)) * var(--s) * 1px);inset-inline-end:calc((var(--pf-portrait-x) - var(--pf-frame-boss-x)) * var(--s) * 1px)}.pf-under,.pf-over{pointer-events:none;position:absolute}.pf-under{z-index:0;display:none;inset:0}.pf-face{z-index:1}.pf-over{z-index:2;background:no-repeat;display:none}.pf-hero[data-effect=autocast] .pf-over,[data-slot=effect][data-id=autocast] .pf-mini:after{--k:calc(var(--p) / var(--pf-autocast-icon));inline-size:calc(var(--pf-autocast-mask) * var(--k) * 1px);block-size:calc(var(--pf-autocast-mask) * var(--k) * 1px);background:var(--pf-art-autocast-ants) center / calc(var(--pf-autocast-overlay) / var(--pf-autocast-mask) * 100%) no-repeat;-webkit-mask:var(--pf-art-autocast-mask) center / 100% 100% no-repeat;-webkit-mask:var(--pf-art-autocast-mask) center / 100% 100% no-repeat;mask:var(--pf-art-autocast-mask) center / 100% 100% no-repeat;display:block;inset-block-start:50%;inset-inline-start:50%;translate:-50% -50%}.pf-hero[data-effect=proc] .pf-over{--cell:calc(var(--p) * 1.36);inset:calc((var(--p) - var(--cell)) / 2 * 1px);inline-size:calc(var(--cell) * 1px);block-size:calc(var(--cell) * 1px);background-image:var(--pf-art-proc-loop);background-size:calc(var(--cell) * var(--pf-proc-loop-frames) * 1px) 100%;display:block}.pf-hero[data-effect=legendary] .pf-under{--k:calc(var(--p) / var(--pf-legendary-icon));display:block}.pf-under i{opacity:0;inline-size:calc(var(--w) * var(--k) * 1px);block-size:calc(var(--h) * var(--k) * 1px);background:var(--art) center / 100% 100% no-repeat;position:absolute;inset-block-start:50%;inset-inline-start:50%;translate:-50% -50%}.pf-under i:first-child{--art:var(--pf-art-legendary-starglow);--w:var(--pf-legendary-starglow-size);--h:var(--pf-legendary-starglow-size);opacity:1;--in:var(--pf-legendary-starglow-in);--in-delay:var(--pf-legendary-starglow-in-delay)}.pf-under i:nth-child(2){--art:var(--pf-art-legendary-ring);--w:var(--pf-art-legendary-ring-w);--h:var(--pf-art-legendary-ring-h);--in:var(--pf-legendary-ring1-in);--in-delay:var(--pf-legendary-ring1-in-delay);--out:var(--pf-legendary-ring1-out);--out-delay:var(--pf-legendary-ring1-out-delay)}.pf-under i:nth-child(3){--art:var(--pf-art-legendary-particles-1);--w:var(--pf-art-legendary-particles-1-w);--h:var(--pf-art-legendary-particles-1-h);--in:var(--pf-legendary-particles1-in);--in-delay:var(--pf-legendary-particles1-in-delay);--out:var(--pf-legendary-particles1-out);--out-delay:var(--pf-legendary-particles1-out-delay)}.pf-under i:nth-child(4){--art:var(--pf-art-legendary-particles-2);--w:var(--pf-art-legendary-particles-2-w);--h:var(--pf-art-legendary-particles-2-h);--in:var(--pf-legendary-particles2-in);--in-delay:var(--pf-legendary-particles2-in-delay);--out:var(--pf-legendary-particles2-out);--out-delay:var(--pf-legendary-particles2-out-delay)}.pf-under i:nth-child(5){--art:var(--pf-art-legendary-particles-3);--w:var(--pf-art-legendary-particles-3-w);--h:var(--pf-art-legendary-particles-3-h);--in:var(--pf-legendary-particles3-in);--in-delay:var(--pf-legendary-particles3-in-delay);--out:var(--pf-legendary-particles3-out);--out-delay:var(--pf-legendary-particles3-out-delay)}.pf-hero[data-glow]:not([data-glow=none]):after{content:"";z-index:4;pointer-events:none;border:18px solid #0000;border-image:var(--glow-art) 13 / 18px stretch;position:absolute;inset:0}.pf-hero[data-glow^=uncommon]{--glow-art:var(--pf-art-glow-uncommon)}.pf-hero[data-glow^=rare]{--glow-art:var(--pf-art-glow-rare)}.pf-hero[data-glow^=epic]{--glow-art:var(--pf-art-glow-epic)}.pf-hero[data-glow^=legendary]{--glow-art:var(--pf-art-glow-legendary)}.pf-alert{inline-size:calc(var(--pf-art-alert-background-w) * 1.4px);block-size:calc(var(--pf-art-alert-background-h) * 1.4px);z-index:5;background:var(--pf-art-alert-background) center / 100% 100% no-repeat;color:var(--text-hi);filter:drop-shadow(0 10px 18px oklch(0% 0 none/.55));grid-template-columns:auto minmax(0,1fr);justify-self:center;align-items:center;gap:6px;margin-block-start:-6px;padding-inline:20px 40px;display:grid;position:relative;overflow:clip}.pf-alert-icon{place-items:center;block-size:92px;inline-size:92px;display:grid;position:relative}.pf-alert-icon:after{content:"";background:var(--pf-art-alert-icon-frame) center / 100% 100% no-repeat;position:absolute;inset:0}.pf-alert-icon img{block-size:62px;inline-size:62px}.pf-alert-text{text-align:center;grid-template-rows:auto 1fr;align-self:stretch;place-items:center;padding-block:31px 18px;display:grid}.pf-alert-label{color:oklch(19% .02 60);text-shadow:none;font-size:12px;line-height:1}.pf-alert-main{justify-items:center;gap:2px;display:grid}.pf-alert-name{color:var(--text-hi);font:400 18px/1.2 var(--font-display);text-shadow:0 1px 2px oklch(0% 0 none)}.pf-alert time{color:var(--gold);font-size:13px}.pf-alert-glow,.pf-alert-shine{pointer-events:none;opacity:0;position:absolute}.pf-alert-glow{background:var(--pf-art-alert-glow) center / 100% 100% no-repeat;mix-blend-mode:screen;inset:-24% -12%}.pf-alert-shine{inline-size:calc(var(--pf-art-alert-shine-w) * 1.4px);background:var(--pf-art-alert-shine) center / 100% 100% no-repeat;mix-blend-mode:screen;inset-block:10%;inset-inline-start:0}@media (hover:hover) and (pointer:fine){a.pf-alert:hover .pf-alert-name{color:var(--gold-bright);text-shadow:var(--link-glow)}}@media (prefers-reduced-motion:no-preference){.pf-hero>*,.pf-alert{animation:pf-fade-in var(--pf-alert-in) linear both}.pf-alert-glow{animation:pf-fade-in var(--pf-alert-glow-in) linear var(--pf-alert-in), pf-fade-out var(--pf-alert-glow-out) linear calc(var(--pf-alert-in) + var(--pf-alert-glow-in)) both}.pf-alert-shine{animation:pf-fade-in var(--pf-alert-shine-in) linear var(--pf-alert-in) both, pf-shine var(--pf-alert-shine-move) linear calc(var(--pf-alert-in) + var(--pf-alert-shine-in)) both, pf-fade-out var(--pf-alert-shine-fade) linear calc(var(--pf-alert-in) + var(--pf-alert-shine-in) + var(--pf-alert-shine-fade-delay)) forwards}.pf-hero[data-effect=shine] .pf-name-text:after{content:"";pointer-events:none;opacity:0;background:var(--pf-art-alert-shine) center / 100% 100% no-repeat;mix-blend-mode:screen;inline-size:46px;animation:pf-fade-in var(--pf-alert-shine-in) linear var(--pf-alert-in) both, pf-sweep var(--pf-alert-shine-move) linear calc(var(--pf-alert-in) + var(--pf-alert-shine-in)) both, pf-fade-out var(--pf-alert-shine-fade) linear calc(var(--pf-alert-in) + var(--pf-alert-shine-in) + var(--pf-alert-shine-fade-delay)) forwards;position:absolute;inset-block:-20%;inset-inline-start:0}.pf-hero[data-effect=autocast] .pf-over{animation:pf-turn var(--pf-autocast-turn) linear infinite}.pf-hero[data-effect=proc] .pf-over{animation:pf-flip var(--pf-proc-loop) steps(var(--pf-proc-loop-frames)) infinite}.pf-hero[data-effect=legendary] .pf-under i{animation:pf-fade-in var(--in) linear calc(var(--pf-legendary-start) + var(--in-delay)) both, pf-fade-out var(--out) linear calc(var(--pf-legendary-start) + var(--out-delay)) forwards}.pf-hero[data-effect=legendary] .pf-under i:first-child{animation:pf-fade-in var(--in) linear calc(var(--pf-legendary-start) + var(--in-delay)) both}.pf-hero[data-glow$=-pulse]:after{animation:pf-pulse calc(var(--pf-glow-pulse) * 2) linear infinite}}@keyframes pf-fade-in{0%{opacity:0}to{opacity:1}}@keyframes pf-fade-out{0%{opacity:1}to{opacity:0}}@keyframes pf-shine{0%{translate:0}to{translate:calc(var(--pf-alert-shine-offset) * 1.4) 0}}@keyframes pf-sweep{0%{inset-inline-start:-46px}to{inset-inline-start:100%}}@keyframes pf-turn{to{rotate:var(--pf-autocast-degrees)}}@keyframes pf-flip{to{background-position-x:calc(var(--cell) * var(--pf-proc-loop-frames) * -1px)}}@keyframes pf-pulse{50%{opacity:var(--pf-glow-low)}}.pf-sections{border-block-end:1px solid var(--line);flex-wrap:wrap;gap:6px;padding-block:4px;display:flex}.pf-sections a{color:var(--gold);font:400 16px/1.2 var(--font-display);border-radius:4px;padding-block:8px;padding-inline:14px}@media (hover:hover) and (pointer:fine){.pf-sections a:hover{color:var(--gold-bright);text-shadow:var(--link-glow);background:url(/ui/button-highlight.webp) 50%/100% 100% no-repeat}}.pf-section{grid-template-columns:minmax(0,1fr);gap:14px;min-inline-size:0;scroll-margin-block-start:80px;display:grid}.pf-section-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px 16px;display:flex}.pf-section-head h2{margin:0}.pf-ach-tabs>.wow-tabs-list,.pf-stat-tabs>.wow-tabs-list{flex-wrap:wrap;row-gap:4px}.pf-section[data-hidden=true]{opacity:.7}.adventurer-page>section,.adventurer-page>div[id]{scroll-margin-block-start:80px}.pf-ach-count{color:var(--text-lo);font-variant-numeric:tabular-nums;margin-inline-start:8px}.pf-ach-list{grid-template-columns:repeat(auto-fill,minmax(min(100%,22rem),1fr));gap:8px;margin:12px 0 0;padding:0;list-style:none;display:grid}.pf-ach{color:oklch(22% .03 60);background:url(/ui/ui-achievement-parchment-horizontal.webp) 50%/cover;border:1px solid oklch(42% .05 70);border-radius:4px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;min-block-size:76px;padding-block:10px;padding-inline:12px;display:grid;box-shadow:inset 0 0 18px oklch(25% .05 60/.35)}.pf-ach[data-state=locked],.pf-ach[data-state=progress]{background-image:var(--pf-art-parchment-locked);color:oklch(84% .01 70)}.pf-ach[data-state=locked]{min-block-size:0;padding-block:6px}.pf-ach[data-state=locked] .pf-ach-text{display:none}.pf-ach[data-state=locked] .pf-ach-icon{block-size:36px;inline-size:36px}.pf-ach[data-state=locked] .pf-ach-icon img{block-size:28px;inline-size:28px}.pf-ach-icon{place-items:center;block-size:52px;inline-size:52px;display:grid;position:relative}.pf-ach-icon:after{content:"";background:var(--pf-art-alert-icon-frame) center / 100% 100% no-repeat;position:absolute;inset:-8px}.pf-ach-icon img{block-size:40px;inline-size:40px}.pf-ach[data-state=locked] .pf-ach-icon img{filter:grayscale()brightness(.7)}.pf-ach-body{gap:3px;min-inline-size:0;display:grid}.pf-ach-name,a.pf-ach-name{color:oklch(16% .02 60);font:400 16px/1.25 var(--font-display)}.pf-ach:not([data-state=earned]) .pf-ach-name{color:oklch(90% .01 70)}@media (hover:hover) and (pointer:fine){.pf-ach[data-state=earned] a.pf-ach-name:hover{color:oklch(35% .12 55)}.pf-ach:not([data-state=earned]) a.pf-ach-name:hover{color:var(--gold-bright);text-shadow:var(--link-glow)}}.pf-ach-text{font-size:13px;line-height:1.35}.pf-ach-date{color:oklch(30% .03 60);white-space:nowrap;font-size:13px}.pf-ach-progress{border:5px solid #0000;border-image:var(--pf-art-bar-background) 14 fill / 5px stretch;justify-content:center;align-items:center;block-size:18px;margin-block-start:4px;display:flex;position:relative}.pf-ach-progress:before{content:"";inline-size:calc(var(--done) * 100%);background:var(--pf-art-bar-fill-green) center / 100% 100%;position:absolute;inset-block:0;inset-inline:0 auto}.pf-ach-progress b{color:var(--text-hi);text-shadow:0 1px 2px oklch(0% 0 none);font-size:12px;font-weight:400;position:relative}.pf-stat-tab{color:var(--class-color,var(--text))}.pf-stat-level{color:var(--text-lo);font-variant-numeric:tabular-nums;margin-inline-start:8px}.pf-stat-faction{vertical-align:-8px;filter:drop-shadow(0 0 3px oklch(85% .11 85/.45));block-size:28px;inline-size:28px;margin-inline-end:6px}.pf-stat-realm{border:1px solid color-mix(in oklch, currentColor 45%, transparent);border-radius:3px;margin-inline-start:8px;padding:0 5px;font-size:12px;line-height:16px}.pf-stat-realm[data-realm=pvp]{color:oklch(62.8% .2577 29.23)}.pf-stat-realm[data-realm=pve]{color:oklch(87.6% .1786 92.5)}.pf-stat-groups{grid-template-columns:repeat(auto-fill,minmax(min(100%,24rem),1fr));gap:16px;margin-block-start:12px;display:grid}.pf-stat-group{border:1px solid var(--line);background:linear-gradient(oklch(15% .012 60/.86),oklch(12% .01 60/.93)),url(/ui/ui-achievement-statsbackground.webp) 50%/cover;border-radius:4px;align-content:start;gap:6px;padding-block:8px 14px;display:grid}.pf-stat-group h3{color:var(--gold-bright);font:400 17px/1.3 var(--font-display);border:10px solid;border-image:url(/ui/ui-achievement-category-bar.webp) 10 fill/10px;margin-block:0;margin-inline:8px;padding-block:2px;padding-inline:12px}.pf-stat-group dl{margin:0;padding-inline:10px;display:grid}.pf-stat-group dl>div{border-radius:2px;justify-content:space-between;align-items:center;gap:12px;min-block-size:30px;padding-inline:10px;display:flex}.pf-stat-group dl>div:nth-child(odd){background:oklch(38.62% .0774 105.54/.42)}.pf-stat-group dt{color:var(--text);font-size:14px}.pf-stat-group dd{color:var(--gold-bright);font-variant-numeric:tabular-nums;white-space:nowrap;margin:0;font-size:15px}.pf-wardrobe{border:1px solid var(--line);background:linear-gradient(oklch(14% .01 60/.92),oklch(12% .01 60/.95)),url(/ui/ui-background-rock.webp) 50%/720px;border-radius:6px;gap:14px;padding:20px;display:grid}.pf-wardrobe>header{justify-content:space-between;align-items:center;gap:12px;display:flex}.pf-wardrobe h2{margin:0}.pf-looks{grid-template-columns:repeat(auto-fill,minmax(min(100%,11rem),1fr));gap:10px;margin:12px 0 0;padding:0;list-style:none;display:grid}.pf-look{border:1px solid var(--line);min-block-size:168px;inline-size:100%;color:var(--text);font:inherit;cursor:pointer;background:oklch(13% .01 60/.8);border-radius:4px;align-content:start;justify-items:center;gap:6px;padding:12px;font-size:14px;display:grid}.pf-look[aria-pressed=true]{border-color:var(--gold);color:var(--gold-bright);box-shadow:0 0 14px oklch(67.93% .0959 81.51/.4), inset 0 0 0 1px var(--gold)}.pf-look[data-unlocked=false]{cursor:default;color:var(--text-lo)}.pf-look[data-unlocked=false] .pf-look-preview{filter:grayscale()brightness(.55)}@media (hover:hover) and (pointer:fine){.pf-look[data-unlocked=true]:hover{border-color:var(--gold);color:var(--text-hi)}}.pf-look:focus-visible{outline:2px solid var(--gold-bright);outline-offset:2px}.pf-look-preview{isolation:isolate;background:var(--pf-art-tile-uncollected) center / 64px 64px no-repeat;place-items:center;block-size:72px;inline-size:96px;display:grid;position:relative;overflow:clip}.pf-look[data-unlocked=true] .pf-look-preview{background-image:var(--pf-art-tile-collected)}.pf-look-preview img{object-fit:cover;border-radius:3px;block-size:64px;inline-size:96px}.pf-look-preview[data-slot=color]>span{font:400 40px/1 var(--font-display);color:var(--gold-bright);text-shadow:0 0 14px color-mix(in oklch, currentColor 50%, transparent)}.pf-look-name{text-align:center;font-family:var(--font-display);font-size:15px}.pf-look-need{text-align:center;color:var(--text-lo);font-size:12px;line-height:1.35}.pf-look-progress{border:4px solid #0000;border-image:var(--pf-art-bar-background) 14 fill / 4px stretch;justify-content:center;align-items:center;block-size:16px;inline-size:100%;display:flex;position:relative}.pf-look-progress:before{content:"";inline-size:calc(var(--done) * 100%);background:var(--pf-art-bar-fill-green) center / 100% 100%;position:absolute;inset-block:0;inset-inline:0 auto}.pf-look-progress b{color:var(--text-hi);font-variant-numeric:tabular-nums;font-size:12px;font-weight:400;position:relative}.pf-mini{--p:40;--s:calc(var(--p) / var(--pf-portrait-size));background:radial-gradient(circle,oklch(35.82% .0476 69.03),oklch(15.72% .0126 254.02) 68%);border-radius:50%;block-size:40px;inline-size:40px;position:relative;box-shadow:0 0 0 2px oklch(67.93% .0959 81.51)}.pf-mini:after{content:"";pointer-events:none;background:50%/100% 100% no-repeat;position:absolute}[data-slot=frame][data-id=elite] .pf-mini:after{background-image:var(--pf-art-frame-elite);inline-size:calc(var(--pf-art-frame-elite-w) / 2 * var(--s) * 1px);block-size:calc(var(--pf-art-frame-elite-h) / 2 * var(--s) * 1px);inset-block-start:calc((var(--pf-portrait-y) - var(--pf-frame-elite-y)) * var(--s) * 1px);inset-inline-end:calc((var(--pf-portrait-x) - var(--pf-frame-elite-x)) * var(--s) * 1px)}[data-slot=frame][data-id=rare] .pf-mini:after{background-image:var(--pf-art-frame-rare);inline-size:calc(var(--pf-art-frame-rare-w) / 2 * var(--s) * 1px);block-size:calc(var(--pf-art-frame-rare-h) / 2 * var(--s) * 1px);inset-block-start:calc((var(--pf-portrait-y) - var(--pf-frame-rare-y)) * var(--s) * 1px);inset-inline-end:calc((var(--pf-portrait-x) - var(--pf-frame-rare-x)) * var(--s) * 1px)}[data-slot=frame][data-id=boss] .pf-mini:after{background-image:var(--pf-art-frame-boss);inline-size:calc(var(--pf-art-frame-boss-w) / 2 * var(--s) * 1px);block-size:calc(var(--pf-art-frame-boss-h) / 2 * var(--s) * 1px);inset-block-start:calc((var(--pf-portrait-y) - var(--pf-frame-boss-y)) * var(--s) * 1px);inset-inline-end:calc((var(--pf-portrait-x) - var(--pf-frame-boss-x)) * var(--s) * 1px)}[data-slot=glow] .pf-mini{border-radius:4px}[data-slot=glow]:not([data-id=none]) .pf-mini:after{background-image:var(--glow-art);inset:-12px}[data-slot=glow][data-id^=uncommon]{--glow-art:var(--pf-art-glow-uncommon)}[data-slot=glow][data-id^=rare]{--glow-art:var(--pf-art-glow-rare)}[data-slot=glow][data-id^=epic]{--glow-art:var(--pf-art-glow-epic)}[data-slot=glow][data-id^=legendary]{--glow-art:var(--pf-art-glow-legendary)}[data-slot=effect][data-id=proc] .pf-mini:after{--cell:56;background-image:var(--pf-art-proc-loop);background-size:calc(var(--cell) * var(--pf-proc-loop-frames) * 1px) 100%;inset:-8px}[data-slot=effect][data-id=legendary] .pf-mini:after{--size:calc(var(--pf-legendary-starglow-size) / var(--pf-legendary-icon) * var(--p) * 1px);inline-size:var(--size);block-size:var(--size);z-index:-1;background-image:var(--pf-art-legendary-starglow);inset-block-start:50%;inset-inline-start:50%;translate:-50% -50%}[data-slot=effect][data-id=shine] .pf-mini:after{background-image:var(--pf-art-alert-shine);inline-size:16px;inset-block:-6px;inset-inline-start:4px}@media (prefers-reduced-motion:no-preference){[data-slot=effect][data-id=autocast] .pf-mini:after{animation:pf-turn var(--pf-autocast-turn) linear infinite}[data-slot=effect][data-id=proc] .pf-mini:after{animation:pf-flip var(--pf-proc-loop) steps(var(--pf-proc-loop-frames)) infinite}[data-slot=glow][data-id$=-pulse] .pf-mini:after{animation:pf-pulse calc(var(--pf-glow-pulse) * 2) linear infinite}}.pf-visibility{align-items:center;gap:8px;display:inline-flex}.pf-mounts{grid-template-columns:repeat(auto-fill,minmax(min(100%,220px),1fr));gap:8px;margin:0;padding:0;list-style:none;display:grid}.pf-mount{border:1px solid var(--line);block-size:100%;color:var(--text-hi);background:oklch(17.5% .012 60);border-radius:4px;align-items:center;gap:12px;padding-block:6px;padding-inline:6px 12px;display:flex}.pf-mount-icon{background:var(--pf-art-tile-collected) center / 100% 100% no-repeat;flex:none;place-items:center;block-size:48px;inline-size:48px;display:grid}.pf-mount-icon img{block-size:36px;inline-size:36px}.pf-mount-name{font:400 16px/1.25 var(--font-display)}@media (hover:hover) and (pointer:fine){a.pf-mount:hover{border-color:var(--gold)}a.pf-mount:hover .pf-mount-name{color:var(--gold-bright);text-shadow:var(--link-glow)}}a.pf-mount:focus-visible{outline:2px solid var(--gold-bright);outline-offset:2px}@container page (max-width:760px){.pf-hero{grid-template-columns:1fr;justify-items:start;padding-inline:20px}.pf-hero .pf-portrait{--p:104;grid-row:1;justify-self:end}.pf-alert{inline-size:100%;margin-block-start:-24px}}