/* Reveal version (staged draft). Adds the window table, Season 1 calendar, landmarks and two boss cards. */
.reveal-line { margin: 10px 2px 2px; color: var(--tx); font-size: 15px; }
.st-squatter { background-image: url(media/scene_s07.png); }
.st-holdfast { background-image: url(media/scene_s02.png); }
.anim-squatter { background-image: url(media/reveal/squatter_idle.png); }
.anim-holdfast { background-image: url(media/reveal/holdfast_idle.png); }
.side-p { margin: 0; color: var(--tx-2); font-size: 15px; }
.window-panel { padding: var(--s5); overflow-x: auto; }
.phase-table { width: 100%; border-collapse: collapse; font-size: 15px; min-width: 560px; }
.phase-table th { text-align: left; font-weight: 600; color: var(--tx-2); font-size: 12.5px; letter-spacing: .04em; text-transform: uppercase; padding: 0 12px 10px 0; border-bottom: 1px solid var(--line-2); }
.phase-table td { padding: 12px 12px 12px 0; border-bottom: 1px solid var(--line); color: var(--tx); vertical-align: middle; }
.phase-table tfoot td { border-bottom: 0; color: var(--tx-2); font-weight: 600; }
.phase-table .num { text-align: right; font: 600 17px/1 var(--f-body, 'DM Sans', sans-serif); font-variant-numeric: tabular-nums; color: var(--v-400, #3DEB8A); padding-right: 24px; }
.phase-table .ph { display: inline-block; width: 26px; height: 26px; line-height: 26px; text-align: center; margin-right: 10px; border-radius: var(--r-sm, 4px); background: var(--grad-btn); color: #fff; font: 500 15px/26px var(--f-px); }
.phase-table .ph-time { color: var(--tx-2); font-family: var(--f-mono, monospace); font-size: 13px; }
.window-rules { margin: var(--s5) 0 0; padding: 0; list-style: none; display: grid; gap: 10px; }
.window-rules li { color: var(--tx-2); font-size: 15px; padding-left: 16px; position: relative; }
.window-rules li::before { content: ""; position: absolute; left: 0; top: .6em; width: 6px; height: 6px; background: var(--accent); }
.window-rules strong { color: var(--tx); font-weight: 600; }
.cal { list-style: none; margin: var(--s5) 0 var(--s6); padding: 0; display: grid; gap: var(--s4); grid-template-columns: repeat(auto-fit, minmax(min(100%, 190px), 1fr)); }
.cal li { margin: 0; padding: var(--s4); }
.cal .wk { display: inline-block; font: 500 13px/1 var(--f-px); color: var(--v-400, #3DEB8A); letter-spacing: .04em; margin-bottom: 8px; }
.cal h3 { font: 500 20px/1.15 var(--f-px); color: var(--tx); margin: 0 0 6px; }
.cal p { margin: 0; color: var(--tx-2); font-size: 14.5px; }
.marks2 { display: grid; gap: var(--s5); grid-template-columns: repeat(auto-fit, minmax(min(100%, 420px), 1fr)); margin-top: var(--s4); }
.lm { margin: 0; padding: 12px; }
.lm-img { display: block; width: 100%; height: auto; aspect-ratio: 16 / 9; image-rendering: pixelated; border-radius: var(--r-sm, 4px); background: var(--bg-deep); }
.lm figcaption { margin: 12px 4px 4px; }
.lm h4 { margin: 0 0 6px; font: 500 20px/1.15 var(--f-px); color: var(--tx); }
.lm p { margin: 0; color: var(--tx-2); font-size: 15px; }

/* Preview + mint (site path) */
.preview-tag {
  position: fixed; top: 10px; right: 12px; z-index: 50;
  font: 600 11px/1 var(--f-mono, 'JetBrains Mono', monospace);
  letter-spacing: .06em; text-transform: uppercase;
  color: var(--tx-2); background: var(--surface-1);
  border: 1px solid var(--line-2); border-radius: 999px;
  padding: 6px 10px; opacity: .85; pointer-events: none;
}
.mint-countdown { text-align: center; margin: 0 0 var(--s5); padding: var(--s5); }
.mint-countdown .cd-label { margin: 0 0 6px; color: var(--tx-2); font-size: 13px; letter-spacing: .06em; text-transform: uppercase; }
.mint-countdown .cd-clock { margin: 0; font: 600 42px/1 var(--f-mono, 'JetBrains Mono', monospace); color: var(--v-400, #3DEB8A); font-variant-numeric: tabular-nums; letter-spacing: .04em; }
.mint-countdown .cd-sub { margin: 8px 0 0; color: var(--tx-2); font-size: 14px; }
.mint-actions { margin: var(--s5) 0 0; display: flex; flex-wrap: wrap; gap: 12px; }
.mint-btn.is-disabled,
a.btn.mint-btn.is-disabled {
  opacity: .55; cursor: not-allowed; pointer-events: auto;
  filter: grayscale(.15);
}
.phase-table .local-time { color: var(--tx-2); font-size: 13.5px; white-space: nowrap; }
.keepers-note { margin: var(--s4) 0 0; color: var(--tx-2); font-size: 14.5px; }
.wallborn-samples { display: flex; flex-wrap: wrap; gap: 10px; list-style: none; margin: var(--s4) 0 0; padding: 0; }
.wallborn-samples li { margin: 0; text-align: center; width: 72px; }
.wallborn-samples .spr { width: 64px; height: 64px; image-rendering: pixelated; display: block; margin: 0 auto 4px; }
.wallborn-samples .nm { font-size: 12px; color: var(--tx-2); }

/* Center the OG Pass and FAQ sections */
#pass .wrap, #faq .wrap { text-align: center; }
#pass .kicker, #faq .kicker { justify-content: center; }
#pass .pass-grid { max-width: 1120px; margin-left: auto; margin-right: auto; }
#pass .pass-card { text-align: left; }
#faq .qa { margin-left: auto; margin-right: auto; text-align: left; }