.hw-page{max-width:1448px;margin:auto;padding:20px 24px 0;color:var(--portal-text);font-family:system-ui,sans-serif}
.hw-page-title{font-size:clamp(23px,3vw,34px);line-height:1.2;margin:0 0 20px;color:var(--portal-text);-webkit-text-fill-color:var(--portal-text)}
.hw-guide{max-width:1080px;margin:40px auto;color:var(--portal-text);font-size:16px;line-height:1.8}
.hw-guide section{margin:32px 0;scroll-margin-top:20px}
.hw-guide h2,.hw-guide h3{line-height:1.3;color:var(--portal-text);-webkit-text-fill-color:var(--portal-text)}
.hw-guide h2{font-size:clamp(23px,3vw,30px)}.hw-guide h3{font-size:21px}
.hw-guide p{color:var(--portal-muted)}.hw-guide strong{color:var(--portal-text)}
.hw-guide a{color:var(--portal-link);text-underline-offset:3px}
.hw-toc{display:block;background:var(--portal-panel);border:1px solid var(--portal-line);border-radius:14px;padding:20px}
.hw-toc ul{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 26px;margin-bottom:0;padding-left:20px;font-size:14px}
.hw-guide figure{margin:24px 0 30px;max-width:960px}
.hw-guide figure img{width:100%;height:auto;border-radius:14px;border:1px solid var(--portal-line)}
.hw-guide figcaption{font-size:13px;line-height:1.5;color:var(--portal-muted);margin-top:7px}
.hw-guide figcaption small{display:block;margin-top:4px}

.hw-page-title{max-width:1080px;margin:38px auto 16px}
.hw-guide{margin-top:0}.hw-guide [id]{scroll-margin-top:28px}
#halloween-portal{isolation:isolate;border-radius:14px;overflow:hidden;text-align:left;line-height:normal}
#halloween-portal h2,#halloween-portal h3{color:var(--cream);-webkit-text-fill-color:var(--cream)}
#halloween-portal .hw-hero-title{font-family:'Space Grotesk',sans-serif}
#halloween-portal .hw-hero-title em{color:var(--orange);-webkit-text-fill-color:var(--orange)}
#halloween-portal p{color:var(--muted)}
#halloween-portal button{white-space:normal}
#halloween-portal .overlay-card{max-height:90%;overflow:auto}
#halloween-portal .nav{flex-shrink:0}
@media(max-width:760px){.hw-page{padding:14px 12px 0}.hw-guide{font-size:15px}#halloween-portal header{height:auto;min-height:80px;flex-wrap:wrap;gap:12px;padding-block:12px}#halloween-portal header nav{flex-wrap:wrap;gap:15px}#halloween-portal .action-buttons button{padding-inline:9px}#halloween-portal .overlay-card{padding:18px}#halloween-portal .overlay-card h2{font-size:25px}}
/* Fullscreen controls, confined to this game. */
#halloween-portal .hw-fullscreen{display:inline-flex;align-items:center;justify-content:center;gap:5px;min-height:40px;padding:7px 10px;border:1px solid var(--line);border-radius:7px;color:var(--cream);font-size:12px;line-height:1.25;max-width:175px}
#halloween-portal .hw-fullscreen:hover,#halloween-portal .hw-fullscreen[aria-pressed="true"]{border-color:var(--orange);color:var(--orange)}
#halloween-portal.hw-fullscreen-active{width:100%;height:100%;max-width:none;max-height:none;overflow:auto;border-radius:0;background:var(--bg);padding-bottom:env(safe-area-inset-bottom)}
#halloween-portal.hw-fullscreen-fallback{position:fixed;inset:0;z-index:2147483000;height:100vh;height:100dvh}
#halloween-portal.hw-fullscreen-active>header{position:sticky;top:0;z-index:20;background:var(--bg);height:auto;min-height:74px;padding-block:10px;padding-top:max(10px,env(safe-area-inset-top));flex-wrap:wrap;gap:12px}
#halloween-portal.hw-fullscreen-active .intro,#halloween-portal.hw-fullscreen-active .world-strip,#halloween-portal.hw-fullscreen-active .hw-inner>footer{display:none}
#halloween-portal.hw-fullscreen-active .hw-inner{padding-top:12px}
#halloween-portal::backdrop{background:#111315}
@media(max-width:1150px){#halloween-portal .header-right{gap:10px}#halloween-portal .header-right .saved{display:none}}
@media(max-width:500px){#halloween-portal .hw-fullscreen{font-size:11px;max-width:145px}#halloween-portal .header-right{margin-left:0}}