/* Dead Man's Chest — a tarred hull below the waterline: pitch-brown timber, sea-bleached bone,
   the logo's blood red, drowned-pearl green and doubloon gold. Tokens + a few retired-site pieces;
   structure is ../_engine/base.css. */
:root {
  --bg: #14100e;
  --bg-rgb: 20, 16, 14;
  --bg-2: #1a1512;
  --panel: #211b17;
  --panel-2: #2b231e;
  --footer-bg: #0d0a09;
  --line: rgba(236, 226, 206, 0.13);
  --text: #ece2ce;
  --muted: #bdb2a0;
  --dim: #8d8373;
  --red: #c8202f;
  --red-deep: #981824;
  --ochre: #8fc4ad;
  --ochre-soft: #bfe0d0;
  --gum: #d9a441;
  --display: "Fondamento", "Georgia", serif;
  --body: "Lato", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  --radius: 3px;
  --wrap: 1180px;
  --gutter: clamp(16px, 4vw, 40px);
}
h1, h2, h3, h4 { letter-spacing: 0; line-height: 1.12; }
.btn { border-radius: 3px; font-size: 1.05rem; letter-spacing: .03em; }
.hero h1 { font-size: clamp(1.4rem, 2.8vw, 2.2rem); }
.hero-logo { max-width: 600px; }
.stat .n { font-size: clamp(2rem, 3.8vw, 2.8rem); }
.soon-badge { border-color: var(--gum); color: var(--gum); }
/* Retired-room pieces (build-retired.mjs) */
.chapters { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 260px), 1fr)); gap: 18px; counter-reset: ch; }
.chapter { background: var(--panel); border: 1px solid var(--line); border-top: 3px solid var(--ochre); border-radius: var(--radius); padding: 22px 20px; }
.chapter.closed { border-top-color: var(--red); background: var(--panel-2); }
.chapter .num { font: 400 .78rem/1 var(--body); letter-spacing: .2em; text-transform: uppercase; color: var(--dim); }
.chapter h3 { margin: 8px 0 6px; }
.chapter .status { display: inline-block; font-size: .78rem; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; color: var(--ochre-soft); margin-bottom: 8px; }
.chapter.closed .status { color: #e8737c; }
.chapter p { margin: 0 0 10px; color: var(--muted); }
.live-room { margin-top: 36px; }
.live-room > h2 a { color: inherit; text-decoration: none; }
.live-room .booker + .booker { margin-top: 18px; }
.live-room .soon-note { border: 1px dashed var(--line); border-radius: var(--radius); padding: 16px 18px; margin-top: 18px; color: var(--muted); }