/* Horror Planet: atmosphere layer. Loaded after styles.css and page.css. */
:root{
  --bg:#070405; --header:#050203; --surface:#110809; --elevated:#1a0c0e; --raise:#241013;
  --text:#efe5d6; --bone:#dccbb0;
  --accent:#b3121c; --accent-2:#e0393f; --accent-700:#6e0a10; --accent-800:#3e0709; --accent-900:#220406;
  --highlight:#d9b25c;
  --divider:rgba(179,18,28,.22);
  --r-sm:2px; --r-md:3px; --r-lg:4px;
  --font-head:"IM Fell English","Iowan Old Style",Georgia,serif;
  --font-display:"Pirata One","IM Fell English",Georgia,serif;
  --font-type:"Special Elite","Courier New",monospace;
  --shadow:0 0 0 1px rgba(179,18,28,.18),0 18px 40px rgba(0,0,0,.75);
  --blood:linear-gradient(180deg,#c91822 0%,#8d0b12 70%,#5e050a 100%);
}
html{background:var(--bg);scrollbar-color:#5e050a #070405}
::selection{background:#8d0b12;color:#fff}
::-webkit-scrollbar{width:10px;height:10px}
::-webkit-scrollbar-track{background:#070405}
::-webkit-scrollbar-thumb{background:linear-gradient(#6e0a10,#3e0709);border-radius:0}

/* fog, vignette and film grain */
body::before{
  background:
    radial-gradient(1200px 520px at 12% -8%,rgba(179,18,28,.26),transparent 62%),
    radial-gradient(900px 700px at 105% 22%,rgba(110,10,16,.20),transparent 60%),
    radial-gradient(1400px 600px at 50% 115%,rgba(60,8,12,.45),transparent 70%),
    radial-gradient(ellipse at center,transparent 45%,rgba(0,0,0,.72) 100%);
}
body::after{
  content:"";position:fixed;inset:-50%;pointer-events:none;z-index:60;opacity:.09;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='220' height='220'%3E%3Cfilter id='g'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 1.2 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23g)'/%3E%3C/svg%3E");
  animation:hp-grain 1s steps(6) infinite;
}
@keyframes hp-grain{0%{transform:translate(0,0)}20%{transform:translate(-3%,2%)}40%{transform:translate(2%,-3%)}60%{transform:translate(-2%,-1%)}80%{transform:translate(3%,3%)}100%{transform:translate(0,0)}}
html::after{content:"";position:fixed;inset:auto -20% -10% -20%;height:55vh;pointer-events:none;z-index:0;opacity:.35;
  background:radial-gradient(40% 60% at 25% 70%,rgba(200,190,180,.10),transparent 70%),radial-gradient(35% 55% at 70% 80%,rgba(200,190,180,.08),transparent 70%);
  filter:blur(18px);animation:hp-fog 38s ease-in-out infinite alternate}
@keyframes hp-fog{from{transform:translateX(-6%)}to{transform:translateX(6%)}}

/* type */
h1,h2,h3{font-family:var(--font-head);font-weight:400;letter-spacing:0}
h1{font-family:var(--font-display);font-weight:400;letter-spacing:.01em;text-shadow:0 0 28px rgba(179,18,28,.35),0 2px 0 #000}
h2{text-shadow:0 2px 0 #000}
.hero h1{font-size:clamp(44px,5.2vw,74px);line-height:.98}
.hero h1 em{color:var(--accent-2);text-shadow:0 0 22px rgba(224,57,63,.55),0 0 2px #000;animation:hp-flicker 7s infinite}
@keyframes hp-flicker{0%,91%,100%{opacity:1}92%{opacity:.45}93%{opacity:1}95%{opacity:.6}96%{opacity:1}}
.eyebrow,.pg-h4,.ep-span,.m-r,.cm-date span,.finder-form legend{font-family:var(--font-type);font-weight:400;letter-spacing:.14em;color:var(--highlight)}
.eyebrow::before{content:"";display:inline-block;width:18px;height:1px;background:var(--accent-2);vertical-align:middle;margin-right:10px;box-shadow:0 0 6px var(--accent-2)}
.ep-lede,.sec-lede{font-family:var(--font-head);font-style:italic;font-size:18.5px}

/* header with a dripping edge */
.top{background:linear-gradient(180deg,rgba(5,2,3,.97),rgba(9,3,4,.93));border-bottom:1px solid rgba(179,18,28,.45);box-shadow:0 1px 0 #000,0 10px 30px rgba(0,0,0,.6)}
.top::after{content:"";position:absolute;left:0;right:0;top:100%;height:22px;pointer-events:none;
  background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='600' height='22' viewBox='0 0 600 22'%3E%3Cpath fill='%238d0b12' d='M0 0H600V3L592.0 3C590.7 9.0 592.0 15.1 588.8 15.1C585.6 15.1 586.9 9.0 585.6 3L577.6 3.3L568.9 3C567.7 7.6 568.9 12.6 565.8 12.6C562.7 12.6 564.0 7.6 562.7 3L554.1 3.1L551.6 3C549.5 6.7 551.6 11.2 546.2 11.2C540.7 11.2 542.9 6.7 540.7 3L538.3 2.3L518.5 4.4L507.1 3C505.8 12.4 507.1 20.6 503.9 20.6C500.8 20.6 502.1 12.4 500.8 3L489.4 4.1L482.6 3C481.0 3.6 482.6 6.0 478.7 6.0C474.8 6.0 476.3 3.6 474.8 3L467.9 4.0L449.2 3.6L440.6 3C439.3 3.0 440.6 5.1 437.4 5.1C434.2 5.1 435.5 3.0 434.2 3L425.5 2.5L414.4 3C412.5 5.6 414.4 9.3 409.7 9.3C404.9 9.3 406.8 5.6 404.9 3L393.8 3.1L372.1 3.7L351.7 3.3L315.0 2.7L300.5 3C298.4 6.7 300.5 11.1 295.2 11.1C289.9 11.1 292.0 6.7 289.9 3L275.5 2.4L267.4 3C265.3 9.2 267.4 15.4 262.1 15.4C256.8 15.4 258.9 9.2 256.8 3L248.8 3.4L235.2 3C233.2 9.5 235.2 15.8 230.4 15.8C225.6 15.8 227.5 9.5 225.6 3L212.0 3.4L186.1 4.4L159.8 2.2L127.6 4.5L114.9 3C112.9 6.3 114.9 10.6 109.9 10.6C104.9 10.6 106.9 6.3 104.9 3L92.2 2.1L82.4 3C81.1 3.6 82.4 6.0 79.2 6.0C76.0 6.0 77.3 3.6 76.0 3L66.2 3.9L63.1 3C60.9 6.4 63.1 10.6 57.5 10.6C51.9 10.6 54.1 6.4 51.9 3L48.8 2.2L41.4 3C39.3 11.4 41.4 19.0 36.0 19.0C30.5 19.0 32.7 11.4 30.5 3L23.1 4.2L1.9 2.9L0.0 2.4L0 3Z'/%3E%3C/svg%3E") repeat-x;background-size:600px 22px;filter:drop-shadow(0 2px 2px rgba(0,0,0,.6))}
.badge{border-radius:50%;background:radial-gradient(circle at 35% 30%,#e0393f,#7a0910 70%);box-shadow:0 0 0 1px #000,0 0 22px rgba(224,57,63,.55);font-family:var(--font-display);font-size:15px;font-weight:400}
.brand-word{font:400 19px/1 var(--font-display);letter-spacing:.06em;text-transform:none}
.brand-word b{color:var(--accent-2);font-weight:400;text-shadow:0 0 12px rgba(224,57,63,.5)}
.nav{gap:16px}
.nav a{font-family:var(--font-type);font-size:12.5px;letter-spacing:.01em;white-space:nowrap}
.nav a:hover{color:#fff;text-shadow:0 0 10px rgba(224,57,63,.8)}

/* buttons */
.btn{border-radius:2px;font-family:var(--font-type);font-weight:400;letter-spacing:.06em;text-transform:uppercase;font-size:13.5px}
.btn-primary{background:var(--blood);border:1px solid #2a0204;box-shadow:inset 0 1px 0 rgba(255,150,150,.25),inset 0 -6px 12px rgba(0,0,0,.35),0 6px 22px rgba(179,18,28,.4);text-shadow:0 1px 0 rgba(0,0,0,.5)}
.btn-primary:hover{box-shadow:inset 0 1px 0 rgba(255,170,170,.35),0 0 0 1px rgba(224,57,63,.6),0 0 28px rgba(224,57,63,.65);animation:hp-jolt .25s}
.btn-secondary{background:rgba(0,0,0,.35);border-color:rgba(220,203,176,.32)}
.btn-secondary:hover{border-color:var(--accent-2);box-shadow:0 0 18px rgba(179,18,28,.35)}
@keyframes hp-jolt{0%,100%{transform:translate(0)}25%{transform:translate(-1px,1px)}50%{transform:translate(1px,-1px)}75%{transform:translate(-1px,0)}}

/* panels and cards: aged, scratched, lit from below */
.hero-panel,.era-panel,.finder,.galaxy-box,.coming-hero,.unlock-bar,.pg-links li,.pg-cards li,.tier,.reserve,.stats div,.packs>li,.d-toc,.pw-box,.m-list a,.m-soon,.d-promo,.g-list li,.g-stats div,.g-join,.fnd,.gift,.fr-link,.trk,.yr-stat,.yr-card,.yr-badges li,.ref-box,.st-pick,.master,.cm,.fpick,.era-tab,.pcard,.chips li,.search,.m-status,.pg-hit{
  border-radius:3px;border-color:rgba(179,18,28,.22);
  background-image:linear-gradient(180deg,rgba(255,255,255,.015),rgba(0,0,0,.25)),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='300' height='300'%3E%3Cfilter id='s'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.012 .9' numOctaves='2' seed='4'/%3E%3CfeColorMatrix values='0 0 0 0 .8 0 0 0 0 .7 0 0 0 0 .6 0 0 0 .5 -.2'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23s)' opacity='.25'/%3E%3C/svg%3E");
  box-shadow:inset 0 0 0 1px rgba(0,0,0,.6),inset 0 -40px 60px -40px rgba(110,10,16,.35),0 12px 30px rgba(0,0,0,.55)}
.master:hover,.cm:hover,.fpick:hover,.pg-links li:hover,.pg-cards li:hover,.g-list li:hover{border-color:rgba(224,57,63,.6);box-shadow:inset 0 0 0 1px rgba(0,0,0,.6),0 0 26px rgba(179,18,28,.35)}

/* posters: framed like old lobby cards */
.pcard{background-color:#0b0506;border:1px solid #2a0a0d;padding:0}
.pcard .art{position:relative}
.pcard .art::after{content:"";position:absolute;inset:0;pointer-events:none;box-shadow:inset 0 0 40px rgba(0,0,0,.85),inset 0 0 0 1px rgba(255,255,255,.04);background:linear-gradient(180deg,transparent 60%,rgba(40,0,4,.55))}
.pcard .art img{filter:saturate(.8) contrast(1.12) sepia(.12);transition:filter .4s,transform .6s}
.pcard:hover{transform:translateY(-4px) rotate(-.4deg);border-color:var(--accent-2);box-shadow:0 0 0 1px rgba(224,57,63,.35),0 0 34px rgba(179,18,28,.45),0 16px 30px rgba(0,0,0,.7)}
.pcard:hover .art img{filter:saturate(1.05) contrast(1.15) sepia(0);transform:scale(1.04)}
.pcard .cap b{font-family:var(--font-head);font-size:15px}
.pcard .cap span,.pcard .cap .yr{font-family:var(--font-type);font-size:11.5px}

/* hero gets a slow lightning flash */
.hero-panel{border:1px solid rgba(179,18,28,.35)}
.hero-panel::before{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background:radial-gradient(120% 70% at 70% 0%,rgba(210,220,255,.35),transparent 60%);opacity:0;animation:hp-lightning 13s infinite}
@keyframes hp-lightning{0%,88%,100%{opacity:0}89%{opacity:.9}90%{opacity:.1}91.5%{opacity:.6}93%{opacity:0}}

/* tonight bar */
.tonight{background:linear-gradient(90deg,rgba(34,4,6,.96),rgba(7,4,5,.96) 40%);border-color:rgba(179,18,28,.35)}
.tonight-txt b{font-family:var(--font-type);font-weight:400;letter-spacing:.06em;text-transform:uppercase;color:var(--highlight)}
.tonight-play{background:var(--blood);border-color:#2a0204;animation:hp-pulse 2.6s infinite}
@keyframes hp-pulse{0%,100%{box-shadow:0 0 0 0 rgba(224,57,63,.5)}50%{box-shadow:0 0 0 8px rgba(224,57,63,0)}}

/* sections: torn red rule above each heading block */
.sec>.wrap>h2:first-of-type,.sec h2:first-child{position:relative}
.sec{position:relative}
.sec::before{content:"";display:block;max-width:var(--maxw);height:1px;margin:0 auto 64px;
  background:linear-gradient(90deg,transparent,rgba(179,18,28,.7) 20%,rgba(224,57,63,.9) 50%,rgba(179,18,28,.7) 80%,transparent);box-shadow:0 0 12px rgba(224,57,63,.45)}
.sec:first-of-type::before{display:none}

/* pills and tabs */
.genre-pills button,.coming-filter button,.seg button,.ep-films button,.rf-opt,.chips li,.fwall li{border-radius:2px}
.genre-pills button.on,.coming-filter button.on,.seg button.on{background:var(--accent-800);border-color:var(--accent-2);box-shadow:0 0 14px rgba(179,18,28,.35)}
.era-tab[aria-selected="true"]{box-shadow:0 0 0 1px var(--accent-2),0 0 22px rgba(179,18,28,.45)}
.count div{border-radius:2px;border-color:rgba(179,18,28,.4);background:#0a0304}
.count b{font-family:var(--font-display);font-size:28px;color:var(--accent-2);text-shadow:0 0 12px rgba(224,57,63,.5)}
.cm-date b,.cm-days b,.nu-t{font-family:var(--font-display);font-weight:400}

/* timelines: blood drops instead of dots */
[class*="tl"] li::before,.tier li::before,.st-points li::before{border-radius:50% 0 50% 50% !important;transform:rotate(-45deg);background:radial-gradient(circle at 35% 35%,#ff5a60,#8d0b12 70%) !important;box-shadow:0 0 8px rgba(224,57,63,.6)}

/* inputs */
input[type=email],input[type=text],input[type=search],textarea,select{border-radius:2px !important}
input[type=email]:focus,input[type=text]:focus,textarea:focus{outline:none;border-color:var(--accent-2) !important;box-shadow:0 0 0 1px var(--accent-2),0 0 18px rgba(179,18,28,.4)}

/* page art and big film titles */
.pg-art{border-radius:3px;box-shadow:0 0 0 1px #2a0a0d,0 0 60px rgba(110,10,16,.45),0 24px 40px rgba(0,0,0,.8)}

/* footer */
.foot{position:relative;border-top:1px solid rgba(179,18,28,.45);background:linear-gradient(180deg,#0a0304,#030102)}
.foot::before{content:"";position:absolute;left:0;right:0;top:0;height:16px;pointer-events:none;
  background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='500' height='20' viewBox='0 0 500 20'%3E%3Cpath fill='%236e0a10' d='M0 0H500V3L474.2 4.3L464.7 3C463.3 7.7 464.7 12.8 461.2 12.8C457.6 12.8 459.1 7.7 457.6 3L448.1 3.3L417.8 2.2L411.9 3C409.9 9.7 411.9 16.1 406.8 16.1C401.7 16.1 403.8 9.7 401.7 3L395.9 2.1L356.3 3.6L345.9 3C344.1 2.5 345.9 4.2 341.3 4.2C336.7 4.2 338.6 2.5 336.7 3L326.3 2.1L321.2 3C319.5 2.7 321.2 4.5 316.9 4.5C312.5 4.5 314.2 2.7 312.5 3L307.4 3.1L293.9 3C292.1 8.2 293.9 13.6 289.4 13.6C284.9 13.6 286.7 8.2 284.9 3L271.5 3.7L264.5 3C262.1 11.4 264.5 19.0 258.5 19.0C252.5 19.0 254.9 11.4 252.5 3L245.6 4.1L233.3 3C231.7 4.5 233.3 7.4 229.4 7.4C225.5 7.4 227.1 4.5 225.5 3L213.2 2.2L200.4 3C198.7 10.0 200.4 16.7 196.2 16.7C192.1 16.7 193.7 10.0 192.1 3L179.3 4.4L167.0 3C164.7 4.3 167.0 7.1 161.2 7.1C155.5 7.1 157.8 4.3 155.5 3L143.2 3.2L128.4 3C126.4 3.1 128.4 5.1 123.5 5.1C118.6 5.1 120.6 3.1 118.6 3L103.7 3.9L99.1 3C96.8 5.4 99.1 9.0 93.2 9.0C87.3 9.0 89.7 5.4 87.3 3L82.7 3.9L77.4 3C76.1 3.3 77.4 5.5 74.2 5.5C71.0 5.5 72.3 3.3 71.0 3L65.7 4.0L47.0 3.1L28.1 2.3L0.0 3.1L0 3Z'/%3E%3C/svg%3E") repeat-x;background-size:500px 20px}

/* links in body copy */
main p a:not(.btn){text-decoration:underline;text-decoration-color:rgba(224,57,63,.45);text-underline-offset:3px}
main p a:not(.btn):hover{text-decoration-color:var(--accent-2);text-shadow:0 0 8px rgba(224,57,63,.5)}

@media (max-width:760px){
  .hero h1{font-size:clamp(40px,11vw,56px)}
  .brand-word{font-size:17px}
  .sec::before{margin-bottom:44px}
}
@media (prefers-reduced-motion:reduce){
  body::after,html::after,.hero h1 em,.hero-panel::before,.tonight-play{animation:none}
  .hero-panel::before{opacity:0}
}

/* type posters: pulp one-sheets instead of flat gradients */
.tposter{background:#090304;box-shadow:inset 0 0 70px rgba(0,0,0,.95)}
.tposter::before{opacity:.42;filter:saturate(.6);background:radial-gradient(90% 60% at 50% 18%,var(--c2,#7d1d23),transparent 72%),linear-gradient(180deg,transparent 45%,rgba(120,8,14,.55) 100%)}
.tposter::after{opacity:.7;mix-blend-mode:normal;background-image:
  radial-gradient(ellipse at center,transparent 40%,rgba(0,0,0,.85) 100%),
  url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='300'%3E%3Cfilter id='k'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.004 .6' numOctaves='2' seed='9'/%3E%3CfeColorMatrix values='0 0 0 0 1 0 0 0 0 .9 0 0 0 0 .8 0 0 0 .9 -.45'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23k)'/%3E%3C/svg%3E"),
  url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.3'/%3E%3C/svg%3E")}
.tp-yr{font-family:var(--font-type);font-weight:400;color:var(--highlight)}
.tp-t{font-family:var(--font-display);font-size:clamp(22px,2vw,30px);line-height:.95;color:#f3e6d2;text-shadow:0 0 18px rgba(224,57,63,.55),0 2px 0 #000;letter-spacing:.01em}
.tp-d{font-family:var(--font-type);color:rgba(220,203,176,.75)}
.tp-mark{font-family:var(--font-display);font-size:170px;color:rgba(179,18,28,.16);right:-10px;bottom:-40px}

/* numbers read best in the display face (IM Fell uses old-style figures) */
.obs-stats b,.tier-price b,.stats b,.g-stats b,.fnd-t b,.yr-stat b,ol.g-list li::before,.cm-date b{font-family:var(--font-display);font-weight:400;letter-spacing:.01em}
.obs-stats b,.stats b,.g-stats b{color:var(--highlight);text-shadow:0 0 16px rgba(217,178,92,.25)}
.st-copy h1{font-family:var(--font-display);font-weight:400}
.brand-word{white-space:nowrap}
.fnd-t b span{font:inherit;color:var(--accent-2)}
@media (max-width:760px){.top-cta .btn{padding:10px 12px;font-size:11.5px;letter-spacing:.03em}}