/* Halloween 2026 skin, take WM2b "pirate night", pumpkin lockup. Off: remove class "halloween-2026" from <html>. */
html.halloween-2026{
  --hw-orange:#ff7a1a; --hw-title:#ff9240; --hw-purple:#3b1e5a; --hw-candy:#ffc83d;
  background:
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='360' height='260'%3E%3Cg fill='%23fff'%3E%3Ccircle cx='24' cy='30' r='1.2' opacity='.8'/%3E%3Ccircle cx='96' cy='120' r='1' opacity='.55'/%3E%3Ccircle cx='170' cy='48' r='1.5' opacity='.85'/%3E%3Ccircle cx='238' cy='170' r='1' opacity='.6'/%3E%3Ccircle cx='300' cy='70' r='1.3' opacity='.8'/%3E%3Ccircle cx='330' cy='210' r='1' opacity='.5'/%3E%3Ccircle cx='60' cy='220' r='1.2' opacity='.6'/%3E%3Ccircle cx='200' cy='235' r='.9' opacity='.5'/%3E%3C/g%3E%3Cpath fill='%23ffc83d' opacity='.8' d='M130 90l1.6 3.4 3.6.4-2.7 2.5.8 3.6-3.3-1.9-3.3 1.9.8-3.6-2.7-2.5 3.6-.4z'/%3E%3C/svg%3E") 0 0/360px 260px repeat-x,
    linear-gradient(180deg,#1b0d33 0,#3b1e5a 360px,#1a0c2c 760px,#000 1200px) no-repeat #000;
  background-size:360px 260px,100% 1200px;
  background-repeat:repeat-x,no-repeat;
}
html.halloween-2026 body{background-color:transparent}
/* moon, behind content */
html.halloween-2026 body::before{content:"";position:absolute;z-index:-1;top:18px;right:5%;width:72px;height:72px;pointer-events:none;
  background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 72 72'%3E%3Cdefs%3E%3Cmask id='m'%3E%3Crect width='72' height='72' fill='%23fff'/%3E%3Ccircle cx='50' cy='28' r='26' fill='%23000'/%3E%3C/mask%3E%3C/defs%3E%3Ccircle cx='34' cy='38' r='28' fill='%23f6e9c4' mask='url(%23m)'/%3E%3C/svg%3E") center/contain no-repeat;opacity:.9}
@media (max-width:520px){html.halloween-2026 body::before{width:40px;height:40px;top:92px;right:14px}}
/* lockup with the mochi mark as the S72 pumpkin: transparent PNG, same 1000x170 box, alt unchanged */
html.halloween-2026 .logo img{content:url(../images/halloween-logo-pumpkin.png)}
/* ribbon */
html.halloween-2026 main::before{content:"Happy Halloween";display:block;width:max-content;max-width:90%;margin:6px auto 14px;
  padding:7px 40px;background:var(--hw-orange);color:#1b0d33;font-weight:bold;font-size:17px;line-height:22px;letter-spacing:.04em;text-align:center;
  clip-path:polygon(0 0,100% 0,calc(100% - 16px) 50%,100% 100%,0 100%,16px 50%);box-shadow:0 0 0 0 transparent}
/* dark cards, orange titles */
html.halloween-2026 .app-card{border:1px solid #5a3586;border-radius:16px;background:rgba(14,6,26,.86);
  box-shadow:0 4px 18px rgba(0,0,0,.5),inset 0 1px 0 rgba(255,255,255,.06)}
html.halloween-2026 .app-card:hover{border-color:var(--hw-orange)}
html.halloween-2026 .app-title,html.halloween-2026 .app-title a{color:var(--hw-title)}
html.halloween-2026 .app-title a:hover,html.halloween-2026 .app-title a:focus-visible{color:var(--hw-candy)}
html.halloween-2026 .app-description{color:#c4b8d2}
html.halloween-2026 .app-links a:focus-visible{outline:3px solid var(--hw-orange);outline-offset:3px;border-radius:6px}
@media (prefers-reduced-motion:reduce){html.halloween-2026 *{transition:none!important;animation:none!important}}