/* Seasonal assets and restrained autumn accents; base typography and layout stay shared. */
#puzzles-detective-study[data-theme="halloween"]{
  --desk:light-dark(#e9dfcd,#302c28);
  --outer-ink:light-dark(#65523e,#eadac1);
  --board:#75604c;
  --gold:#e5c08a;
  --gold-text:#53422d;
}
#puzzles-detective-study[data-theme="halloween"] .app:before{background-image:url("props.d8ca7315290a.webp");opacity:.065;background-size:960px auto}
#puzzles-detective-study[data-theme="halloween"] .hero img{width:260px}
/* Copper-edged case folders and engraved cobweb corners belong to every card. */
#puzzles-detective-study[data-theme="halloween"] .gallery-tray>.chapter{
  --web-ink:#a5673c99;
  border:4px solid transparent;
  min-height:180px;
  padding:16px 16px 20px;
  border-radius:4px 7px 4px 5px;
  background:linear-gradient(#fff2d9,#efdfbf) padding-box,linear-gradient(135deg,#352b29,#a75b31 16%,#56392e 33%,#d39552 48%,#51352d 65%,#a66035 83%,#302729) border-box;
  box-shadow:inset 0 0 0 1px #d29a5a,inset 0 0 0 3px #6b422c26,0 0 0 1px #49332b,2px 6px 7px #402a2340;
  color:#49352a;
}
#puzzles-detective-study[data-theme="halloween"] .gallery-tray>.chapter:before{
  content:'';
  position:absolute;
  inset:5px;
  border:1px solid #c68a4b;
  border-radius:2px;
  z-index:0;
  pointer-events:none;
  background:
    repeating-radial-gradient(circle at 0 0,transparent 0 5px,var(--web-ink) 5.5px 6.5px,transparent 7px 11px) left top/22px 22px no-repeat,
    repeating-radial-gradient(circle at 100% 0,transparent 0 5px,var(--web-ink) 5.5px 6.5px,transparent 7px 11px) right top/22px 22px no-repeat,
    repeating-radial-gradient(circle at 0 100%,transparent 0 5px,var(--web-ink) 5.5px 6.5px,transparent 7px 11px) left bottom/22px 22px no-repeat,
    repeating-radial-gradient(circle at 100% 100%,transparent 0 5px,var(--web-ink) 5.5px 6.5px,transparent 7px 11px) right bottom/22px 22px no-repeat,
    linear-gradient(45deg,transparent 47%,var(--web-ink) 48% 51%,transparent 52%) left top/22px 22px no-repeat,
    linear-gradient(-45deg,transparent 47%,var(--web-ink) 48% 51%,transparent 52%) right top/22px 22px no-repeat,
    linear-gradient(-45deg,transparent 47%,var(--web-ink) 48% 51%,transparent 52%) left bottom/22px 22px no-repeat,
    linear-gradient(45deg,transparent 47%,var(--web-ink) 48% 51%,transparent 52%) right bottom/22px 22px no-repeat;
}
#puzzles-detective-study[data-theme="halloween"] .gallery-tray>.chapter:after{
  background:linear-gradient(#dca15a,#b9783f);
  border-color:#6f432c;
  box-shadow:inset 0 1px #f4cd8e;
}
#puzzles-detective-study[data-theme="halloween"] .gallery-tray>.chapter>*{position:relative;z-index:1}
#puzzles-detective-study[data-theme="halloween"] .gallery-tray>.chapter .chapter-number{color:#755237}
#puzzles-detective-study[data-theme="halloween"] .gallery-tray>.chapter.chapter-current{
  --web-ink:#8d472cbb;
  border-width:7px;
  background:linear-gradient(#fff4d9,#f7e4b9) padding-box,linear-gradient(135deg,#3b2929,#df9348 12%,#77402b 25%,#f0ba69 40%,#8a4a2f 57%,#d8863e 74%,#f4c87b 86%,#4b2d29) border-box;
  box-shadow:inset 0 0 0 1px #a15b31,inset 0 0 0 3px #fff6db99,0 0 0 2px #57372c,2px 9px 12px #402a2355;
}
#puzzles-detective-study[data-theme="halloween"] .gallery-tray>.chapter.chapter-current:before{inset:3px;border-color:#b9783f}
#puzzles-detective-study[data-theme="halloween"] .gallery-tray>.chapter.chapter-current:hover{box-shadow:inset 0 0 0 1px #a15b31,inset 0 0 0 3px #fff6db99,0 0 0 2px #57372c,2px 11px 14px #402a2366}
#puzzles-detective-study[data-theme="halloween"] .gallery-tray>.chapter:focus-visible{outline:3px solid #7d452b;outline-offset:5px}
#puzzles-detective-study[data-theme="halloween"] .gallery-tray>.chapter.chapter-future{
  --web-ink:#876c4b88;
  background:linear-gradient(#e8dcc1,#ded1b5) padding-box,linear-gradient(135deg,#52483e,#9b7a52,#55473c) border-box;
  opacity:.8;
  filter:none;
}
#puzzles-detective-study[data-theme="halloween"] .gallery-tray>.chapter.chapter-future:after{background:#b3966c}
/* The harvest has its own centre column, independent of the mascot width. */
#puzzles-detective-study[data-theme="halloween"] .vole-wrap{
  display:grid;
  grid-template-columns:minmax(0,1fr) 280px minmax(0,1fr);
  align-items:end;
  gap:0;
  min-height:200px;
  padding-top:16px;
}
#puzzles-detective-study[data-theme="halloween"] .rodent-guest{grid-column:1;grid-row:1;justify-self:start}
#puzzles-detective-study[data-theme="halloween"] .rodent-name{width:max-content;max-width:150px;white-space:normal}
#puzzles-detective-study[data-theme="halloween"] .theme-decoration{grid-column:2;grid-row:1;justify-self:center;display:block;width:280px;max-width:100%;height:auto;object-fit:contain;filter:drop-shadow(0 3px 2px var(--shadow))}
@media(max-width:650px){
  #puzzles-detective-study[data-theme="halloween"] .vole-wrap{grid-template-columns:minmax(0,1fr);row-gap:22px;min-height:0;padding-top:80px}
  #puzzles-detective-study[data-theme="halloween"] .rodent-guest .vole{width:120px;height:105px}
  #puzzles-detective-study[data-theme="halloween"] .theme-decoration{grid-column:1;grid-row:2}
  #puzzles-detective-study[data-theme="halloween"] .rodent-name{width:max-content;max-width:min(260px,calc(100vw - 40px));white-space:normal}
}
