/* Shared geometry is independent of page styles and scrollbar visibility. */
html{scrollbar-gutter:stable;scrollbar-width:thin;scrollbar-color:#68737f transparent}
::-webkit-scrollbar{width:10px;height:10px}
@supports not (scrollbar-gutter:stable){html{overflow-y:scroll}}
.wander-header,.wander-header *{box-sizing:border-box}
.wander-header{height:73px;min-height:73px;flex-shrink:0;margin:0;view-transition-name:duebyte-header}
.wander-header .wander-header-inner{height:72px;min-height:72px;max-width:1360px}
.wander-header .wander-nav a{font:500 14px/20px Inter,system-ui,sans-serif;letter-spacing:normal;text-transform:none;min-height:44px;height:44px}
.wander-header .wander-home{height:54px}.wander-header .duebyte-mark{width:156px;height:54px}
.wander-header #project-map-slot{display:inline-block;width:34px;min-width:34px;height:34px;flex:0 0 34px;vertical-align:middle}
.wander-header .header-account{position:relative;flex:none;width:44px;height:44px}
.wander-header #account-toggle{border-radius:50%;width:36px;height:36px;min-height:36px;min-width:36px;margin:4px;border:1px solid var(--head-line);font:600 12px/1 Inter,system-ui,sans-serif}
.wander-header #account-toggle:is(:hover,:focus-visible){box-shadow:none;border-color:var(--head-ink)}
.wander-header .account-menu{position:absolute;right:0;top:48px;width:220px;padding:6px;background:var(--head-bg);border:1px solid var(--head-line);border-radius:6px;box-shadow:0 8px 24px #0002}
.wander-header .account-menu :is(a,button){display:block;width:100%;padding:9px 10px;margin:0;text-align:left;font:500 13px/20px Inter,system-ui,sans-serif;border:0;background:transparent;color:var(--head-ink);border-radius:3px;text-decoration:none}
.wander-header .account-menu :is(a,button):hover{background:var(--head-hover);color:var(--head-hover-ink)}
.wander-header #account-caption{display:block;padding:8px 10px;border-bottom:1px solid var(--head-line);margin-bottom:4px;font:500 12px/18px Inter,system-ui,sans-serif;overflow-wrap:anywhere}
@media(max-width:1160px){.wander-header .wander-nav a{font-size:13px}}
@media(max-width:480px){.wander-header{height:69px;min-height:69px}.wander-header .wander-header-inner{height:68px;min-height:68px}.wander-header .duebyte-mark{width:136px;height:47px}.wander-header .header-account{width:38px}.wander-header #account-toggle{margin:4px 1px}.wander-header .account-menu{max-width:calc(100vw - 28px)}}
@view-transition{navigation:auto}
::view-transition-group(duebyte-header){animation:none}
::view-transition-old(duebyte-header){display:none}
::view-transition-new(duebyte-header){animation:none}
::view-transition-old(root),::view-transition-new(root){animation-duration:140ms}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}::view-transition-group(*),::view-transition-old(*),::view-transition-new(*){animation:none!important}}