/* Haunted America - "Almanac of the Gods" look. Loaded after style.css; delete this file's <link> to get the original look back. */
:root{--bg:#111318;--panel:#191c23;--panel2:#1f232c;--line:#2d313a;--ink:#e7e1d3;--mute:#a19b8d;--amber:#d2ab52;--hero:#0b0c10;--hero-ink:#ece6d8;--hero-muted:#a9a393;
--serif:"Marcellus SC","Trajan Pro",Georgia,serif;--sans:"Spectral",Georgia,"Times New Roman",serif;--mono:"JetBrains Mono",ui-monospace,Menlo,Consolas,monospace}
html,body{font:17px/1.6 var(--sans);-webkit-font-smoothing:antialiased}
body{background:var(--bg)}
h1,h2,h3{font-family:var(--serif);letter-spacing:.02em}

/* banner */
.ghero{background:var(--hero);color:var(--hero-ink);position:relative;overflow:hidden;padding:44px 0 34px}
.ghero::before{content:"";position:absolute;inset:0;opacity:.55;pointer-events:none;background-image:
 radial-gradient(1px 1px at 12% 22%,#fff 50%,transparent 51%),radial-gradient(1px 1px at 28% 68%,#fff 50%,transparent 51%),
 radial-gradient(1.5px 1.5px at 44% 18%,#fff 50%,transparent 51%),radial-gradient(1px 1px at 61% 52%,#fff 50%,transparent 51%),
 radial-gradient(1px 1px at 73% 14%,#fff 50%,transparent 51%),radial-gradient(1.5px 1.5px at 86% 61%,#fff 50%,transparent 51%),
 radial-gradient(1px 1px at 93% 30%,#fff 50%,transparent 51%),radial-gradient(1px 1px at 6% 80%,#fff 50%,transparent 51%),
 radial-gradient(1px 1px at 52% 88%,#fff 50%,transparent 51%),radial-gradient(1px 1px at 36% 40%,#fff 50%,transparent 51%)}
.ghero::after{content:"";position:absolute;right:-120px;top:-120px;width:420px;height:420px;border-radius:50%;
 border:1px solid rgba(210,171,82,.28);box-shadow:0 0 0 38px rgba(210,171,82,.05),0 0 0 39px rgba(210,171,82,.18);pointer-events:none}
.hwrap{position:relative;max-width:1200px;margin:0 auto;padding:0 24px}
.kicker{font-family:var(--mono);font-size:.72rem;letter-spacing:.18em;text-transform:uppercase;color:#d2ab52;margin-bottom:14px}
.ghero h1{font-family:var(--serif);font-weight:400;font-size:clamp(2.6rem,7vw,5.2rem);line-height:1;letter-spacing:.04em;margin:0}
.ghero h1 a{color:inherit;text-decoration:none}
.ghero .sub{font-style:italic;color:var(--hero-muted);font-size:1.1rem;max-width:620px;margin:14px 0 0}
.ghero .stats{display:flex;flex-wrap:wrap;gap:8px 22px;margin-top:20px;font-family:var(--mono);font-size:.76rem;color:var(--hero-ink)}
.ghero-sm{padding:30px 0 24px}.ghero-sm h1{font-size:clamp(2rem,5vw,3.2rem)}

/* tabs */
.tabsbar{position:sticky;top:0;z-index:20;background:var(--bg);border-bottom:1px solid var(--line)}
.tabsbar nav{max-width:1200px;margin:0 auto;padding:0 12px;gap:0;flex-wrap:nowrap;overflow-x:auto}
.tabsbar nav button{background:none;border:0;border-bottom:2px solid transparent;border-radius:0;color:var(--mute);
 font-family:var(--serif);font-size:1rem;font-weight:400;letter-spacing:.06em;padding:14px 12px 12px;white-space:nowrap}
.tabsbar nav button:hover{color:var(--ink)}
.tabsbar nav button.on{background:none;color:var(--ink);border-bottom-color:var(--amber)}

/* panels */
.mapwrap,.card,.feature .fitem,.facts,.stbtn,dialog,.gallery figure,.place .hero,#q{border-radius:4px}
.mapwrap{background:radial-gradient(ellipse at 50% 45%,#1a2033 0%,#0b0c10 70%)}
.card:hover{border-color:#4a4f5c}
.thumb,.place .hero{background-color:#151820}
.thumb.none{background:linear-gradient(135deg,#161920,#222733)}.thumb.none span{color:#4a5060}
.rank{font-family:var(--mono);font-weight:500}
.feature .num{font-family:var(--serif)}
.card .g{color:#c9c2b3}
.place .legend-text{font-family:var(--sans);font-style:italic;color:#ece6d8}
.facts dt,.small,.credit{font-family:var(--mono);letter-spacing:.06em}
.facts dt{font-size:11px}
nav button,.back,.ghost,.mapctl button,.chip,.btn,.stbtn,#q,dialog input:not([type=checkbox]),dialog textarea,dialog button[type=submit]{font-family:var(--sans)}
.zbtns button{border-radius:4px;background:#0b0c10cc}

/* map */
.state{fill:#232833;stroke:#0b0c10}.state:hover{fill:#363d4c}.state.sel{fill:#2f3644}
.state.t30{fill:#2f3542}.state.t20{fill:#292e3a}.state.t10{fill:#232833}
.stlabel{fill:#d4cdbd;font-family:var(--mono);font-weight:500;stroke:#0b0c10}
.pin{stroke:#0b0c10}.pinlabel{stroke:#0b0c10}

@media (max-width:760px){.ghero{padding:30px 0 24px}.hwrap{padding:0 16px}.ghero .stats{gap:6px 16px}}