/* October is a quiet seasonal layer. Scope it to the store so operational,
   account, rules and privacy screens retain their familiar appearance. */
#shop.spooktober-season{
  --spook-amber:#efad70;
  --spook-rgb:239 173 112;
  --spook-cream:#ffddb4;
  --spook-violet:#bfa4e8;
  --accent:var(--spook-amber);
  --accent-light:#ffe4cb;
}

/* A small campaign signature, not a second hero. No looping decoration. */
.spook-campaign{
  position:relative;isolation:isolate;display:grid;
  grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);
  align-items:center;gap:20px;width:100%;max-width:var(--catalog-width,1240px);
  margin:13px auto 0;padding:12px 32px;min-height:76px;
  overflow:hidden;border:1px solid #b47d442b;border-radius:10px;
  background:radial-gradient(ellipse at 50% 150%,#ad672820,transparent 68%),linear-gradient(105deg,#19130fba,#16101dc9);
}
.spook-campaign::after{
  content:'';position:absolute;left:25%;right:25%;bottom:0;height:1px;
  background:linear-gradient(90deg,transparent,#eeb27677,transparent);pointer-events:none;
}
.spook-campaign-ornament{
  position:absolute;inset:0;z-index:-1;width:100%;height:100%;
  fill:none;stroke:#edbb8730;stroke-width:.8;pointer-events:none;
}
.spook-campaign-ornament .spook-bat{fill:#ce997944;stroke:none}
.spook-campaign-kicker{
  display:flex;align-items:center;gap:9px;margin:0;color:#c6a986;
  font-size:.625rem;font-weight:750;line-height:1.5;letter-spacing:.19em;
}
.spook-campaign-kicker>span{width:19px;height:1px;background:#d99a65;flex:none}
.spook-campaign-name{display:flex;align-items:center;justify-content:center;gap:10px;min-width:0}
.spook-moon{width:35px;height:35px;fill:#e8ab70;filter:drop-shadow(0 0 9px #e2944630)}
#spook-campaign-title{
  margin:0;color:#f3c796;font-family:Goodlife,'Arial Black','Segoe UI',sans-serif;
  font-size:2.375rem;font-weight:400;line-height:1.1;letter-spacing:.035em;
  text-shadow:0 0 23px #c982291c;
}
.spook-campaign-description{
  justify-self:end;margin:0;text-align:right;color:#b6a9b8;
  font-size:.6875rem;line-height:1.6;letter-spacing:.01em;
}
.spook-campaign-description strong{color:#d1bacd;font-weight:600}

/* Existing layout owns all card dimensions and viewport fitting. */
#shop.spooktober-season .hero{border-bottom-color:#ba8c622c}
#shop.spooktober-season .hero-copy .eyebrow{color:#c7a482}
#shop.spooktober-season .hero-copy .eyebrow>span{background:#d99b60;box-shadow:0 0 18px #e29a5335}
#shop.spooktober-season .hero-description{color:#beb0c4}
#shop.spooktober-season .hero-description strong{color:#f6dfc4;text-shadow:none}
#shop.spooktober-season .account-orbit-track{stroke:#cb90621c}
#shop.spooktober-season .account-orbit-light{stroke:#dca67570;filter:drop-shadow(0 0 5px #d7975240)}
#shop.spooktober-season .hero-account::before{background:radial-gradient(ellipse,#ad79b916,transparent 67%)}
#shop.spooktober-season .store-meta .status.closed{background:#201820;border-color:#70546c66;color:#d0bccc}
#shop.spooktober-season #products .product-card{
  border-color:#8f695239;
  background:linear-gradient(155deg,#211a21,#110f16 75%);
  box-shadow:0 10px 30px #0003;
}
#shop.spooktober-season #products .artwork{background:#17121a}
#shop.spooktober-season #products .product-info{background:linear-gradient(125deg,#c27c3010,transparent 70%)}
#shop.spooktober-season #products .courtesy>span{color:#b9a1b0}
#shop.spooktober-season #products .purchase-link{color:#d9b99c;text-decoration-color:#c18d6355}
#shop.spooktober-season #products .purchase-link:hover{color:#ffe2bf;text-decoration-color:#e7b689}
#shop.spooktober-season #products .inventory-label{color:#baacbb}
#shop.spooktober-season #products .inventory-label strong{color:#ede3ed}
#shop.spooktober-season #products .card-purchase{border-color:#b4815730}
#shop.spooktober-season #products .choose-tickets{
  color:#1c1520;
  background:color-mix(in srgb,var(--season-color,var(--spook-amber)) 76%,#f6e7df);
  border-color:rgb(var(--season-rgb,var(--spook-rgb))/.45);
  box-shadow:inset 0 1px #fff2;
}
#shop.spooktober-season #products .choose-tickets:hover:not(:disabled){background:var(--season-color,var(--spook-cream));box-shadow:0 0 18px rgb(var(--season-rgb,var(--spook-rgb))/.2)}
#shop.spooktober-season #products .choose-tickets:focus-visible{outline-color:var(--season-color,var(--spook-cream))}
#shop.spooktober-season #products .stock-meter{background:rgb(var(--season-rgb,var(--spook-rgb))/.13)}
#shop.spooktober-season #products .stock-meter::-webkit-meter-bar{background:rgb(var(--season-rgb,var(--spook-rgb))/.13)}
#shop.spooktober-season #products .stock-meter::-webkit-meter-optimum-value,
#shop.spooktober-season #products .stock-meter::-webkit-meter-suboptimum-value,
#shop.spooktober-season #products .stock-meter::-webkit-meter-even-less-good-value{background:linear-gradient(90deg,color-mix(in srgb,var(--season-color,var(--spook-amber)) 60%,#433540),var(--season-color,var(--spook-amber)))}
#shop.spooktober-season #products .stock-meter::-moz-meter-bar{background:linear-gradient(90deg,color-mix(in srgb,var(--season-color,var(--spook-amber)) 60%,#433540),var(--season-color,var(--spook-amber)))}
#shop.spooktober-season #products .preview-badge{background:#211620eb;color:#ffe0c1;border-color:#c49b7970}

/* The monthly LG deserves a clean spotlight at the catalog's normal scale. */
#shop.spooktober-season #featured-products:has(.spook-monthly){max-width:var(--catalog-width,1240px);padding:12px 0 14px}
#shop .rare-drop.spook-monthly{
  grid-template-columns:minmax(220px,.78fr) minmax(0,1.22fr);min-height:314px;
  border-color:#c748704d;border-radius:10px;
  background:radial-gradient(ellipse at 23% 68%,#a5003429,transparent 48%),linear-gradient(115deg,#241018,#180e16 65%,#190d16);
  box-shadow:0 9px 30px #0003,inset 0 1px #fff5f305;
}
#shop .spook-monthly::before{background:linear-gradient(100deg,transparent 45%,#e590b008)}
#shop .spook-monthly::after{border-color:#e88dad80;opacity:.4}
#shop .spook-monthly:is(:hover,:focus-within){border-color:#d96d9294;box-shadow:0 10px 35px #0005,0 0 25px #a5003426}
#shop .spook-monthly .rare-drop-atmosphere,
#shop .spook-monthly .rare-drop-platform,
#shop .spook-monthly .rare-drop-scan{display:none}
#shop .spook-monthly .rare-drop-art,
#shop .spook-monthly .rare-drop-art:hover:not(:disabled){
  min-height:314px;height:100%;padding:14px 26px 20px;border-radius:9px 0 0 9px;
  background:transparent;box-shadow:none;
}
/* Branded light stage: every layer remains behind the sharp product cutout. */
#shop .spook-monthly .rare-drop-art::before{
  inset:5% 3%;opacity:.78;
  background:radial-gradient(ellipse at 38% 48%,#c4205b65,transparent 57%),radial-gradient(ellipse at 66% 55%,#f185af38,transparent 54%);
  animation:spook-monitor-aura 7s ease-in-out infinite paused;
}
#shop .spook-monthly .rare-drop-art::after{
  content:'';position:absolute;z-index:0;left:50%;top:49%;width:75%;max-width:340px;aspect-ratio:1;
  border-radius:50%;pointer-events:none;
  background:radial-gradient(circle,transparent 43%,#c4205b28 61%,#ee709426 66%,transparent 72%);
  transform:translate(-50%,-50%);opacity:.8;
}
#shop .spook-monthly[data-season-visible=true] .rare-drop-art::before{animation-play-state:running}
@keyframes spook-monitor-aura{0%,100%{opacity:.6;transform:scale(.96)}50%{opacity:1;transform:scale(1.055)}}
.lg-light-stage{display:none}
#shop .spook-monthly .lg-light-stage{position:absolute;display:block;z-index:1;inset:0;pointer-events:none;user-select:none;overflow:hidden;contain:paint}
#shop .spook-monthly .lg-stage-halo{position:absolute;left:50%;top:47%;width:100%;max-width:440px;height:100%;transform:translate(-50%,-50%);overflow:visible;fill:none}
#shop .spook-monthly .lg-stage-track{stroke:#e3769b30;stroke-width:1}
#shop .spook-monthly .lg-stage-arc{transform-origin:200px 151px;stroke-linecap:round;animation-play-state:paused}
#shop .spook-monthly .lg-stage-arc--outer{stroke:#f397b9;stroke-width:2.5;stroke-dasharray:.23 .12 .08 .57;filter:drop-shadow(0 0 4px #f74585) drop-shadow(0 0 9px #cd1b5755);opacity:.74;animation:spook-lg-orbit 36s linear infinite paused}
#shop .spook-monthly .lg-stage-arc--inner{stroke:#c04772;stroke-width:1;stroke-dasharray:.16 .23 .05 .56;opacity:.65;animation:spook-lg-orbit 48s linear infinite reverse paused}
#shop .spook-monthly .lg-stage-charge{stroke:#fff1f7;stroke-width:3;stroke-linecap:round;stroke-dasharray:.09 .91;stroke-dashoffset:.12;filter:drop-shadow(0 0 5px #f53a7e);opacity:0;transform-origin:200px 151px;animation:none}
#shop .spook-monthly .lg-stage-plinth{position:absolute;left:12%;right:12%;bottom:9%;height:14%;border:1px solid #dc5d8772;border-radius:50%;background:radial-gradient(ellipse,#fb94b45a,#bf1b4929 48%,transparent 68%);box-shadow:0 9px 21px -9px #ed3d7c90,inset 0 1px #ffe0ec35;transform:scaleY(.65);opacity:.7;animation:spook-lg-plinth 7s ease-in-out infinite paused}
#shop .spook-monthly .lg-stage-rays{position:absolute;left:2%;right:2%;top:4%;bottom:8%;background:conic-gradient(from 210deg at 50% 66%,transparent 0 21deg,#f473a21f 24deg,transparent 28deg 76deg,#ef528324 79deg,transparent 84deg 240deg,#f4a0c21c 244deg,transparent 250deg);mask-image:radial-gradient(ellipse,#000 36%,transparent 73%);opacity:0;transform:scale(.6);animation:none}
#shop .spook-monthly[data-season-visible=true] :is(.lg-stage-arc,.lg-stage-plinth){animation-play-state:running}
#shop .spook-monthly[data-season-visible=true][data-season-active=true] .lg-stage-charge{animation:spook-lg-charge 2.8s cubic-bezier(.2,.7,.2,1) both}
#shop .spook-monthly[data-season-visible=true][data-season-active=true] .lg-stage-rays{animation:spook-lg-rays 2.4s cubic-bezier(.16,1,.3,1) both}
#shop .spook-monthly[data-season-active=true] .lg-stage-arc--outer{stroke:#ffd4e7;opacity:.95}
#shop .spook-monthly[data-season-active=true] .lg-stage-plinth{border-color:#ef8cb284;box-shadow:0 9px 22px -8px #ed3d7c80,inset 0 1px #ffe0ec50}
@keyframes spook-lg-orbit{from{stroke-dashoffset:.08}to{stroke-dashoffset:-.92}}
@keyframes spook-lg-plinth{0%,100%{opacity:.5;transform:scaleY(.65) scaleX(.96)}50%{opacity:.85;transform:scaleY(.7) scaleX(1.045)}}
@keyframes spook-lg-charge{0%{opacity:0;stroke-dashoffset:.12;stroke-dasharray:.025 .975}14%{opacity:1}62%{opacity:1;stroke-dasharray:.2 .8}100%{opacity:0;stroke-dashoffset:-1.04;stroke-dasharray:.025 .975}}
@keyframes spook-lg-rays{0%{opacity:0;transform:scale(.6) rotate(-12deg)}30%{opacity:.85}100%{opacity:.35;transform:scale(1.1) rotate(5deg)}}
#shop .spook-monthly .rare-drop-art:focus-visible{outline-color:#f6aec8}
#shop .spook-monthly .rare-drop-image{
  width:100%;max-width:420px;height:280px;
  scale:1.06; /* Compensate the new cutout's transparent margin without changing the panel. */
  filter:drop-shadow(0 12px 12px #0006);transform:none;
  transition:transform .45s ease,filter .45s ease;
}
#shop .spook-monthly:is(:hover,:focus-within) .rare-drop-image{transform:translateY(-2px) scale(1.015);filter:drop-shadow(0 15px 14px #0008)}
#shop .spook-monthly .rare-drop-art-label{left:23px;bottom:13px;color:#ce9bae;font-size:.5625rem;letter-spacing:.16em}
#shop .spook-monthly .rare-drop-art-label::before{background:#e18baa80}
#shop .spook-monthly .rare-drop-content{padding:20px 28px 20px 12px}
#shop .spook-monthly .rare-drop-brand-heading{display:flex;align-items:center;gap:15px;min-width:0}
#shop .spook-monthly .rare-drop-brand-logo{display:block;flex:none;width:56px;height:56px;object-fit:contain;filter:drop-shadow(0 0 13px #d62d6440)}
#shop .spook-monthly .rare-drop-brand-copy{min-width:0}
#shop .spook-monthly .rare-drop-eyebrow{gap:7px;margin-bottom:6px;color:#efa1bd;font-size:.625rem;letter-spacing:.15em}
#shop .spook-monthly .rare-drop-mark{width:13px;height:13px;font-size:.8125rem;filter:none}
#shop .spook-monthly .rare-drop-title{color:#fff2f7;font-size:1.625rem;line-height:1.2;letter-spacing:-.04em}
#shop .spook-monthly .rare-drop-title>span{color:#c7b8c3;font-size:.6em}
#shop .spook-monthly .rare-drop-partner{gap:3px 7px;margin-top:7px}
#shop .spook-monthly .rare-drop-partner>span{color:#c3a2af;font-size:.625rem}
#shop .spook-monthly .rare-drop-partner>a,
#shop .spook-monthly .rare-drop-partner>strong{font-size:.9375rem;color:#f4d3df;text-decoration-color:#d899b366}
#shop .spook-monthly .rare-drop-partner>a span{color:#b39dba}
#shop .spook-monthly .rare-drop-partner>a:hover{color:#ffe7f0;text-decoration-color:#f3a5c0}
#shop .spook-monthly .rare-drop-specs{margin-top:8px;font-size:.6875rem;color:#c2b4c3}
#shop .spook-monthly .rare-drop-specs>span{border-color:#aa5b784a}
#shop .spook-monthly .rare-drop-availability{margin-top:10px}
#shop .spook-monthly .rare-drop-coming{color:#e9c5d4;font-size:.75rem}
#shop .spook-monthly .rare-drop-coming::before{background:#e18aaa;box-shadow:none}
#shop .spook-monthly .rare-drop-ticket-note{color:#b3a2ac}
#shop .spook-monthly .rare-drop-actions{gap:10px 18px;margin-top:10px}
#shop .spook-monthly .rare-drop-button{gap:16px;min-height:38px;padding:8px 13px;background:#ebbbce;color:#300e1a;border-color:#f0a4bf90;font-size:.75rem;box-shadow:none}
#shop .spook-monthly .rare-drop-button:hover:not(:disabled){background:#ffd4e5;border-color:#f8b9d0;box-shadow:0 0 16px #c020582d}
#shop .spook-monthly .rare-drop-retail{color:#d1abbc;font-size:.6875rem;text-decoration-color:#c987a166}
#shop .spook-monthly .rare-drop-retail:hover{color:#ffe0ec;text-decoration-color:#f2acc6}
#shop .spook-monthly :is(a,button):focus-visible{outline-color:#f6aec8}
#shop .spook-monthly .price strong{color:#fff0f6;font-size:1.125rem}
#shop .spook-monthly .price>span{color:#cca3b4}
#shop .spook-monthly .stock-meter{background:#88334f50}
#shop .spook-monthly .stock-meter::-webkit-meter-bar{background:#88334f50}
#shop .spook-monthly .stock-meter::-webkit-meter-optimum-value,
#shop .spook-monthly .stock-meter::-webkit-meter-suboptimum-value,
#shop .spook-monthly .stock-meter::-webkit-meter-even-less-good-value{background:linear-gradient(90deg,#a50034,#ef9fbf)}
#shop .spook-monthly .stock-meter::-moz-meter-bar{background:linear-gradient(90deg,#a50034,#ef9fbf)}

/* Atmosphere only while the storefront is visible. */
body:has(#shop.spooktober-season:not([hidden])) .ambient-background{background:radial-gradient(ellipse at 0 25%,#85512212,transparent 52%),radial-gradient(ellipse at 100% 65%,#68437712,transparent 57%)}
body:has(#shop.spooktober-season:not([hidden])) .ambient-background i:nth-child(1){background:radial-gradient(ellipse,#b97939,transparent 68%);opacity:.12}
body:has(#shop.spooktober-season:not([hidden])) .ambient-background i:nth-child(2){background:radial-gradient(ellipse,#7e569e,transparent 68%);opacity:.14}
body:has(#shop.spooktober-season:not([hidden])) .ambient-background>span{opacity:.018}
body:has(#shop.spooktober-season:not([hidden])) .site-header [data-tab=shop]::after{background:linear-gradient(90deg,transparent,#edbd8c,transparent)}
body:has(#shop.spooktober-season:not([hidden])) .site-header [data-tab=shop] .nav-dot{background:#eab07b;box-shadow:0 0 12px #eab07b40}
#shop.spooktober-season:not([hidden])~.site-footer .partner-wall{border-block-color:#ac835030}
#shop.spooktober-season:not([hidden])~.site-footer .partner-wall::before{background:radial-gradient(ellipse at 50% 100%,#c8863610,transparent 70%)}

/* Card dimensions and hover effects belong to the shared gallery layers. */
@media(width < 960px){
  .spook-campaign{gap:14px;padding-inline:24px}
  .spook-campaign-kicker{font-size:.5625rem;letter-spacing:.12em}
  .spook-campaign-kicker>span{width:12px}
  #spook-campaign-title{font-size:2rem}
  .spook-moon{width:29px;height:29px}
  .spook-campaign-description{font-size:.625rem}
}
@media(width < 720px){
  .spook-campaign{grid-template-columns:1fr;gap:5px;padding:12px 20px;margin-top:10px;text-align:center}
  .spook-campaign-kicker{justify-content:center;font-size:.5rem;letter-spacing:.21em}
  .spook-campaign-kicker>span{display:none}
  .spook-campaign-name{gap:8px}
  #spook-campaign-title{font-size:2rem}
  .spook-campaign-description{justify-self:center;font-size:.625rem;text-align:center}
  .spook-campaign-description br{display:none}
  .spook-campaign-description strong{margin-left:4px}
  .spook-campaign-ornament .spook-bat{display:none}
  #shop .rare-drop.spook-monthly{grid-template-columns:minmax(160px,.8fr) minmax(0,1.2fr);min-height:264px}
  #shop .spook-monthly .rare-drop-art,#shop .spook-monthly .rare-drop-art:hover:not(:disabled){min-height:264px;padding-inline:16px}
  #shop .spook-monthly .rare-drop-image{height:230px}
  #shop .spook-monthly .rare-drop-content{padding:18px 19px 18px 8px}
  #shop .spook-monthly .rare-drop-brand-heading{gap:10px}
  #shop .spook-monthly .rare-drop-brand-logo{width:42px;height:42px}
  #shop .spook-monthly .rare-drop-title{font-size:1.375rem}
}
@media(width < 540px){
  .spook-campaign{padding-inline:12px}
  .spook-campaign-description{max-width:240px}
  .spook-campaign-description strong{display:block;margin:0}
  #shop.spooktober-season #featured-products:has(.spook-monthly){max-width:340px;padding-block:8px 12px}
  #shop .rare-drop.spook-monthly{grid-template-columns:minmax(0,1fr);min-height:0}
  #shop .spook-monthly .rare-drop-art,#shop .spook-monthly .rare-drop-art:hover:not(:disabled){min-height:0;height:244px;padding:13px 23px 21px;border-radius:9px 9px 0 0}
  #shop .spook-monthly .rare-drop-image{height:210px;max-width:290px}
  #shop .spook-monthly .rare-drop-art::after{width:77%;max-width:230px}
  #shop .spook-monthly .rare-drop-art-label{left:17px;bottom:8px;font-size:.5rem}
  #shop .spook-monthly .rare-drop-content{padding:8px 17px 18px}
  #shop .spook-monthly .rare-drop-title{font-size:1.5rem}
  #shop .spook-monthly .rare-drop-title>span{display:block;margin:4px 0 0}
  #shop .spook-monthly .rare-drop-eyebrow{font-size:.5625rem;letter-spacing:.1em}
  #shop .spook-monthly .rare-drop-actions{gap:10px 12px}
  #shop .spook-monthly .rare-drop-specs>span{padding-inline:7px}
  #shop .spook-monthly .rare-drop-specs>span:first-child{padding-left:0}
}
@media(pointer:coarse){#shop .spook-monthly .rare-drop-button{min-height:44px}#shop .spook-monthly .rare-drop-retail{min-height:44px}}
@media(prefers-reduced-motion:reduce){
  #shop .spook-monthly .lg-light-stage *{animation:none!important}
  #shop .spook-monthly :is(.lg-stage-charge,.lg-stage-rays){display:none}
  #shop .spook-monthly .rare-drop-art::before,
  #shop .spook-monthly .rare-drop-art::after{animation:none!important}
  #shop .spook-monthly .rare-drop-image,
  #shop .spook-monthly:is(:hover,:focus-within) .rare-drop-image{transition:none;transform:none}
  #shop.spooktober-season #products .product-card:is(:hover,:focus-within),
  #shop.spooktober-season #products .product-card:is(:hover,:focus-within) .cover{transform:none!important}
}