/* A shelf of game posters; each preview keeps its own accent. */
.future-page { --accent:var(--mint); }
.lilac { --accent:#ccbaff; }
.amber { --accent:#f3cc88; }
.mint { --accent:#b5f2d1; }
.future-intro { padding-block:48px 42px; }
.future-intro h1 { font-size:clamp(2.4rem,4.4vw,4rem); }
.future-intro .intro-note { max-width:340px; }
.future-page .eyebrow { color:var(--accent); font-size:.875rem; }
.future-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:22px; }
.future-card { border:1px solid var(--line); border-radius:16px; background:var(--surface); min-width:0; transition:border-color .2s ease,transform .2s ease; }
.future-card:hover { border-color:var(--accent); transform:translateY(-4px); }
.future-card-link { display:flex; flex-direction:column; height:100%; border-radius:16px; }
.future-art { position:relative; aspect-ratio:4/5; isolation:isolate; overflow:hidden; border-radius:15px 15px 0 0; background:#19231f; }
.future-art img { width:100%; height:100%; position:absolute; inset:0; object-fit:cover; }
.future-art-shade { position:absolute; inset:0; background:linear-gradient(180deg,#03080b52,transparent 25%,#03080b0a 40%,#080e12f2 100%); }
.future-card-top { position:absolute; inset:20px 20px auto; display:flex; align-items:center; justify-content:space-between; gap:12px; }
.future-status { display:inline-flex; align-items:center; border:1px solid #ffffff45; background:#111b1fe8; border-radius:100px; padding:6px 12px; color:var(--accent); font-size:.875rem; }
.future-number { color:#fff; font:500 1.2rem/1 var(--display); text-shadow:0 1px 8px #000; }
.future-card-title { position:absolute; inset:auto 25px 23px; }
.future-kicker { color:var(--accent); font:500 .875rem/1.5 var(--body); margin-bottom:8px; }
.future-card h3 { font:600 clamp(1.7rem,2.65vw,2.5rem)/1.06 var(--display); letter-spacing:-.055em; margin:0 0 14px; color:#fff; }
.concept-label { color:#d1d8d6; font-size:.8125rem; }
.future-card-copy { padding:24px; display:flex; flex-direction:column; flex:1; }
.future-card-copy p { font-size:1rem; line-height:1.65; color:#c0c9c7; margin-bottom:24px; }
.future-card-meta { display:flex; gap:14px; align-items:center; justify-content:space-between; flex-wrap:wrap; margin-top:auto; font-size:.875rem; color:var(--muted); }
.future-explore { color:var(--accent); display:flex; gap:8px; align-items:center; }
.future-note { color:var(--muted); font-size:.9375rem; line-height:1.7; margin:22px 0 0; max-width:80ch; }
.preview-back { display:inline-flex; align-items:center; gap:12px; padding-block:25px; color:var(--muted); font-size:.9375rem; }
.preview-back:hover { color:var(--accent); }
.preview-hero { display:grid; grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr); gap:clamp(28px,5vw,76px); align-items:center; padding-block:10px 56px; }
.preview-poster { margin:0; position:relative; overflow:hidden; border:1px solid var(--line); border-radius:17px; aspect-ratio:2/3; max-height:650px; background:var(--surface); }
.preview-poster img { width:100%; height:100%; display:block; object-fit:cover; }
.preview-poster figcaption { position:absolute; bottom:16px; left:16px; background:#111b1fe8; padding:6px 10px; border-radius:6px; font-size:.8125rem; color:#e3e9e6; }
.preview-eyebrow { display:flex; align-items:center; gap:16px; color:var(--muted); font-size:.9375rem; margin-bottom:28px; flex-wrap:wrap; }
.preview-intro .future-kicker { font-size:1rem; margin-bottom:12px; }
.preview-intro h1 { font-size:clamp(2.8rem,5.5vw,5.1rem); line-height:1.03; overflow-wrap:anywhere; }
.preview-lead { margin:24px 0 30px; font-size:1.125rem; line-height:1.75; color:#bdc9c4; max-width:48ch; }
.preview-facts { margin:0 0 28px; border-top:1px solid var(--line); }
.preview-facts>div { display:grid; grid-template-columns:minmax(100px,.7fr) minmax(0,1fr); gap:20px; padding:13px 0; border-bottom:1px solid var(--line); font-size:.9375rem; line-height:1.6; }
.preview-facts dt { color:var(--muted); }
.preview-facts dd { margin:0; }
.preview-button { display:inline-flex; align-items:center; justify-content:center; gap:25px; padding:15px 22px; border-radius:9px; background:var(--accent); color:#10191a; font-size:1rem; font-weight:700; }
.preview-button:hover { filter:brightness(1.1); }
.preview-availability { color:var(--muted); font-size:.875rem; line-height:1.65; margin:17px 0 0; }
.preview-sections { display:grid; grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr); gap:clamp(28px,5vw,76px); padding-block:44px; border-top:1px solid var(--line); }
.preview-sections h2,.preview-later h2 { font:500 clamp(1.7rem,2.5vw,2.25rem)/1.2 var(--display); letter-spacing:-.04em; margin-bottom:28px; }
.preview-loop ol { padding:0; margin:0; list-style:none; }
.preview-item { display:flex; gap:18px; margin:0 0 26px; }
.preview-step { color:var(--accent); font:500 1rem/1.5 var(--display); padding-top:2px; }
.preview-item h3 { font:500 1.125rem/1.45 var(--display); letter-spacing:-.02em; margin:0 0 8px; }
.preview-item p { font-size:1rem; line-height:1.75; color:#abb8b2; margin:0; }
.preview-features { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:26px; }
.preview-features .preview-item { display:block; border-top:2px solid color-mix(in srgb,var(--accent) 45%,#18241d); padding-top:18px; margin:0; }
.preview-later { padding:32px; background:var(--surface); border:1px solid var(--line); border-radius:12px; }
.preview-later h2 { font-size:1.5rem; margin-bottom:14px; }
.preview-later>p { max-width:85ch; font-size:1rem; line-height:1.75; color:#bac5c0; }
.preview-later .future-note { font-size:.9375rem; color:var(--muted); }
.preview-next { display:flex; justify-content:space-between; gap:22px; flex-wrap:wrap; padding-top:28px; }
.preview-next a { color:var(--accent); font-size:1rem; display:flex; align-items:center; gap:16px; padding-block:10px; }
.future-page a:focus-visible { outline-color:var(--accent); }
@media(max-width:1000px) {
  .future-grid { gap:16px; }
  .future-card-title { inset:auto 18px 20px; }
  .future-card-copy { padding:20px 18px; }
  .preview-features { grid-template-columns:1fr; }
}
@media(max-width:760px) {
  .future-intro .intro-note { max-width:46ch; }
  .future-grid { grid-template-columns:1fr; gap:26px; }
  .future-art { aspect-ratio:5/4; }
  .future-art img { object-position:center 53%; }
  .future-card h3 { font-size:2.5rem; }
  .future-card-title { inset:auto 24px 24px; }
  .future-card-copy { padding:23px; }
  .future-card-copy p { margin-bottom:16px; }
  .preview-hero { grid-template-columns:1fr; padding-bottom:34px; gap:28px; }
  .preview-poster { max-width:460px; width:100%; justify-self:center; max-height:540px; }
  .preview-intro h1 { font-size:clamp(2.7rem,9vw,4.5rem); }
  .preview-lead { max-width:none; }
  .preview-sections { grid-template-columns:1fr; gap:30px; padding-block:34px; }
  .preview-features { grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media(max-width:420px) {
  .future-art { aspect-ratio:4/5; }
  .future-card h3 { font-size:2.25rem; }
  .preview-facts>div { grid-template-columns:1fr; gap:4px; }
  .preview-features { grid-template-columns:1fr; }
  .preview-later { padding:24px; }
}
@media(prefers-reduced-motion:reduce) { .future-card:hover { transform:none; } }

.reveal-feature{display:grid;grid-template-columns:1.25fr 1fr;gap:32px;align-items:center;padding:32px;margin:20px 0 60px;background:radial-gradient(ellipse at 15% 50%,#1e3b32,#111e22 70%);border:1px solid #527865;border-radius:18px;color:inherit;text-decoration:none;overflow:hidden}.reveal-feature h2{font-size:clamp(30px,4vw,52px);line-height:1.1;margin:22px 0}.reveal-feature p{color:#c0d1c7;font-size:17px;line-height:1.7;max-width:480px}.reveal-feature img{width:100%;max-height:350px;object-fit:cover;object-position:center 43%;border-radius:11px}.reveal-feature:hover{border-color:#acf0c8;box-shadow:0 15px 50px #0003}.mines-study{display:grid;grid-template-columns:1.2fr 1fr;gap:45px;margin:55px 0;padding:30px;border:1px solid #344b42;border-radius:14px;background:#13231f}.mines-study p{line-height:1.75;color:#bdcfc5}.mines-study figure{margin:0;align-self:center}.mines-study-board{display:grid;grid-template-columns:repeat(7,1fr);gap:5px;padding:15px;background:#0d1915;border:1px solid #436453;border-radius:12px;max-width:350px;margin:auto}.study-tile{aspect-ratio:1;display:grid;place-items:center;border-radius:5px;font-size:clamp(14px,2vw,23px);font-weight:700;background:linear-gradient(145deg,#4b7d65,#2c5742);box-shadow:inset 0 1px #8aae96,0 3px #192e24}.study-tile.open{background:#1d332a;box-shadow:inset 0 0 0 1px #2d4d3c;color:#8cdac4}.study-tile.n2{color:#ebd795}.study-tile.n3{color:#e7a5a1}.study-tile.flag{color:#ffe7a5}.mines-study figcaption{font-size:14px;line-height:1.6;color:#b5c9bc;margin-top:15px;text-align:center}@media(max-width:700px){.reveal-feature,.mines-study{grid-template-columns:1fr;padding:22px;gap:20px}.reveal-feature img{max-height:240px}.study-tile{font-size:20px}}