/* fan/six-flags.css: /worlds/six-flags/ only.

   A skyline of lift hills at dusk, drawn as line rather than as mass: from
   the car park a steel coaster is a drawing, not a silhouette, and that is
   the difference between this chain and the two themed parks on this site. */

body[data-fan="sixflags"] { --a: #e03a3a; }

/* ── the backdrop ── */
.sf-sky {
  position: fixed; inset: 0; z-index: 0; pointer-events: none; overflow: hidden;
  background: linear-gradient(180deg, #1c1230 0%, #241432 30%, #150e22 62%, #06060c 100%);
}

.sf-glow {
  position: absolute; inset: 0;
  background:
    radial-gradient(36% 26% at 26% 24%, rgba(224,58,58,.20), transparent 72%),
    radial-gradient(40% 26% at 74% 30%, rgba(60,110,220,.14), transparent 72%);
}

.sf-park { position: absolute; inset: auto 0 0 0; height: 58%; }

.sf-park svg { position: absolute; inset: 0; width: 100%; height: 100%; }

.sfp-track path {
  fill: none; stroke: #e04a4a; stroke-width: 5; stroke-linecap: round; stroke-linejoin: round;
  filter: drop-shadow(0 0 8px rgba(224,74,74,.35));
}

.sfp-legs path { fill: none; stroke: #3a2a52; stroke-width: 3; }

.sfp-ground { fill: #100a1a; }

/* ── hero ── */
body[data-fan="sixflags"] .fan-title {
  font-family: "Arial Narrow", Impact, Haettenschweiler, sans-serif;
  font-weight: 700; text-transform: uppercase; letter-spacing: 0.08em;
  transform: skewX(-8deg);
  text-shadow: 0 0 28px rgba(224,58,58,.4);
}

/* ── the lift hill ── */
.sf-art { padding: 0 var(--gutter); max-width: var(--maxw); margin: 2.6rem 0 0; }

.sf-art svg { display: block; width: min(460px, 100%); margin-inline: auto; }

.sfa-rail {
  fill: none; stroke: #e04a4a; stroke-width: 7; stroke-linecap: round; stroke-linejoin: round;
  filter: drop-shadow(0 0 12px rgba(224,74,74,.4));
}

.sfa-ties path { fill: none; stroke: #4a3a68; stroke-width: 4; }

.sfa-train rect { fill: #f0e6d8; }

.sfa-ground { fill: #1a1226; }

.sf-art figcaption {
  margin-top: 0.9rem; text-align: center;
  font-family: var(--mono); font-size: 0.6rem; letter-spacing: 0.16em;
  text-transform: uppercase; color: var(--mute);
}