/* Staging: navigation continues the current page palette. */
body{--nav-surface:var(--theme-wash,#faf9f6);--nav-text:#17151c;--nav-edge:#17151c33;--nav-gradient:none;--nav-accent:var(--theme-accent,#ffe663)}
body[data-page=mystery]{--nav-surface:#120e1c;--nav-text:#f6efff;--nav-edge:#74558e;--nav-gradient:linear-gradient(110deg,#120e1c,#29183e);--nav-accent:#b891ec}
body[data-page=games]{--nav-gradient:linear-gradient(110deg,#ffc1df,#faf4ff 52%,#b9eff5)}
body[data-page=fanshop]{--nav-gradient:linear-gradient(110deg,#fff5fa,#ffacd2)}
body[data-page=community]{--nav-gradient:linear-gradient(110deg,#f8fdef,#c6ee91)}
body[data-page=live]{--nav-gradient:linear-gradient(110deg,#fff7f1,#ffc49e)}
body[data-page=deals]{--nav-gradient:linear-gradient(110deg,#fff5f4,#ffb5b5)}
body[data-page=advent]{--nav-gradient:linear-gradient(110deg,#fff7e3,#eee1f3)}
body[data-page] header,body[data-page] #mobile-nav.mobile-top-menu{background-color:var(--nav-surface);background-image:var(--nav-gradient);color:var(--nav-text);border-color:var(--nav-edge)}
body[data-page] header .logo,body[data-page] header .logo span,body[data-page] header .links button,body[data-page] #mobile-nav button{color:var(--nav-text)}
body[data-page] header .links button.active{background:transparent;box-shadow:inset 0 -3px var(--nav-accent)}
body[data-page] header .links button:hover,body[data-page] #mobile-nav button:hover,body[data-page] #mobile-nav button[aria-current=page]{background:var(--nav-accent);color:#17151c}
body[data-page] #mobile-nav .mobile-more-menu{background:var(--nav-surface);border-color:var(--nav-edge)}
body[data-page] header .links button:focus-visible,body[data-page] #mobile-nav button:focus-visible,body[data-page] header .logo:focus-visible{outline:3px solid var(--nav-text);outline-offset:3px}

/* Fixed page colours; only the horizontal track continues moving. */
body[data-page] .partner-marquee{background-color:var(--nav-surface,var(--theme-wash));background-image:var(--nav-gradient,none);color:var(--theme-ink,#17151c);border-bottom:1px solid var(--nav-edge,#17151c33)}
body[data-page] .partner-marquee .partner-placeholder{animation:none;color:inherit}
body[data-page] .partner-marquee .partner-cell{color:inherit}
body[data-page] .partner-marquee .partner-cell::after{background:currentColor;opacity:.3}
body[data-page] .partner-marquee .partner-cell:focus-visible{outline:2px solid currentColor;outline-offset:-4px}

/* Match the top edge as well as theme-color for browser chrome tinting. */
body[data-page] > .top{background-color:var(--nav-surface,var(--theme-wash));background-image:var(--nav-gradient,none);color:var(--nav-text,#17151c)}
body[data-page] > .top b{color:inherit}