html.halloween{--green:#ffad51;--lime:#ffad51;--mint:#b58cff;--line:#604463;--bg:#130d1d;--panel:#23182d;--panel2:#2e1d38;color-scheme:dark}
html.halloween body{background:radial-gradient(circle at 86% 3%,#7d3f3838,transparent 32%),radial-gradient(circle at 5% 48%,#45235055,transparent 43%),#130d1d;color:#fff4e7}
html.halloween header,html.halloween .site-header{background:#1b1124ef!important;border-color:#70445a!important}
html.halloween .brand{color:#fff1d9!important;text-shadow:0 0 20px #fa893a50}
html.halloween .brand span{color:#ffb85f!important}
html.halloween .brand img{width:54px;height:54px;object-fit:contain;filter:drop-shadow(0 0 12px #ff8a4090)}
html.halloween #halloween-nav{color:#ffba6a!important;font-weight:800;white-space:nowrap}
html.halloween #halloween-nav:hover{color:#ffe3a7!important}
html.halloween .art{isolation:isolate}
html.halloween .art img{filter:sepia(.26) hue-rotate(-48deg) saturate(1.5) drop-shadow(0 20px 55px #b2594750)}
html.halloween .art:after{content:'🎃';position:absolute;right:8%;top:11%;font-size:clamp(42px,7vw,86px);filter:drop-shadow(0 0 19px #fa7127);transform:rotate(12deg);pointer-events:none}
html.halloween .hero:before{background:radial-gradient(ellipse at 78% 44%,#9b4d6950,transparent 62%)}
html.halloween h1 span,html.halloween .eyebrow,html.halloween .stat-number{color:#ffb45d!important}
html.halloween .btn.primary,html.halloween button.primary,html.halloween .filter[aria-pressed=true],html.halloween .halloween-link{background:linear-gradient(135deg,#ffd076,#f68b3e)!important;border-color:#ffa34c!important;color:#2d1521!important;box-shadow:0 5px 0 #925032,0 10px 30px #f87b3440}
html.halloween .btn.primary:hover,html.halloween .halloween-link:hover{filter:brightness(1.08)}
html.halloween .card,html.halloween .tool,html.halloween .command,html.halloween details,html.halloween .stat,html.halloween .design-card,html.halloween .gallery-toolbar,html.halloween .event-card{background-color:#25182f!important;border-color:#674468!important}
html.halloween .command code,html.halloween .mini,html.halloween .small{color:#f1c6a1}
html.halloween .brand-mark,html.halloween .pixel-icon{background:#f19d4540!important;color:#ffb55a!important;border-color:#f4a45566!important}
html.halloween .halloween-banner{display:flex;align-items:center;justify-content:space-between;gap:24px;margin:0 0 40px;padding:28px 32px;border:1px solid #c57a4a;border-radius:18px;background:radial-gradient(circle at 88% 18%,#e87e3645,transparent 34%),linear-gradient(115deg,#36223b,#26172d);box-shadow:0 24px 50px #0005}
html.halloween .halloween-banner small{color:#ffbf71;font-weight:900;letter-spacing:.2em;font-size:10px}
html.halloween .halloween-banner h2{margin:8px 0;font-size:clamp(23px,3vw,34px)}
html.halloween .halloween-banner p{margin:0;color:#ead3da;line-height:1.6}
html.halloween .halloween-link{display:inline-flex;align-items:center;justify-content:center;border-radius:8px;padding:13px 19px;text-decoration:none;white-space:nowrap;font-size:14px;font-weight:900}
html.halloween .status-dot,html.halloween .badge:not(.offline){background:#ffad51!important;box-shadow:0 0 15px #ff893b80}
html.halloween .hero-note,html.halloween .intro{color:#d6c2d8}
@media(max-width:760px){html.halloween .halloween-banner{flex-direction:column;align-items:flex-start}html.halloween .halloween-link{width:100%}}
@media(min-width:761px){html.halloween .nav nav{gap:clamp(8px,1.1vw,16px)}html.halloween .nav nav a{font-size:12px}}