/* ==================================================================
   Biriah HALLOWEEN HORROR THEME — add-on stylesheet (staging preview)
   Metallic background with subtle brushed streaks and tinted sheen.
   Palette: pumpkin orange #FF7518 · midnight black #0b0710 · witch purple #9b5de5
   Pumpkin border = original SVG jack-o'-lantern tile (halloween-pumpkin-tile.svg).
   REVERT: delete the single line
     <link rel="stylesheet" href="/static/halloween.css" data-theme="halloween">
   from index.html (and the two static/pages/*.html). Nothing else depends on it.
   ================================================================== */
:root{
 --hw-orange:#ff7518;--hw-orange-deep:#e2620f;--hw-black:#0b0710;--hw-night:#140c1c;
 --hw-purple:#9b5de5;--hw-purple-soft:#c9a7ff;--hw-ink:#fff4ea;--hw-muted:#e6d3c4;
 --hw-border:48px;
 --ink:var(--hw-ink);--muted:var(--hw-muted);--purple:var(--hw-orange);--purple2:var(--hw-orange-deep);
 --ice-blue:#ffb27a;--ice-orange:var(--hw-orange);--electric:var(--hw-purple);--cinema-gold:var(--hw-orange);
 --cinema-edge:linear-gradient(125deg,#ff7518cc,#9b5de566 45%,#0b071000 70%,#ff7518aa);
}
@media(max-width:640px){:root{--hw-border:10px}}

/* Night sky + purple fog behind everything */
html body{background:linear-gradient(115deg,#0b0710 0%,#140c1c 5%,#241236 10%,#3b1a5c 15%,#241236 20%,#140c1c 25%,#241236 30%,#3b1a5c 35%,#241236 40%,#0b0710 45%,#140c1c 50%,#241236 55%,#3b1a5c 60%,#241236 65%,#140c1c 70%,#241236 75%,#3b1a5c 80%,#241236 85%,#140c1c 90%,#0b0710 100%) fixed!important;color:var(--hw-ink)}
html body::before{content:'';position:fixed;inset:0;pointer-events:none;z-index:-1;background:repeating-linear-gradient(0deg,rgba(201,167,255,.07) 0 1px,transparent 1px 3px,rgba(255,117,24,.05) 3px 4px,transparent 4px 7px),linear-gradient(125deg,transparent 15%,rgba(201,167,255,.10) 43%,rgba(255,117,24,.07) 55%,transparent 78%)!important;opacity:1!important}
@media(max-width:640px){html body{background-attachment:scroll!important}}

/* Pumpkin border — four fixed strips, purely decorative, never intercept clicks */
html body{padding:var(--hw-border)!important;box-sizing:border-box}
html::before,html::after{content:'';position:fixed;left:0;right:0;height:var(--hw-border);box-sizing:border-box;z-index:2147483000;pointer-events:none;
 background:url('data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2248%22 height=%2248%22 viewBox=%220 0 48 48%22%3E %3Crect width=%2248%22 height=%2248%22 fill=%22%230b0710%22/%3E %3Cpath d=%22M24 11c1-4 3-6 6-7l1 2c-2 1-4 3-4 6z%22 fill=%22%233f8a3a%22/%3E %3Cellipse cx=%2215%22 cy=%2227%22 rx=%229%22 ry=%2212%22 fill=%22%23e2620f%22/%3E %3Cellipse cx=%2233%22 cy=%2227%22 rx=%229%22 ry=%2212%22 fill=%22%23e2620f%22/%3E %3Cellipse cx=%2224%22 cy=%2227%22 rx=%2210%22 ry=%2213%22 fill=%22%23ff7518%22/%3E %3Cpath d=%22M24 14v26M17 16c-2 6-2 16 0 22M31 16c2 6 2 16 0 22%22 stroke=%22%23c4500a%22 stroke-width=%221.2%22 fill=%22none%22/%3E %3Cpath d=%22M14 23l5-4 1 5zM34 23l-5-4-1 5z%22 fill=%22%23160b1c%22/%3E %3Cpath d=%22M22 28l2-3 2 3z%22 fill=%22%23160b1c%22/%3E %3Cpath d=%22M13 31c3 5 19 5 22 0l-3 1-2 2-2-2-2 2-2-2-2 2-2-2-2 2-2-2z%22 fill=%22%23160b1c%22/%3E %3Ccircle cx=%224%22 cy=%226%22 r=%221.4%22 fill=%22%239b5de5%22/%3E%3Ccircle cx=%2244%22 cy=%2244%22 r=%221.4%22 fill=%22%239b5de5%22/%3E %3C/svg%3E') left center/var(--hw-border) var(--hw-border) repeat-x;border-color:var(--hw-purple)}
html::before{top:0;border-bottom:2px solid var(--hw-purple)}
html::after{bottom:0;border-top:2px solid var(--hw-purple)}
body::after{content:'';position:fixed;inset:var(--hw-border) 0;z-index:2147483000;pointer-events:none;
 background:url('data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2248%22 height=%2248%22 viewBox=%220 0 48 48%22%3E %3Crect width=%2248%22 height=%2248%22 fill=%22%230b0710%22/%3E %3Cpath d=%22M24 11c1-4 3-6 6-7l1 2c-2 1-4 3-4 6z%22 fill=%22%233f8a3a%22/%3E %3Cellipse cx=%2215%22 cy=%2227%22 rx=%229%22 ry=%2212%22 fill=%22%23e2620f%22/%3E %3Cellipse cx=%2233%22 cy=%2227%22 rx=%229%22 ry=%2212%22 fill=%22%23e2620f%22/%3E %3Cellipse cx=%2224%22 cy=%2227%22 rx=%2210%22 ry=%2213%22 fill=%22%23ff7518%22/%3E %3Cpath d=%22M24 14v26M17 16c-2 6-2 16 0 22M31 16c2 6 2 16 0 22%22 stroke=%22%23c4500a%22 stroke-width=%221.2%22 fill=%22none%22/%3E %3Cpath d=%22M14 23l5-4 1 5zM34 23l-5-4-1 5z%22 fill=%22%23160b1c%22/%3E %3Cpath d=%22M22 28l2-3 2 3z%22 fill=%22%23160b1c%22/%3E %3Cpath d=%22M13 31c3 5 19 5 22 0l-3 1-2 2-2-2-2 2-2-2-2 2-2-2-2 2-2-2z%22 fill=%22%23160b1c%22/%3E %3Ccircle cx=%224%22 cy=%226%22 r=%221.4%22 fill=%22%239b5de5%22/%3E%3Ccircle cx=%2244%22 cy=%2244%22 r=%221.4%22 fill=%22%239b5de5%22/%3E %3C/svg%3E') left top/var(--hw-border) var(--hw-border) repeat-y,url('data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2248%22 height=%2248%22 viewBox=%220 0 48 48%22%3E %3Crect width=%2248%22 height=%2248%22 fill=%22%230b0710%22/%3E %3Cpath d=%22M24 11c1-4 3-6 6-7l1 2c-2 1-4 3-4 6z%22 fill=%22%233f8a3a%22/%3E %3Cellipse cx=%2215%22 cy=%2227%22 rx=%229%22 ry=%2212%22 fill=%22%23e2620f%22/%3E %3Cellipse cx=%2233%22 cy=%2227%22 rx=%229%22 ry=%2212%22 fill=%22%23e2620f%22/%3E %3Cellipse cx=%2224%22 cy=%2227%22 rx=%2210%22 ry=%2213%22 fill=%22%23ff7518%22/%3E %3Cpath d=%22M24 14v26M17 16c-2 6-2 16 0 22M31 16c2 6 2 16 0 22%22 stroke=%22%23c4500a%22 stroke-width=%221.2%22 fill=%22none%22/%3E %3Cpath d=%22M14 23l5-4 1 5zM34 23l-5-4-1 5z%22 fill=%22%23160b1c%22/%3E %3Cpath d=%22M22 28l2-3 2 3z%22 fill=%22%23160b1c%22/%3E %3Cpath d=%22M13 31c3 5 19 5 22 0l-3 1-2 2-2-2-2 2-2-2-2 2-2-2-2 2-2-2z%22 fill=%22%23160b1c%22/%3E %3Ccircle cx=%224%22 cy=%226%22 r=%221.4%22 fill=%22%239b5de5%22/%3E%3Ccircle cx=%2244%22 cy=%2244%22 r=%221.4%22 fill=%22%239b5de5%22/%3E %3C/svg%3E') right top/var(--hw-border) var(--hw-border) repeat-y;
 -webkit-mask:linear-gradient(90deg,#000 var(--hw-border),transparent var(--hw-border),transparent calc(100% - var(--hw-border)),#000 calc(100% - var(--hw-border)));
 mask:linear-gradient(90deg,#000 var(--hw-border),transparent var(--hw-border),transparent calc(100% - var(--hw-border)),#000 calc(100% - var(--hw-border)))}
@media(prefers-reduced-motion:no-preference){html::before,html::after{animation:hw-flicker 6s ease-in-out infinite}}
@keyframes hw-flicker{0%,100%{filter:none}48%{filter:brightness(1.25) drop-shadow(0 0 6px #ff7518)}50%{filter:brightness(.85)}52%{filter:brightness(1.2)}}
@media print{html::before,html::after,body::after{display:none}html body{padding:0!important}}

/* Surfaces */
html body .topbar,html body .public-topbar{background:linear-gradient(110deg,#0b0710f5,#2a1240e0 60%,#ff751833)!important;border-bottom:1px solid #ff751855!important}
html body .cinema-navigation{background:#0b0710f2!important;border-color:#9b5de566!important}
html body .cinema-nav a{color:#ffd9bd}
html body .cinema-nav a:hover,html body .cinema-nav a[aria-current='page']{color:#fff!important;border-color:var(--hw-orange)!important}
html body .panel,html body .post-card,html body .reply,html body .strain-card,html body .side-card,html body .u-card,html body .auth-card,html body .stat,html body .cinema-card,html body .be-panel{
 background:linear-gradient(160deg,#1a0f24f2,#0f0915f2 60%,#2a130af0)!important;border-color:#ff751866!important;box-shadow:0 0 0 1px #9b5de522,0 14px 40px #000a,inset 0 0 40px #9b5de514!important}
html body .eyebrow,html body .cinema-kicker,html body .cinema-card-eyebrow,html body .brand-expansion{color:var(--hw-purple-soft)!important;text-shadow:none}
html body h1,html body h2,html body .cinema-hero-title,html body .cinema-card-title,html body .cinema-shelf-title{color:#ffb27a;text-shadow:0 0 14px #ff751840}
html body a:not(.btn):not(.cinema-button){color:#ffb27a}
html body .btn,html body .cinema-button,html body .be-btn{background:#1e1129!important;border-color:#9b5de5!important;color:#fff4ea!important}
html body .btn:hover,html body .cinema-button:hover{border-color:var(--hw-orange)!important}
html body .btn.primary,html body .cinema-button-primary,html body .be-btn.primary{background:linear-gradient(115deg,#ff7518,#ffa45c)!important;border-color:#ffb27a!important;color:#160b1c!important;box-shadow:0 4px 22px #ff751840!important}
html body :focus-visible{outline:3px solid var(--hw-orange)!important;outline-offset:2px}
html body input,html body select,html body textarea{background:#0b0710!important;border-color:#9b5de588!important;color:var(--hw-ink)!important}
html body .notice,html body .empty,html body .badge{border-color:#ff751866!important}
html body .toast{background:#1e1129!important;color:#fff4ea!important;border-color:#ff7518!important}