:root{--pf-alert-glow-in:.2s;--pf-alert-glow-out:.5s;--pf-alert-in:.2s;--pf-alert-shine-fade:.5s;--pf-alert-shine-fade-delay:.35s;--pf-alert-shine-in:.2s;--pf-alert-shine-move:.85s;--pf-alert-shine-offset:240px;--pf-art-alert-background:url(/assets/forever/ui-art/profile-alert-background-5f13e2db4520.webp);--pf-art-alert-background-h:101;--pf-art-alert-background-w:310;--pf-art-alert-glow:url(/assets/forever/ui-art/profile-alert-glow-67f5ed27eb28.webp);--pf-art-alert-glow-h:171;--pf-art-alert-glow-w:400;--pf-art-alert-icon-frame:url(/assets/forever/ui-art/profile-alert-icon-frame-c542fa071fbf.webp);--pf-art-alert-icon-frame-h:74;--pf-art-alert-icon-frame-w:74;--pf-art-alert-shine:url(/assets/forever/ui-art/profile-alert-shine-2f952b97b106.webp);--pf-art-alert-shine-h:85;--pf-art-alert-shine-w:67;--pf-art-autocast-ants:url(/assets/forever/ui-art/profile-autocast-ants-a38d613b4721.webp);--pf-art-autocast-ants-h:112;--pf-art-autocast-ants-w:112;--pf-art-autocast-mask:url(/assets/forever/ui-art/profile-autocast-mask-05abc94933b9.webp);--pf-art-autocast-mask-h:64;--pf-art-autocast-mask-w:64;--pf-art-bar-background:url(/assets/forever/ui-art/profile-bar-background-f82ee8598f5d.webp);--pf-art-bar-background-h:58;--pf-art-bar-background-w:134;--pf-art-bar-fill:url(/assets/forever/ui-art/profile-bar-fill-61b91009d58b.webp);--pf-art-bar-fill-green:url(/assets/forever/ui-art/profile-bar-fill-green-94f9df120cb0.webp);--pf-art-bar-fill-green-h:30;--pf-art-bar-fill-green-w:480;--pf-art-bar-fill-h:30;--pf-art-bar-fill-w:480;--pf-art-bar-mask:url(/assets/forever/ui-art/profile-bar-mask-53cb59c38aa6.webp);--pf-art-bar-mask-h:58;--pf-art-bar-mask-w:134;--pf-art-frame-boss:url(/assets/forever/ui-art/profile-frame-boss-5a6f0a6dc24a.webp);--pf-art-frame-boss-h:180;--pf-art-frame-boss-w:220;--pf-art-frame-elite:url(/assets/forever/ui-art/profile-frame-elite-47de64e0715b.webp);--pf-art-frame-elite-h:200;--pf-art-frame-elite-w:200;--pf-art-frame-rare:url(/assets/forever/ui-art/profile-frame-rare-5c09f43f5cae.webp);--pf-art-frame-rare-h:177;--pf-art-frame-rare-w:218;--pf-art-glow-epic:url(/assets/forever/ui-art/profile-glow-epic-fcf9a0848295.webp);--pf-art-glow-epic-h:39;--pf-art-glow-epic-w:39;--pf-art-glow-legendary:url(/assets/forever/ui-art/profile-glow-legendary-8c505fb0aea9.webp);--pf-art-glow-legendary-h:39;--pf-art-glow-legendary-w:39;--pf-art-glow-rare:url(/assets/forever/ui-art/profile-glow-rare-1a3527e93598.webp);--pf-art-glow-rare-h:39;--pf-art-glow-rare-w:39;--pf-art-glow-uncommon:url(/assets/forever/ui-art/profile-glow-uncommon-f86a245d687f.webp);--pf-art-glow-uncommon-h:39;--pf-art-glow-uncommon-w:39;--pf-art-legendary-particles-1:url(/assets/forever/ui-art/profile-legendary-particles-1-befbd12ea773.webp);--pf-art-legendary-particles-1-h:170;--pf-art-legendary-particles-1-w:124;--pf-art-legendary-particles-2:url(/assets/forever/ui-art/profile-legendary-particles-2-bb0db43aeed9.webp);--pf-art-legendary-particles-2-h:147;--pf-art-legendary-particles-2-w:78;--pf-art-legendary-particles-3:url(/assets/forever/ui-art/profile-legendary-particles-3-6c9a19fb3aa5.webp);--pf-art-legendary-particles-3-h:163;--pf-art-legendary-particles-3-w:84;--pf-art-legendary-ring:url(/assets/forever/ui-art/profile-legendary-ring-4125f627eb83.webp);--pf-art-legendary-ring-h:176;--pf-art-legendary-ring-w:131;--pf-art-legendary-starglow:url(/assets/forever/ui-art/profile-legendary-starglow-a0ffeae10f4e.webp);--pf-art-legendary-starglow-h:202;--pf-art-legendary-starglow-w:200;--pf-art-parchment-locked:url(/assets/forever/ui-art/profile-parchment-locked-cebb07379e9d.webp);--pf-art-parchment-locked-h:256;--pf-art-parchment-locked-w:512;--pf-art-proc-loop:url(/assets/forever/ui-art/profile-proc-loop-99e0c4068d85.webp);--pf-art-proc-loop-h:101;--pf-art-proc-loop-w:3030;--pf-art-tile-collected:url(/assets/forever/ui-art/profile-tile-collected-0be09a87e156.webp);--pf-art-tile-collected-h:56;--pf-art-tile-collected-w:56;--pf-art-tile-uncollected:url(/assets/forever/ui-art/profile-tile-uncollected-cec0d6a93dd0.webp);--pf-art-tile-uncollected-h:100;--pf-art-tile-uncollected-w:100;--pf-autocast-degrees:-360deg;--pf-autocast-icon:39;--pf-autocast-mask:53;--pf-autocast-overlay:45;--pf-autocast-turn:4s;--pf-frame-boss-x:11;--pf-frame-boss-y:-4;--pf-frame-elite-x:0;--pf-frame-elite-y:1;--pf-frame-rare-x:8;--pf-frame-rare-y:-7;--pf-glow-low:.2;--pf-glow-pulse:.5s;--pf-legendary-icon:52;--pf-legendary-particles1-in:.3s;--pf-legendary-particles1-in-delay:.2s;--pf-legendary-particles1-out:.3s;--pf-legendary-particles1-out-delay:.5s;--pf-legendary-particles2-in:.3s;--pf-legendary-particles2-in-delay:.2s;--pf-legendary-particles2-out:1s;--pf-legendary-particles2-out-delay:.5s;--pf-legendary-particles3-in:.3s;--pf-legendary-particles3-in-delay:.2s;--pf-legendary-particles3-out:.3s;--pf-legendary-particles3-out-delay:.5s;--pf-legendary-ring1-in:.5s;--pf-legendary-ring1-in-delay:.2s;--pf-legendary-ring1-out:.5s;--pf-legendary-ring1-out-delay:.7s;--pf-legendary-starglow-in:.5s;--pf-legendary-starglow-in-delay:.2s;--pf-legendary-starglow-out:.5s;--pf-legendary-starglow-out-delay:.7s;--pf-legendary-starglow-size:230;--pf-legendary-start:.4s;--pf-portrait-size:58;--pf-portrait-x:-26;--pf-portrait-y:-19;--pf-proc-loop:1s;--pf-proc-loop-frame-h:101;--pf-proc-loop-frame-w:101;--pf-proc-loop-frames:30;--pf-standing-1:oklch(58.79% .1656 31.73);--pf-standing-2:oklch(58.79% .1656 31.73);--pf-standing-3:oklch(55.29% .1688 41.4);--pf-standing-4:oklch(79.09% .1617 87.9);--pf-standing-5:oklch(59.26% .194 143.69);--pf-standing-6:oklch(59.26% .194 143.69);--pf-standing-7:oklch(59.26% .194 143.69);--pf-standing-8:oklch(59.26% .194 143.69)}
.recorder-stats{--ledger-stripe:oklch(38.62% .0774 105.54);--ledger-rim:oklch(67.39% .1053 100.51);--ink:oklch(25% .035 60);--ink-lo:oklch(34% .04 60);flex-wrap:wrap;align-items:stretch;gap:16px;min-width:0;display:flex}.recorder-stats h3,.recorder-stats h4,.recorder-stats p,.recorder-stats dl,.recorder-stats ol{margin:0}.recorder-stats .recorder-hero{flex-wrap:wrap;align-items:baseline;gap:4px 12px;display:flex}.recorder-stats .recorder-hero strong{font:400 44px/1 var(--font-display);font-variant-numeric:tabular-nums}.recorder-stats .recorder-hero span{font-size:15px}.recorder-stats .recorder-rows>div{justify-content:space-between;align-items:center;gap:12px;min-block-size:32px;display:flex}.recorder-stats .recorder-rows dt{overflow-wrap:anywhere;min-width:0;font-size:14px}.recorder-stats .recorder-rows dd{font-variant-numeric:tabular-nums;margin:0;font-size:16px}.recorder-stats .recorder-played,.recorder-stats .recorder-timeline{background-image:linear-gradient(oklch(15% .012 60/.86),oklch(12% .01 60/.93)),url(/ui/ui-achievement-statsbackground.webp);background-position:50%;background-size:auto,cover;border-style:solid;border-width:1px;border-radius:4px}.recorder-stats .recorder-played{flex:3 26rem;align-content:start;gap:18px;min-width:0;padding-block:10px 20px;display:grid;position:relative}.recorder-played>h3{color:var(--gold-bright);font:400 18px/1.3 var(--font-display);text-shadow:0 1px 2px oklch(0% 0 none);border:10px solid;border-image:url(/ui/ui-achievement-category-bar.webp) 10 fill/10px;margin-inline:10px;padding-block:2px;padding-inline:12px}.recorder-columns{grid-template-columns:repeat(auto-fit,minmax(min(100%,16rem),1fr));align-items:start;gap:22px 4px;display:grid}.recorder-columns>div{gap:18px;min-width:0;display:grid}.recorder-played .recorder-hero{padding-inline:22px}.recorder-played .recorder-hero strong{color:var(--gold-bright);text-shadow:0 2px 4px oklch(0% 0 none)}.recorder-played .recorder-hero span{color:var(--text)}.recorder-played .recorder-rows{padding-inline:12px}.recorder-played .recorder-rows>div{border-radius:2px;padding-inline:10px}.recorder-played .recorder-rows>div:nth-child(odd){background:color-mix(in oklch, var(--ledger-stripe) 48%, transparent);box-shadow:inset 0 -1px color-mix(in oklch, var(--ledger-rim) 45%, transparent)}.recorder-played .recorder-rows dt{color:var(--text)}.recorder-played .recorder-rows dd{color:var(--gold-bright)}.recorder-list{gap:8px;min-width:0;padding-inline:22px;display:grid}.recorder-list h4{color:var(--gold);font:400 15px/1.3 var(--font-display)}.recorder-list ol{gap:6px;padding:0;list-style:none;display:grid}.recorder-list li{justify-content:space-between;align-items:center;gap:12px;min-width:0;display:flex}.recorder-list .recorder-value{color:var(--text-hi);font-variant-numeric:tabular-nums;font-size:16px}.recorder-stats .recorder-entity{align-items:center;gap:12px;min-width:0;font-size:15px;line-height:1.35;text-decoration:none;display:flex}.recorder-stats .recorder-entity .icon-frame{width:36px;height:36px}.recorder-stats .recorder-entity img{object-fit:cover;width:100%;height:100%;display:block}.recorder-stats .recorder-entity-name{overflow-wrap:anywhere;min-width:0}@media (hover:hover) and (pointer:fine){.recorder-stats a.recorder-entity:hover .recorder-entity-name{text-shadow:var(--link-glow)}.recorder-stats a.recorder-entity:hover .icon-frame{box-shadow:0 0 8px oklch(87.69% .1796 93.13/.45)}}.recorder-stats .recorder-note{color:var(--text-lo);padding-inline-start:48px;font-size:13px}.recorder-shared{min-width:0;color:var(--ink);background:url(/ui/quest-paper.webp) 50%/cover;border:1px solid oklch(35% .04 60);border-radius:4px;flex:2 17rem;align-content:start;gap:14px;padding-block:18px 22px;padding-inline:22px;display:grid;box-shadow:inset 0 0 24px oklch(25% .05 60/.45),0 12px 28px oklch(0% 0 none/.42)}.recorder-shared>h3{color:var(--ink);font:400 20px/1.25 var(--font-display)}.recorder-shared .recorder-since{color:var(--ink-lo);margin-block-start:-10px;font-size:14px}.recorder-shared .recorder-hero strong{font-size:36px}.recorder-shared .recorder-rows>div{border-block-start:1px solid color-mix(in oklch, var(--ink) 24%, transparent)}.recorder-shared .recorder-rows dd{font-weight:700}.recorder-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px 16px;display:flex}.recorder-head h2{margin:0}.recorder-computers{gap:4px;display:grid}.recorder-computers h3{color:var(--gold);font:400 17px/1.3 var(--font-display);margin:0}.recorder-public{gap:14px;margin-block:24px;display:grid}.recorder-public>h2{margin:0;font-size:20px}.recorder-stats .recorder-timeline{flex:100%;grid-template-columns:repeat(auto-fit,minmax(min(100%,13rem),1fr));gap:20px 36px;padding-block:18px 16px;padding-inline:22px;display:grid;position:relative}.recorder-trend{gap:8px;min-width:0;margin:0;display:grid}.recorder-trend figcaption{gap:4px;display:grid}.recorder-trend figcaption span{color:var(--text);font-size:14px}.recorder-trend figcaption strong{color:var(--gold-bright);font:400 22px/1 var(--font-display)}.recorder-plot{border-block:1px solid color-mix(in oklch, var(--line) 70%, transparent);touch-action:pan-y;block-size:88px;margin-block-start:6px;position:relative}.recorder-plot svg{block-size:100%;inline-size:100%;position:absolute;inset:0;overflow:visible}.recorder-plot-line{fill:none;stroke:var(--gold-bright);stroke-width:2px;stroke-linejoin:round;stroke-linecap:round;vector-effect:non-scaling-stroke}.recorder-plot-area{fill:color-mix(in oklch, var(--gold) 12%, transparent);stroke:none}.recorder-plot-cross,.recorder-plot-dot,.recorder-plot-tip{inset-inline-start:var(--x)}.recorder-plot-dot{inset-block-start:var(--y)}.recorder-plot-cross{background:color-mix(in oklch, var(--text-lo) 60%, transparent);pointer-events:none;inline-size:1px;position:absolute;inset-block:0}.recorder-plot-dot{background:var(--gold-bright);pointer-events:none;border-radius:50%;block-size:10px;inline-size:10px;position:absolute;translate:-50% -50%;box-shadow:0 0 0 2px oklch(13% .01 60)}.recorder-plot-tip{z-index:1;color:var(--text-lo);white-space:nowrap;pointer-events:none;border-style:solid;border-width:1px;border-radius:4px;gap:2px;padding-block:6px;padding-inline:10px;font-size:12px;display:grid;position:absolute;inset-block-end:calc(100% + 8px)}.recorder-plot-tip[data-side=start]{translate:-12px}.recorder-plot-tip[data-side=end]{translate:calc(12px - 100%)}.recorder-plot-tip strong{color:var(--text-hi);font-variant-numeric:tabular-nums;font-size:15px}.recorder-plot-axis{white-space:nowrap;color:var(--text-lo);justify-content:space-between;gap:12px;font-size:12px;display:flex}.recorder-qualities{flex-wrap:wrap;gap:6px;margin:0;padding-block:0;padding-inline:22px;list-style:none;display:flex}.recorder-qualities li{border:1px solid color-mix(in oklch, currentColor 40%, transparent);background:oklch(12% .01 60/.7);border-radius:4px;justify-items:center;gap:2px;min-inline-size:64px;padding-block:6px;padding-inline:10px;display:grid}.recorder-qualities strong{font:400 20px/1 var(--font-display);font-variant-numeric:tabular-nums}.recorder-qualities span{font-size:12px}.recorder-best .icon-frame{position:relative}.recorder-best li[data-quality] .icon-frame:after{content:"";pointer-events:none;background:50%/100% 100% no-repeat;position:absolute;inset:-10px}.recorder-best li[data-quality=rare] .icon-frame:after{background-image:var(--pf-art-glow-rare)}.recorder-best li[data-quality=epic] .icon-frame:after{background-image:var(--pf-art-glow-epic)}.recorder-best li[data-quality=legendary] .icon-frame:after{background-image:var(--pf-art-glow-legendary)}.recorder-best-item{gap:2px;min-inline-size:0;display:grid}.recorder-source{color:var(--text-lo);font-size:13px}