/* Seasonal announcement, using the supplied original game artwork. */
.site-header .nav-links>.halloween-link{color:#f1bf76;white-space:nowrap}
.site-header .nav-links>.halloween-link[aria-current]{text-decoration:underline;text-underline-offset:6px}
.inner-page.spook-page{max-width:1000px;padding:28px 32px 42px;border:0;box-shadow:none;background:radial-gradient(ellipse at 50% 15%,#57371c45,transparent 66%)}
.spook-intro{max-width:650px;margin:16px auto 12px;text-align:center}
.spook-video-logo{display:block;width:min(480px,74%);height:auto;margin:0 auto 12px;filter:drop-shadow(0 7px 14px #0008)}
.spook-intro .spook-date{display:inline-block;padding:6px 17px;margin:0 0 17px;border:1px solid #c38b4866;border-radius:24px;color:#edc383;font-size:.9375rem}
.spook-intro h1{font-size:clamp(2rem,4.5vw,3rem);line-height:1.15;margin:0 0 13px;color:#ffdc9b}
.spook-intro .spook-lead{font-size:1.25rem;color:#e8d2b1;margin:0 0 17px}
.spook-intro>p{font-size:1.0625rem;line-height:1.8;color:#c7c5b7}
.spook-video{margin:20px 0 0}
.spook-video-stage{position:relative;aspect-ratio:1672/1060;width:100%;isolation:isolate}
.spook-video-stage .spook-video-backdrop{background:#080b09}
.spook-player{position:absolute;z-index:1;left:10%;top:50%;transform:translateY(-50%);width:80%;height:auto;aspect-ratio:16/9;border:0;background:#080b09}
.spook-video-stage .legacy-media-frame{z-index:2}
.spook-video figcaption{text-align:center;color:#a9ac9c;font-size:.875rem;line-height:1.9;margin:5px 0 0}
.spook-video figcaption a{color:#dfc083;text-underline-offset:4px}
.spook-invitation{text-align:center;font-size:1.125rem;color:#e4cb9e;margin:32px 0 0}
/* Give the longer seasonal link room before the regular mobile breakpoint. */
@media(max-width:960px){
  .nav-shell{flex-wrap:wrap;justify-content:space-between;gap:0}
  .menu-toggle{display:flex;border-color:#a18b4b55;background:none;padding:4px 12px;min-height:35px;font-size:.875rem}
  .site-header nav,.js .site-header nav{flex-basis:100%;flex-wrap:wrap;justify-content:flex-start;gap:20px;padding:14px 0 8px}
  .js .site-header nav{display:none}.js .site-header nav.is-open{display:flex}
  .site-header .nav-links{flex:1;gap:22px;justify-content:flex-start}
  .site-header nav>.login-link{margin-left:auto}
}
@media(max-width:600px){
  .site-header .nav-links{flex-basis:100%;flex-wrap:wrap;gap:10px 24px}
  .site-header .nav-links>.halloween-link{flex-basis:100%}
  .site-header nav>.login-link{margin-left:0}
  .inner-page.spook-page{width:calc(100% - 24px);padding:24px 4px 34px}
  .spook-intro{padding:0 14px}.spook-video-logo{width:82%;margin-bottom:8px}
  .spook-intro>p{font-size:1rem}.spook-intro .spook-lead{font-size:1.125rem}
  .spook-video{margin-inline:-3px}.spook-video figcaption{padding-inline:15px}
  .spook-invitation{padding-inline:18px;font-size:1rem}
}