/* A Halloween night palette; the task directory and full topic pages stay intact. */
@media screen {
:root{--ink:#fff0d9;--paper:#141017;--orange:#f7a04e;--muted:#c8bcae;--line:#483740;--green:#27212d}
body{background:radial-gradient(ellipse at 88% 8%,#58374f48,transparent 34%),radial-gradient(ellipse at 2% 39%,#7a361922,transparent 40%),#141017;color:var(--ink)}
.header{background:#141017ed;border-bottom:1px solid #634130;position:relative;z-index:5}.nav-wrap{min-height:88px}.brand svg,.brand i{color:#ff9b45}.brand{color:#ffefd8}.brand-light{color:#ffa158}#main-nav a{color:#ddccbb}#main-nav a:hover,#main-nav a[aria-current]{color:#ffad66}#main-nav a[aria-current]:after{background:#ffad66}.nav-cta{border-color:#815036;background:#2f1e21;color:#ffd7ae}.menu-toggle{color:#ffc58a;border-color:#7d553f;background:#251a23}
main{position:relative;z-index:1;isolation:isolate}.night-sky{position:absolute;right:0;top:88px;width:min(55%,700px);height:360px;overflow:hidden;pointer-events:none;z-index:0}.harvest-moon{position:absolute;right:12%;top:30px;width:135px;height:135px;border-radius:50%;background:radial-gradient(circle at 65% 65%,#99766d20 0 11%,transparent 12%),radial-gradient(circle at 30% 30%,#ad897d24 0 14%,transparent 15%),radial-gradient(circle at 40% 65%,#b9967d30 0 7%,transparent 8%),#e8caa5;box-shadow:0 0 50px 12px #e8bc7624,0 0 110px 36px #c5884920;opacity:.65}.sky-bat{position:absolute;fill:#151019}.bat-one{width:110px;right:5%;top:108px;transform:rotate(-15deg)}.bat-two{width:65px;right:38%;top:58px;transform:rotate(17deg)}.bat-three{width:44px;right:28%;top:185px;transform:rotate(-20deg)}
.directory-intro{padding-top:44px;padding-bottom:30px}.directory-intro .eyebrow{color:#e5ac79;letter-spacing:2px;font-size:9px}.season-spark{display:inline-block;color:#f89f50;font-size:16px;margin-right:8px}.directory-intro h1{font-size:68px;line-height:1.05;letter-spacing:-2.6px;margin:18px 0 17px;text-shadow:0 3px 24px #0006;max-width:750px}.directory-intro h1 em{color:#ffa35b;font-weight:400}.directory-intro>p{color:#cdb9a8;font-size:14px}.category-shortcuts{margin-top:25px;gap:9px}.category-shortcuts a{color:#f7ddbc;background:#29202b;border-color:#73513e;padding:10px 18px;border-radius:3px;box-shadow:inset 0 1px #ffffff06;transition:background .15s,border-color .15s}.category-shortcuts a:hover{background:#4a2e2d;color:#ffe9c9;border-color:#e59750}
.directory{gap:26px;padding-bottom:70px}.directory-group{padding:0;overflow:hidden;border-color:#6b4938;background:linear-gradient(140deg,#2d222b,#211b24);border-radius:8px;box-shadow:0 12px 40px #0003;transition:border-color .18s,box-shadow .18s}.directory-group:hover{border-color:#ba7945;box-shadow:0 14px 45px #0005,0 0 20px #bf5b1f09}.directory-group-top{display:flex;flex-direction:column-reverse;gap:0}.directory-group-top>div:first-child{padding:24px 26px 5px}.directory-thumb{width:100%;height:200px;border-radius:0;position:relative}.directory-thumb:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#211b2466,transparent 65%);pointer-events:none}.directory-thumb img{transition:transform .5s;filter:brightness(.88) saturate(.85)}.directory-group:hover .directory-thumb img{transform:scale(1.025)}.directory-group .eyebrow{font-size:8px;letter-spacing:1.8px;color:#e7a873}.directory-group h2{font-size:36px;margin:9px 0 12px;color:#fff0d6}.category-glyph{font-family:var(--serif);font-size:23px;color:#ffae60;margin-right:12px;vertical-align:middle}.directory-group p{color:#c4b1a4;font-size:12px;max-width:550px}.directory-links{margin:20px 26px 26px;border:0}.directory-links>a{padding:15px 17px;background:#38262b;border:1px solid #78503b;border-radius:4px;transition:background .15s,border-color .15s}.directory-links>a:hover{background:#51312c;border-color:#d89358}.directory-links strong{color:#ffe6c5;font-size:15px}.directory-links>a:hover strong{color:#fff2d9}.directory-links small{color:#cfb6a3;font-size:10px}.directory-arrow{color:#ffb469;font-size:25px}.costume-group .directory-group-top{flex-direction:row;align-items:stretch;min-height:200px}.costume-group .directory-group-top>div:first-child{padding:32px 30px 8px;flex:1}.costume-group .directory-thumb{width:43%;height:220px}.costume-group .directory-thumb img{object-position:center 38%}.costume-group .directory-links{gap:18px;margin:14px 30px 20px}.costume-group .directory-links>a:first-child{background:#c96d35;border-color:#df8c4e}.costume-group .directory-links>a:first-child:hover{background:#dc8244}.costume-group .directory-links>a:first-child strong,.costume-group .directory-links>a:first-child small,.costume-group .directory-links>a:first-child .directory-arrow{color:#1c1218}.direct-options{padding:0 30px 24px;margin:0;gap:10px 16px}.direct-options>span{color:#bca390}.direct-options>a{color:#f8c896;border-color:#916344}.directory-group#decor .directory-thumb img{object-position:75% 57%}.directory-group#movies .directory-thumb img{object-position:5% 28%;filter:brightness(.6) saturate(.7)}
footer{background:#1d1721;border-top:1px solid #674630;color:var(--ink)}.footer-main p{color:#d8bc9d}.footer-main>div{color:#d7c3af}.footer-bottom{border-color:#514033;color:#c0a88e}
.breadcrumb,.breadcrumb span{color:#beab9a}.page-intro .eyebrow,.inline-guide-heading .eyebrow,.prose .eyebrow{color:#edac73}.page-intro h1{color:#ffdfb4;text-shadow:0 3px 25px #0008}.intro-description{color:#d2c1b2}.topic-overview h2,.inline-guide-heading h2{color:#ffdfb7}.option-index>a{border-color:#5e433b}.option-index>a:last-child{border-color:#5e433b}.option-index>a:hover{background:#261c23}.option-index small{color:#cfbdae}.option-index-number,.step-number{color:#f4a464}.topic-overview figcaption,.editorial-note,.guide-hero figcaption{color:#b9a79a}.inline-guide{border-color:#765038}.materials{background:linear-gradient(145deg,#302430,#251d28);border:1px solid #72513d;color:#f6e1c7}.checklist label{border-color:#5c423b}.checklist input{accent-color:#ee9a53}.checklist input:checked+span{color:#bda994}.save-note,.check-hint{color:#c8b19e}.button.dark{background:#f09b50;color:#21151b}.button.dark:hover{background:#ffb469}.orange{background:#efa35d;color:#21151b}.orange:hover{background:#ffc17f}.print-button{color:#ffd8af;border-color:#8d6545}.useful-note{background:#30232a;border-left-color:#e4954d}.useful-note strong{color:#f3be88}.useful-note p{color:#d4c0af}.copy-fallback textarea{background:#19141d;color:#ffecd2;border-color:#8a5a3d}.back-options{color:#edb47e}.text-link{color:#f6be87;border-color:#9c7150}.text-link:hover{color:#ffdcad}.filter{color:#e6c9ac;border-color:#71513d;background:#241c27}.filter.active,.filter:hover{background:#efa15b;color:#22151a;border-color:#efa15b}.movie-card{background:#251e29;border-color:#684936}.movie-body .eyebrow{color:#deaa7e}.movie-body .content-note{color:#c2ac9c}.movie-body h2{color:#ffe5be}.idea-card{border-color:#634638}.idea-card .eyebrow{color:#eba973}.idea-image>span{background:#211722;color:#ffc087;border:1px solid #ae764b}.idea-card h2{color:#ffdfb5}.plan-steps li::marker{color:#eea260}.toast{background:#efa15b;color:#21151b;box-shadow:0 5px 30px #0008}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible{outline-color:#ffd094}
@media(min-width:1500px){.directory-intro{padding-top:55px;padding-bottom:35px}}
@media(max-width:1100px){.nav-wrap{min-height:84px}.directory-intro h1{font-size:61px}.costume-group .directory-group-top>div:first-child{padding:27px 24px 5px}.costume-group .directory-links{margin-left:24px;margin-right:24px}.direct-options{padding-left:24px;padding-right:24px}}
@media(max-width:760px){.nav-wrap{min-height:78px}.brand{font-size:24px}.night-sky{top:78px;width:100%;height:290px}.harvest-moon{width:105px;height:105px;right:8%;top:28px;opacity:.32}.bat-one{right:2%;top:105px;width:72px}.bat-two{right:30%;top:42px;width:44px}.bat-three{right:21%;top:152px;width:35px}#main-nav{background:#211923;border-color:#77503b;box-shadow:0 12px 25px #0005}.directory-intro{padding-top:30px;padding-bottom:27px}.directory-intro .eyebrow{font-size:7px;letter-spacing:1.5px}.season-spark{font-size:12px;margin-right:6px}.directory-intro h1{font-size:48px;letter-spacing:-1.8px;line-height:1.07;max-width:440px;margin:17px 0 14px}.directory-intro>p{font-size:11px;max-width:330px}.category-shortcuts{margin-top:22px;gap:8px}.category-shortcuts a{padding:9px 12px;font-size:10px;background:#2b202ddd}.directory{gap:21px;padding-top:0;padding-bottom:42px}.directory-group-top>div:first-child{padding:22px 23px 2px}.directory-group h2{font-size:31px}.directory-group p{font-size:11px}.directory-thumb{width:100%;height:210px}.directory-links{margin:19px 23px 23px}.directory-links strong{font-size:13px}.directory-links small{font-size:10px}.directory-links>a{padding:14px}.costume-group .directory-group-top{flex-direction:row;min-height:0}.costume-group .directory-group-top>div:first-child{padding:23px 19px 4px}.costume-group .directory-thumb{width:38%;height:170px}.costume-group .directory-group-top p{font-size:10px;line-height:1.8}.costume-group .directory-links{display:grid;grid-template-columns:1fr;gap:10px;margin:17px 19px 18px}.costume-group .directory-links>a{padding:13px 15px}.costume-group .directory-links strong{font-size:14px}.category-glyph{font-size:18px;margin-right:8px}.direct-options{padding:0 19px 22px;font-size:9px}.page-intro h1{font-size:44px}.inline-guide-heading h2{font-size:35px}.footer-main p{font-size:20px}}
@media(max-width:370px){.directory-intro h1{font-size:41px}.directory-intro .eyebrow{font-size:6px}.costume-group .directory-thumb{width:34%;height:165px}.directory-group h2{font-size:28px}.directory-group .eyebrow{font-size:7px}.category-shortcuts a{font-size:9px;padding:8px 10px}}
}
@media screen{.category-shortcuts{background:transparent}}
@media print{.night-sky{display:none!important}}
/* Phone touch targets and readable film cards. */
@media screen and (max-width:760px){
.menu-toggle{min-height:44px;min-width:76px}
#main-nav a{min-height:44px;display:flex;align-items:center}
.category-shortcuts a{min-height:44px;display:flex;align-items:center}
.filter{min-height:44px;padding-left:16px;padding-right:16px;font-size:12px}
.print-button{min-height:44px}
.direct-options>a{min-height:40px;display:inline-flex;align-items:center;padding:0 4px}
.back-options{min-height:44px;display:flex;align-items:center;justify-content:flex-end}
.text-link{min-height:40px;align-items:center;display:inline-flex}
.inline-guide-heading p,.steps li p,.intro-description,.idea-card p,.plan-steps{font-size:14px}
.checklist label{font-size:13px;min-height:48px;align-items:center}
.footer-main>div a{min-height:40px;display:flex;align-items:center}
}
@media screen and (max-width:480px){
.movie-grid{grid-template-columns:minmax(0,1fr);gap:24px}
.movie-art{height:300px;padding:23px}
.movie-art strong{font-size:32px;max-width:100%;overflow-wrap:anywhere}
.poster-edition{font-size:8px;letter-spacing:1.4px}
.poster-symbol{font-size:78px}
.poster-year{font-size:10px}
.movie-body{padding:23px}
.movie-body h2{font-size:29px}
.movie-body>p{font-size:14px;line-height:1.8}
.movie-body .content-note{font-size:12px}
.movie-body .eyebrow{font-size:9px}
.movie-body .text-link{font-size:12px}
}