/*
  PLAYRS-THEME-INVERT-V1 -- CLUBS ERA landing (/worlds/clubs-era/).
  Light theme = the original approved look (no rules here apply).
  Dark theme  = the same composition with inverted colors. The 3D cubes,
  fog and background are inverted by the scene's THEME_PALETTE in
  worlds/clubs-era/index.html; this file inverts the HTML layer.
  Colors only -- no size, spacing, position or interaction changes.
*/
html[data-playrs-theme="dark"] {
  --bg: #0b0b0a;
  --ink: #f2f2f0;
  --muted: rgba(242, 242, 240, 0.45);
  --muted-2: rgba(242, 242, 240, 0.28);
}
html[data-playrs-theme="dark"] body { background: #0b0b0a; color: #f2f2f0; }
html[data-playrs-theme="dark"] .pulse { background: #f2f2f0; }

html[data-playrs-theme="dark"] #clubs-era-public-nav a { color: rgba(242, 242, 240, 0.72); }
html[data-playrs-theme="dark"] #clubs-era-public-nav a:hover,
html[data-playrs-theme="dark"] #clubs-era-public-nav a:focus-visible { color: #f2f2f0; }
html[data-playrs-theme="dark"] #clubs-era-public-nav a:focus-visible { outline-color: rgba(242, 242, 240, 0.55); }

/* cube gate text layer (css/playrs-core-gate-v1.css hard-codes light-theme ink) */
html[data-playrs-theme="dark"] #cube-gate,
html[data-playrs-theme="dark"] #cube-response,
html[data-playrs-theme="dark"] #clubs-store-link { color: #e6e4dd; }
html[data-playrs-theme="dark"] #cube-enter { border-color: rgba(242, 242, 240, 0.4); }
html[data-playrs-theme="dark"] #cube-fallback { border-color: #cfccc3; background: #e8e6df; color: #242320; }

/* PLAYRS-CUBE-GATE-FIX-V1 (2026-10-02): the fixed platform nav covered the
   gate's bottom action zone (ENTER) on mobile. While the fragment is open
   (CLOSE visible) or ENTER is offered, the nav steps aside; it returns the
   moment the gate closes. Gate layout itself is unchanged. */
body:has(#cube-close:not([hidden])) #playrs-platform-nav-v1,
body:has(#cube-enter:not([hidden])) #playrs-platform-nav-v1 {
  visibility: hidden;
  pointer-events: none;
}