/* Generated from surface-materials.css by export-nylon.mjs. Header only. */
:root .nylon-game-page .ny-header.topbar {
  background: var(--ny-surface) !important;
  color: var(--ny-text);
  border: 1px solid var(--ny-line-strong);
  border-radius: 14px;
  box-shadow: 0 4px 14px color-mix(in srgb, var(--ny-text) 6%, transparent);
  text-shadow: none;
}
:root .nylon-game-page .ny-header.topbar::before,
:root .nylon-game-page .ny-header.topbar::after,
:root .nylon-game-page .ny-header .ny-menu-panel::before {
  content: none;
}
:root .nylon-game-page .ny-header .ny-menu-panel {
  background: var(--ny-surface) !important;
  border-color: var(--ny-line-strong);
  border-radius: 12px;
  box-shadow: 0 10px 28px color-mix(in srgb, var(--ny-text) 12%, transparent);
}
:root .nylon-game-page .ny-header .ny-header-links > :is(a, button),
:root .nylon-game-page .ny-header .ny-menu > summary {
  color: var(--ny-text);
  text-shadow: none;
  box-shadow: none;
  border-radius: 7px;
}
:root .nylon-game-page .ny-header .ny-header-links > a:hover,
:root .nylon-game-page .ny-header .ny-menu > summary:hover,
:root .nylon-game-page .ny-header .ny-theme:hover {
  background: var(--ny-hover);
}
:root .nylon-game-page .ny-header .ny-header-links > a[aria-current],
:root .nylon-game-page .ny-header .ny-menu > summary[data-active] { color: var(--ny-accent); }

/* September 25–27 clear header: one 4px backdrop and static masked edges.
   Keep today's navigation geometry, menu surfaces and same-DOM docking. */
:root .nylon-game-page .ny-header.topbar {
  --ny-header-fill: rgba(8,21,30,.16);
  --ny-header-edge: rgba(218,240,248,.24);
  isolation: isolate;
  background: var(--ny-header-fill) !important;
  border: 1px solid var(--ny-header-edge);
  border-color: var(--ny-header-edge) !important;
  border-radius: 20px;
  -webkit-backdrop-filter: blur(4px) saturate(135%) !important;
  backdrop-filter: blur(4px) saturate(135%) !important;
  box-shadow: 0 8px 26px #0002, inset 0 1px 0 #effbff1f, inset 0 -1px 0 #0310194d;
  transition: background-color 320ms cubic-bezier(.22,.8,.24,1), border-color 320ms cubic-bezier(.22,.8,.24,1), box-shadow 320ms cubic-bezier(.22,.8,.24,1);
}
:root .nylon-game-page .ny-header.topbar:is([data-ny-scrolled], [data-scrolled]) {
  --ny-header-fill: rgba(8,21,30,.28);
  --ny-header-edge: rgba(218,240,248,.28);
  box-shadow: 0 9px 26px #0003, inset 0 1px 0 #effbff24, inset 0 -1px 0 #0310194d;
}
:root .nylon-game-page .ny-header.topbar::before,
:root .nylon-game-page .ny-header.topbar::after {
  content: "" !important;
  display: block;
  position: absolute;
  border-radius: inherit;
  pointer-events: none;
  z-index: 0;
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  mask-composite: exclude;
}
:root .nylon-game-page .ny-header.topbar::before {
  inset: 1px; padding: 2px;
  background: linear-gradient(127deg,#8edcee2b 0%,transparent 20%,transparent 61%,#f6edcc1f 84%,transparent), linear-gradient(180deg,#f2fcff12,transparent 28%,transparent 74%,#9ed8e926);
}
:root .nylon-game-page .ny-header.topbar::after {
  inset: -1px; padding: 1px;
  background: linear-gradient(128deg,#edfaff66 0%,#e1f9ff18 17%,#a4dce414 39%,#eaf6ff36 72%,#fbf4df3d 89%,#b0d7e412);
}
/* Light mode adapts the original dark-only material to the current palette. */
html[data-theme="light"] .nylon-game-page .ny-header.topbar {
  --ny-header-fill: rgba(255,255,255,.22);
  --ny-header-edge: rgba(73,115,131,.24);
  color: var(--ny-text); text-shadow: none;
  box-shadow: 0 8px 26px #28535e12, inset 0 1px 0 #ffffffa6, inset 0 -1px 0 #527c891a;
}
html[data-theme="light"] .nylon-game-page .ny-header.topbar:is([data-ny-scrolled], [data-scrolled]) {
  --ny-header-fill: rgba(244,249,245,.34);
  --ny-header-edge: rgba(73,115,131,.28);
}
@supports not (mask-composite: exclude) {
  :root .nylon-game-page .ny-header.topbar::before,
  :root .nylon-game-page .ny-header.topbar::after { display: none; }
}
@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))) {
  :root .nylon-game-page .ny-header.topbar { background: var(--ny-surface) !important; }
  :root .nylon-game-page .ny-header.topbar::before,
  :root .nylon-game-page .ny-header.topbar::after { display: none; }
}
:root[data-glass="solid"] .nylon-game-page .ny-header.topbar {
  background: var(--ny-surface) !important;
  -webkit-backdrop-filter: none !important; backdrop-filter: none !important;
}
:root[data-glass="solid"] .nylon-game-page .ny-header.topbar::before,
:root[data-glass="solid"] .nylon-game-page .ny-header.topbar::after { display: none; }
@media (prefers-reduced-transparency: reduce) {
  :root:not([data-glass="clear"]) .nylon-game-page .ny-header.topbar {
    background: var(--ny-surface) !important;
    -webkit-backdrop-filter: none !important; backdrop-filter: none !important;
  }
  :root:not([data-glass="clear"]) .nylon-game-page .ny-header.topbar::before,
  :root:not([data-glass="clear"]) .nylon-game-page .ny-header.topbar::after { display: none; }
}

.nylon-game-page .ny-header::before,.nylon-game-page .ny-header::after,.nylon-game-page .ny-header .ny-menu-panel{-webkit-backdrop-filter:none!important;backdrop-filter:none!important}
.nylon-game-page .ny-nav-lens{display:none!important}
@media(prefers-contrast:more),(forced-colors:active){.nylon-game-page .ny-header.topbar{background:var(--ny-surface)!important;border-color:var(--ny-text)!important;box-shadow:none;-webkit-backdrop-filter:none!important;backdrop-filter:none!important}.nylon-game-page .ny-header.topbar::before,.nylon-game-page .ny-header.topbar::after{display:none}}