/*
  PLAYRS-CLUBS-CHAPTERS-V1 -- public CHAPTERS list on the CLUBS ERA landing.
  Canon: CLUBS ERA // WORLD BUILD + LANDING PAGE HANDOFF (Oct 2026).
  Public shows PROLOGUE (locked) + numerals I-XIII only. NO titles, subtitles
  or tooltips -- the numeral -> chapter mapping is internal and never ships
  to this page. Overlay only: no change to the cube scene, gate or nav.
  Inherits the page's own type and --ink / --muted tokens (light = original
  look, dark = playrs-clubs-theme-v1.css inversion).
*/
#clubs-chapters {
  position: fixed;
  left: calc(env(safe-area-inset-left, 0px) + 28px);
  top: 50%;
  transform: translateY(-50%);
  z-index: 15;
  margin: 0;
  color: var(--ink);
  font-size: 11px;
  letter-spacing: .18em;
  line-height: 1;
  pointer-events: none;
  user-select: none;
}
#clubs-chapters .cc-head {
  display: block;
  margin: 0 0 16px;
  font-size: 9px;
  letter-spacing: .24em;
  color: var(--muted);
}
#clubs-chapters ol { list-style: none; margin: 0; padding: 0; display: grid; gap: 9px; }
#clubs-chapters .cc-prologue { display: flex; align-items: center; gap: 8px; margin-bottom: 7px; padding-bottom: 14px; border-bottom: 1px solid var(--muted-2); }
#clubs-chapters .cc-lock { display: block; width: 9px; height: 11px; flex: none; color: var(--ink); transform: translateY(-1px); }
#clubs-chapters .cc-n { color: var(--muted); font-variant-numeric: tabular-nums; }

@media (max-width: 700px) {
  #clubs-chapters { left: calc(env(safe-area-inset-left, 0px) + 18px); font-size: 10px; letter-spacing: .14em; }
  #clubs-chapters ol { gap: 8px; }
  #clubs-chapters .cc-head { margin-bottom: 12px; font-size: 8px; }
}
@media (max-height: 560px) {
  #clubs-chapters ol { gap: 4px; }
  #clubs-chapters .cc-prologue { padding-bottom: 8px; margin-bottom: 3px; }
}

/* step aside while the cube gate is open, same rule the platform nav follows */
body:has(#cube-close:not([hidden])) #clubs-chapters,
body:has(#cube-enter:not([hidden])) #clubs-chapters { visibility: hidden; }