.hud{z-index:60;max-width:100vw;height:calc(var(--hud-h) + env(safe-area-inset-top,0px));padding-top:env(safe-area-inset-top,0px);padding-right:var(--ui-sbw,0px);color:var(--bone);transition:transform .32s cubic-bezier(.2,0,0,1);position:fixed;top:0;left:0;right:0}.hud[data-hidden]{transform:translateY(calc(-100% - 28px))}.hud__bg{background:var(--void);box-shadow:inset 0 -2px 0 0 var(--crypt-2);opacity:0;transition:opacity .16s steps(3,end);position:absolute;inset:0}.hud[data-scrolled] .hud__bg{opacity:1}@media (min-width:720px){.hud__bg{box-shadow:none}.hud__bg:before{content:"";left:calc(max(24px, env(safe-area-inset-left,0px)) + 158px);background:var(--crypt-2);height:2px;position:absolute;bottom:0;right:0}.hud__bg:after{content:"";width:calc(max(24px, env(safe-area-inset-left,0px)) + 160px);height:var(--livebar-h);background:var(--void);box-shadow:inset -2px 0 0 0 var(--crypt-2), inset 0 -2px 0 0 var(--crypt-2);position:absolute;top:100%;left:0}}.hud__scrim{height:calc(var(--hud-h) + env(safe-area-inset-top,0px));pointer-events:none;opacity:.85;transition:opacity .16s steps(3,end);position:absolute;inset:0 0 auto}.hud__scrim>svg{height:100%;display:block}.hud[data-scrolled] .hud__scrim{opacity:0}.hud__row{height:100%;padding-inline:max(16px, env(safe-area-inset-left,0px)) max(16px, env(safe-area-inset-right,0px));align-items:center;gap:16px;display:flex;position:relative}@media (min-width:720px){.hud__row{padding-inline:max(24px, env(safe-area-inset-left,0px)) max(24px, env(safe-area-inset-right,0px));gap:18px}}.hud__brand{isolation:isolate;-webkit-tap-highlight-color:transparent;outline:none;flex:none;width:76px;height:33px;display:block;position:relative}.hud__brand-img{width:100%;height:100%;image-rendering:crisp-edges;image-rendering:pixelated;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;display:block}.hud__glint{pointer-events:none;mix-blend-mode:overlay;position:absolute;inset:0;overflow:hidden;-webkit-mask-size:100% 100%;mask-size:100% 100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.hud__glint:before{content:"";background:linear-gradient(105deg,#0000 0 42%,#fff8e1f2 42% 47%,#0000 47% 51%,#fff8e199 51% 53%,#0000 53%);width:320%;animation:8s steps(16,end) 2.6s infinite hud-k-glint;position:absolute;top:0;bottom:0;left:0;transform:translate(-79.0625%)}@media (hover:hover){.hud__brand:hover .hud__glint:before{animation:.56s steps(10,end) both hud-k-glint-once}}.hud__brand:focus-visible .hud__glint:before{animation:.56s steps(10,end) both hud-k-glint-once}html[data-quality=low] .hud__brand:not(:hover):not(:focus-visible) .hud__glint:before{animation:none}.hud[data-hidden] .hud__glint:before,.hud[data-hidden] .hud__nav-list .hud__nav-link .hud__nav-caret{animation-play-state:paused}@keyframes hud-k-glint{0%{transform:translate(-79.0625%)}9%,to{transform:translate(10.3125%)}}@keyframes hud-k-glint-once{0%{transform:translate(-79.0625%)}to{transform:translate(10.3125%)}}.hud__brand:before{content:"";position:absolute;inset:-6px -8px}@media (min-width:720px){.hud__brand:before{inset:-4px}.hud__brand{transform-origin:0 0;align-self:flex-start;width:152px;height:66px;margin-top:6px;transition:transform .2s steps(4,end)}.hud[data-scrolled] .hud__brand{transform:translateY(-4px)}}@media (min-width:720px) and (min-resolution:2x),(min-width:720px) and (-webkit-min-device-pixel-ratio:2){.hud[data-scrolled] .hud__brand{transform:translateY(-3px)scale(.75)}}.hud__nav{min-width:0;display:none}@media (min-width:1024px){.hud__nav{display:block}}.hud__nav-list{align-items:center;margin:0;padding:0;list-style:none;display:flex}.hud__nav-link{height:44px;font-family:var(--font-pixel);letter-spacing:.12em;text-transform:uppercase;white-space:nowrap;color:var(--bone);text-shadow:1px 1px 0 var(--void), 0 0 6px color-mix(in srgb, var(--void) 70%, transparent);-webkit-tap-highlight-color:transparent;outline:none;align-items:center;padding:2px 8px 0 20px;font-size:8px;line-height:1;display:flex;position:relative}@media (min-width:1366px){.hud__nav-link{padding:2px 10px 0 22px}}@media (max-width:1159px){.hud__nav-link{padding:2px 6px 0 16px}}.hud__nav-caret{width:6px;height:10px;color:var(--gold);opacity:0;filter:drop-shadow(1px 1px 0 var(--blood-deep));margin-top:-4px;position:absolute;top:50%;left:8px}@media (min-width:1366px){.hud__nav-caret{left:10px}}@media (max-width:1159px){.hud__nav-caret{left:6px}}@media (min-width:1280px) and (max-width:1339px){.hud__nav-link{padding:2px 7px 0 18px}.hud__nav-caret{left:7px}}.hud__nav-label{display:block;position:relative}.hud__nav-link[aria-current]{color:var(--gold);text-shadow:1px 1px 0 var(--blood-deep)}.hud__nav-link[aria-current] .hud__nav-label:after{content:"";background:repeating-linear-gradient(90deg, var(--gold-deep) 0 2px, transparent 2px 4px);height:2px;position:absolute;bottom:-7px;left:0;right:.12em}@media (hover:hover){.hud__nav-link:hover{color:var(--gold);animation:.14s step-end hud-k-flash}.hud__nav-link:hover .hud__nav-caret{opacity:1;animation:.8s step-end infinite hud-k-blink}}.hud__nav-link:focus-visible{color:var(--gold)}.hud__nav-link:focus-visible .hud__nav-caret,.hud__nav-link[aria-current] .hud__nav-caret{opacity:1;animation:.8s step-end infinite hud-k-blink}.hud__nav-list:has(.hud__nav-link:hover,.hud__nav-link:focus-visible) .hud__nav-link[aria-current]:not(:hover,:focus-visible) .hud__nav-caret{opacity:0;animation:none}.hud__nav-link:focus-visible:after,.hud__brand:focus-visible:after{content:"";pointer-events:none;--b:var(--gold);background:linear-gradient(var(--b), var(--b)) top left / 8px 2px no-repeat, linear-gradient(var(--b), var(--b)) top left / 2px 8px no-repeat, linear-gradient(var(--b), var(--b)) top right / 8px 2px no-repeat, linear-gradient(var(--b), var(--b)) top right / 2px 8px no-repeat, linear-gradient(var(--b), var(--b)) bottom left / 8px 2px no-repeat, linear-gradient(var(--b), var(--b)) bottom left / 2px 8px no-repeat, linear-gradient(var(--b), var(--b)) bottom right / 8px 2px no-repeat, linear-gradient(var(--b), var(--b)) bottom right / 2px 8px no-repeat;filter:drop-shadow(1px 1px 0 var(--void));animation:.16s steps(2,end) hud-k-lock;position:absolute;inset:6px -2px 4px 2px}.hud__brand:focus-visible:after{inset:-6px}@keyframes hud-k-lock{0%{opacity:0;transform:scale(1.18)}to{opacity:1;transform:none}}@keyframes hud-k-blink{0%,55%{opacity:1}56%,to{opacity:0}}@keyframes hud-k-flash{0%{color:#fff3c4}50%,to{color:var(--gold)}}@media (min-width:1600px){.hud__nav{flex:1}.hud__nav-list{justify-content:center}.hud__nav-link{padding:2px 10px 0 24px;font-size:10px}.hud__nav-caret{left:10px}.hud__nav-link[aria-current] .hud__nav-label:after{bottom:-8px}}@media (min-width:1800px){.hud__nav-list{gap:8px}.hud__nav-link{padding:2px 14px 0 30px}.hud__nav-caret{left:14px}}.hud__tools{flex:none;align-items:center;gap:14px;margin-left:auto;display:flex}.hud__xp{margin-right:24px}@media (min-width:1600px),(min-width:720px) and (max-width:1023px){.hud__xp{--xp-w:142px}}@media (max-width:1023px){.hud__xp{margin-right:0}.hud__xp .fx-xp__gain{left:auto;right:calc(100% + 52px)}}.hud__settings,.hud__options{align-items:center;gap:8px;display:none}.hud__cta{display:none!important}@media (min-width:1024px){.hud__options{display:flex}.hud__cta{display:inline-flex!important}}@media (min-width:1280px){.hud__settings{display:flex}.hud__options{display:none}}@media (min-width:1024px) and (max-width:1159px){.hud__xp{margin-right:0}.hud__xp .fx-xp__track{display:none}}.hud__cta-sub{display:none}@media (min-width:1440px){.hud__cta-sub{opacity:.72;display:inline}}@media (min-width:1024px){.hud:has(.hud-acct) .hud__tools{gap:10px}}@media (min-width:1160px) and (max-width:1279px){.hud:has(.hud-acct) .hud__nav-link{padding:2px 6px 0 16px}.hud:has(.hud-acct) .hud__nav-caret{left:6px}}@media (min-width:1280px) and (max-width:1365px){.hud:has(.hud-acct) .hud__settings{display:none}.hud:has(.hud-acct) .hud__options{display:flex}}@media (min-width:1440px) and (max-width:1799px){.hud:has(.hud-acct) .hud__cta-sub{display:none}}[data-motion=reduce] .hud,[data-motion=reduce] .hud__brand{transition:none}[data-motion=reduce] .hud__glint{display:none}[data-motion=reduce] .hud__nav-caret,[data-motion=reduce] .hud__nav-link:after,[data-motion=reduce] .hud__brand:after{animation:none!important}@media (forced-colors:active){.hud__nav-link:focus-visible,.hud__brand:focus-visible{outline-offset:2px;outline:2px solid highlight}.hud__nav-link:focus-visible:after,.hud__brand:focus-visible:after{display:none}}