/* Persistent site navigation. The expanded player owns its own toolbar. */
:root{--mw-site-header-height:calc(88px + env(safe-area-inset-top,0px))}
html{scroll-padding-top:calc(var(--mw-site-header-height) + 16px)}
/* Native/no-JS fragments use the same single offset as the shared router. */
#siteContent main [id]{scroll-margin-top:0}
#siteContent main [tabindex="-1"]:focus:not(:focus-visible){outline:none}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}}
#siteContent>header,.vinyl-page #siteContent>header,.hai-page #siteContent>header,.mw-library>.mw-header{
 position:fixed;inset:0 0 auto;width:100%;max-width:none;margin:0;z-index:9500;
 box-sizing:border-box;background:#10100ef5;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);
 border-bottom:1px solid #ffffff20;padding-top:env(safe-area-inset-top,0px)
}
#siteContent>header .wrap{height:88px;position:relative;display:flex;align-items:center;justify-content:space-between}
#siteContent>header .menu{display:flex;align-items:center;justify-content:center;flex:none}
#siteContent>header #nav{display:none;position:absolute;top:calc(100% + 8px);left:auto;right:0;width:min(280px,90vw);box-sizing:border-box;flex-direction:column;gap:0;padding:10px;background:#191917;border:1px solid #42423b;border-radius:16px;box-shadow:0 18px 48px #0008;max-height:calc(100dvh - var(--mw-site-header-height) - 24px);overflow-y:auto}
#siteContent>header #nav.open{display:flex}
#siteContent>header #nav a{display:block;padding:14px 16px;font:500 16px/1.3 Arial,Helvetica,sans-serif;border-radius:8px}
#siteContent>header #nav a:hover{background:#ffffff0b;color:#ed863f}
.mw-library>.mw-header{height:var(--mw-site-header-height);padding-bottom:0;padding-left:max(20px,calc((100vw - 1160px)/2),env(safe-area-inset-left));padding-right:max(20px,calc((100vw - 1160px)/2),env(safe-area-inset-right))}
.mw-library>main{padding-top:var(--mw-site-header-height)}
body.vinyl-page #siteContent,body.hai-page #siteContent{padding-top:var(--mw-site-header-height)}
html.mw-player-open #siteContent>header,html.mw-player-open .mw-library>.mw-header{visibility:hidden;pointer-events:none}

/* Shared About header across Home, Sets, Vinyl and Human × AI. */
#siteContent .mw-unified-header{display:block;height:var(--mw-site-header-height);padding-inline:0;background:linear-gradient(#090909f5,#090909b8);border-bottom-color:#ffffff13}
#siteContent .mw-unified-header .wrap{position:relative;display:flex;align-items:center;justify-content:space-between;gap:16px;width:min(1280px,90%);height:88px;margin:auto}
#siteContent .mw-unified-header .about-brand{display:flex;align-items:center;gap:14px;min-width:0;text-decoration:none;font:600 12px/1.3 Arial,sans-serif;letter-spacing:2.5px}
#siteContent .mw-unified-header .about-brand img{display:block;flex:none;width:48px;height:48px}
#siteContent .mw-unified-header .about-brand span{color:#ed863f}
#siteContent .mw-unified-header .about-brand b{color:#ff731f;font-weight:500}
#siteContent .mw-unified-header .menu{display:flex;align-items:center;justify-content:center;flex:none;width:46px;height:46px;padding:0;border:0;border-radius:0;background:transparent;color:white;cursor:pointer}
#siteContent .mw-unified-header #nav{display:none;position:absolute;top:calc(100% + 8px);left:auto;right:0;width:min(280px,90vw);box-sizing:border-box;flex-direction:column;gap:0;margin:0;padding:10px;background:#191917;border:1px solid #42423b;border-radius:16px;box-shadow:0 18px 48px #0008;max-height:calc(100dvh - var(--mw-site-header-height) - 24px);overflow-y:auto}
#siteContent .mw-unified-header #nav.open{display:flex}
#siteContent .mw-unified-header #nav a{display:block;padding:14px 16px;color:#f4f0e7;text-decoration:none;font:500 16px/1.3 Arial,Helvetica,sans-serif;border-radius:8px}
#siteContent .mw-unified-header #nav a[aria-current]{color:#ed863f}
@media(max-width:359px){#siteContent .mw-unified-header .about-brand{font-size:10px;letter-spacing:1.5px;gap:10px}}