/* Colour flows along the outline; the text and menu layout remain stationary. */
@property --nav-rainbow-angle{syntax:'<angle>';inherits:false;initial-value:0deg}
.nav #top-navigation .nav-game-badge{display:none}
.nav #top-navigation .nav-game-label{isolation:isolate;z-index:0;font-weight:750;--nav-rainbow-palette:conic-gradient(#e33483,#f88139,#d9ab28,#1da996,#536fdf,#a04ad6,#e33483)}
.nav #top-navigation .nav-game-label::before,.nav #top-navigation .nav-game-label::after{content:"";position:absolute;inset:-9px -11px;z-index:-1;pointer-events:none;padding:3px;border-radius:12px;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude}
.nav #top-navigation .nav-game-label::before{background:var(--nav-rainbow-palette)}
/* Reveal a brighter copy of the SAME palette, rather than sweeping white over it. */
.nav #top-navigation .nav-game-label::after{background:var(--nav-rainbow-palette);filter:brightness(1.7) saturate(1.06);-webkit-mask:conic-gradient(from var(--nav-rainbow-angle),transparent 0deg 225deg,#0004 260deg,#000 305deg,#0006 330deg,transparent 360deg),linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:source-in,xor;mask:conic-gradient(from var(--nav-rainbow-angle),transparent 0deg 225deg,#0004 260deg,#000 305deg,#0006 330deg,transparent 360deg),linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);mask-composite:intersect,exclude;opacity:0}
@keyframes nav-rainbow-flow{to{--nav-rainbow-angle:360deg}}
@media(prefers-reduced-motion:no-preference){.nav #top-navigation .nav-game-label::after{opacity:.86;animation:nav-rainbow-flow 3s linear infinite}}
html.site-motion-enabled .nav #top-navigation .nav-game-label::after{opacity:.86;animation:nav-rainbow-flow 3s linear infinite}
html:not(.site-motion-enabled) .nav #top-navigation .nav-game-label::after{opacity:0;animation:none}
@media(max-width:760px){.nav #top-navigation .nav-game-label::before,.nav #top-navigation .nav-game-label::after{inset:-8px -5px;border-radius:10px}}
.nav #top-navigation:is(:hover,:focus-visible){text-shadow:none}
.nav #top-navigation::after{display:none}
/* Keep a deliberate opt-in available when the operating system reduces motion. */
.signature-light-replay:not([hidden]){display:inline-flex!important}
@media(forced-colors:active){.nav #top-navigation .nav-game-label::before{padding:0;border:2px solid currentColor;background:none;mask:none;-webkit-mask:none;animation:none!important}}
@media(forced-colors:active){.nav #top-navigation .nav-game-label::after{display:none}}