/* Forecast: Catastrophe game page (V19c). Uses the site's tokens; the warm yellow comes from the game's own key art. */
.fc-hero{aspect-ratio:16/9}
.fc-hero picture{display:contents}
.fc-hero img{width:100%;height:100%;object-fit:cover;display:block}
.fc-section{margin-top:110px}
.fc-section .section-head{margin-bottom:34px}

/* weather powers */
.fc-powers{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:16px}
.fc-power{position:relative;display:flex;flex-direction:column;padding:26px 22px 22px;border:1px solid var(--line);border-radius:14px;
  background:linear-gradient(180deg,rgba(18,34,52,.86),rgba(8,17,29,.92));overflow:hidden}
.fc-power:before{content:"";position:absolute;left:0;right:0;top:0;height:3px;background:var(--fc-c)}
.fc-sun{--fc-c:#f6c445}.fc-rain{--fc-c:#6fb6ee}.fc-wind{--fc-c:#a9c7dd}.fc-bolt{--fc-c:#f0b429}.fc-frog{--fc-c:#7fcf7a}
.fc-power-head{display:flex;align-items:baseline;justify-content:space-between;gap:10px;margin-bottom:16px}
.fc-power h3{margin:0;font-size:21px;letter-spacing:.04em;text-transform:uppercase;color:#f6f8fe}
.fc-power-head span{font-size:12px;color:#93a6b8;font-variant-numeric:tabular-nums}
.fc-k{margin:12px 0 6px;font-size:10px;font-weight:700;letter-spacing:.18em;text-transform:uppercase}
.fc-help{color:#86d98f}.fc-hurt{color:#f29a7c}
.fc-power ul{list-style:none;margin:0;padding:0}
.fc-power li{font-size:14px;line-height:1.55;color:#d5dfea;padding-left:16px;position:relative;margin:3px 0}
.fc-power ul li:before{position:absolute;left:0;color:#7f93a6}
.fc-help + ul li:before{content:"+"}
.fc-hurt + ul li:before{content:"–"}
.fc-power blockquote{margin:auto 0 0;padding-top:20px;border-top:1px solid var(--line);margin-top:22px;
  font-family:Georgia,"Times New Roman",serif;font-style:italic;font-size:15px;line-height:1.5;color:#e9eef6}
.fc-note{margin:14px 0 0;font-size:12px;color:var(--muted)}

/* Nimbus + the Valley */
.fc-split{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:56px;align-items:center}
.fc-split-rev .fc-split-art{order:2}
.fc-split-art{margin:0}
.fc-split-art a{display:block;border-radius:14px;overflow:hidden;border:1px solid var(--line);background:#0b1521}
.fc-split-art img{display:block;width:100%;height:auto;transition:transform .5s ease}
.fc-split-art a:hover img,.fc-split-art a:focus-visible img{transform:scale(1.02)}
.fc-split-art a:focus-visible{outline:3px solid #cbeeff;outline-offset:4px}
.fc-split-art figcaption{color:var(--muted);font-size:12px;margin-top:12px}
.fc-split-copy h2{margin:14px 0 8px}
.fc-lede{font-size:18px;color:#f6c445;margin:0 0 22px}
.fc-facts{list-style:none;margin:0;padding:0;display:grid;gap:14px}
.fc-facts li{font-size:15px;line-height:1.65;color:#d5dfea;padding:14px 0;border-top:1px solid var(--line)}
.fc-facts strong{color:#f6f8fe;font-weight:650}
.fc-regions{margin:0;display:grid;grid-template-columns:1fr 1fr;gap:0 28px}
.fc-regions div{padding:13px 0;border-top:1px solid var(--line)}
.fc-regions dt{font-size:11px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:#f6f8fe;margin-bottom:5px}
.fc-regions dd{margin:0;font-size:14px;line-height:1.55;color:#c7d3df}

/* gallery: 14 screenshots + the weather powers sheet (Nimbus and Valley sheets open from their sections) */
.fc-gallery{grid-template-columns:repeat(5,minmax(0,1fr));gap:16px}
.fc-gallery img{aspect-ratio:16/9;object-fit:cover;width:100%;height:auto}

@media (max-width:1100px){
  .fc-powers{grid-template-columns:repeat(3,minmax(0,1fr))}
  .fc-gallery{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media (max-width:900px){
  .fc-split{grid-template-columns:1fr;gap:28px}
  .fc-split-rev .fc-split-art{order:0}
  .fc-section{margin-top:80px}
}
@media (max-width:640px){
  .fc-powers{grid-template-columns:1fr}
  .fc-regions{grid-template-columns:1fr}
  .fc-gallery{grid-template-columns:1fr 1fr;gap:12px}
  .fc-gallery figcaption{font-size:11px}
}
@media (prefers-reduced-motion:reduce){ .fc-split-art img{transition:none} }