html{scroll-padding-top:90px}
.global-header{box-sizing:border-box;position:sticky;top:0;z-index:30;display:flex;align-items:center;gap:24px;width:100%;max-width:none;height:72px;margin:0;padding:0 clamp(18px,3vw,48px);background:#0b0d12f5;border-bottom:1px solid #292e3c;font-family:Archivo,Arial,sans-serif;line-height:1.4;backdrop-filter:blur(12px)}
.global-header a{text-decoration:none}.global-brand{display:flex;align-items:center;gap:10px;color:#f3f5f9;font-size:26px;font-weight:900;letter-spacing:-1px;flex-shrink:0}.global-mark{display:block;background:#cbfa72;color:#0b0d12;transform:skew(-8deg);padding:6px 9px;font-size:21px;letter-spacing:-3px}.global-header .global-nav{display:flex;align-items:center;gap:20px;margin:0 0 0 auto;padding:0;flex-wrap:nowrap}.global-quick{display:flex;align-items:center;gap:22px}.global-header .global-nav a{border:0;background:none;padding:8px 0;border-radius:0;font:500 12px/1.4 Archivo,Arial,sans-serif;color:#9aa3b8;white-space:nowrap}.global-header .global-nav a:hover,.global-header .global-nav a[aria-current=page]{color:#cbfa72}.global-header .global-menu{position:relative;padding:0;border:0;margin:0}.global-menu summary{display:flex;align-items:center;gap:8px;list-style:none;cursor:pointer;color:#f3f5f9;font:600 12px/1.4 Archivo,Arial,sans-serif;padding:10px 0}.global-menu summary::-webkit-details-marker{display:none}.mobile-menu-label{display:none}.global-menu-panel{position:absolute;right:0;top:44px;display:grid;grid-template-columns:1fr 1fr;gap:3px 12px;width:340px;max-height:calc(100dvh - 100px);overflow:auto;padding:14px;border:1px solid #292e3c;border-radius:12px;background:#12151d;box-shadow:0 16px 40px #0008}.global-header .global-menu-panel a{padding:10px 12px;border-radius:6px}.global-header .global-menu-panel a:hover{background:#a18bff12}.global-header .global-play{display:flex;align-items:center;gap:22px;flex-shrink:0;min-height:40px;padding:10px 16px;border:1px solid #cbfa72;border-radius:8px;background:#cbfa72;color:#152108;font-size:12px;font-weight:800}.global-play:hover{background:#dfffac}.global-header a:focus-visible,.global-menu summary:focus-visible{outline:2px solid #a18bff;outline-offset:4px}
@media(max-width:1050px){.global-quick{display:none}.desktop-menu-label{display:none}.mobile-menu-label{display:inline}.global-header{gap:18px;height:64px}.global-header .global-nav{gap:0}.global-brand{font-size:24px}.global-header .global-play{gap:12px;padding:9px 12px}.global-menu-panel{right:-116px}html{scroll-padding-top:80px}}
@media(max-width:380px){.global-header{gap:12px;padding-inline:14px}.global-brand{font-size:21px}.global-mark{font-size:18px}.global-menu-panel{width:min(320px,calc(100vw - 28px));gap:2px;padding:10px}.global-header .global-menu-panel a{font-size:11px}}

.global-menu .menu-chevron{display:block;width:12px;height:12px;flex:0 0 12px;align-self:center;transition:transform .15s ease}.global-menu[open] .menu-chevron{transform:rotate(180deg)}@media(prefers-reduced-motion:reduce){.global-menu .menu-chevron{transition:none}}

/* Header logo: LUPYN badge from the character art. */
.global-logo{display:block;width:40px;height:40px;flex-shrink:0;transition:transform .2s ease}
.global-brand:hover .global-logo{transform:rotate(-6deg) scale(1.05)}
@media (prefers-reduced-motion:reduce){.global-logo{transition:none}}