/* Blood Moon: theme-scoped, standalone, accessible forum skin */
body.swft-blood-moon{--swft-bg:#100508;--swft-panel:#210b13;--swft-hero:#390b19;--swft-border:#8f3044;--swft-text:#fff1ed;--swft-muted:#e0b4bd;--swft-link:#ffb9a9;--swft-accent:#db254b;--swft-field:#220a14;background:#100508!important;color:#fff1ed!important;position:relative;isolation:isolate}
body.swft-blood-moon::before{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(180deg,#0902081a,#12020c35 65%,#09020755),url(assets/blood-moon-atmosphere.jpg) center center / cover no-repeat!important;}
body.swft-blood-moon::after{content:"";position:fixed;inset:-25% -60%;z-index:-1;pointer-events:none;opacity:.58;background:radial-gradient(ellipse 33% 12% at 25% 58%,#f5a2a23b,transparent 90%),radial-gradient(ellipse 32% 10% at 75% 76%,#ffe5df32,transparent 90%),radial-gradient(ellipse 36% 9% at 42% 90%,#e06b7e33,transparent 90%);filter:blur(32px);animation:bm-fog 28s ease-in-out infinite alternate}
@keyframes bm-fog{0%{transform:translate3d(-10%,2%,0) scale(1)}50%{transform:translate3d(8%,-3%,0) scale(1.08)}100%{transform:translate3d(16%,3%,0) scale(1.02)}}
body.swft-blood-moon .swf,body.swft-blood-moon .ui-wrap{color:#fff1ed!important}
body.swft-blood-moon .swf .hero{position:relative;min-height:400px!important;padding:42px!important;background:linear-gradient(90deg,#13050ce8 0%,#290711ac 52%,#23040b18 100%),url(assets/blood-moon-city.jpg) center 42% / cover no-repeat!important;border:1px solid #c74960!important;box-shadow:0 18px 70px #000b,inset 0 0 80px #6c11242a!important;overflow:hidden}
body.swft-blood-moon .swf .hero::after{content:""!important;position:absolute;right:24px;bottom:20px;top:auto!important;font-size:12px!important;font-weight:900;letter-spacing:.35em;color:#ffaaa9a6!important}
body.swft-blood-moon .swf .hero h1{color:#fff3ed!important;text-shadow:0 3px 22px #140206,0 0 24px #d3204d}
body.swft-blood-moon .swf .hero p,body.swft-blood-moon .swf .hero .muted{color:#ffe0dc!important;text-shadow:0 2px 12px #000}
body.swft-blood-moon .swf .panel,body.swft-blood-moon .swf .side-panel,body.swft-blood-moon .swf .swf-forum-node,body.swft-blood-moon .swf .swf-category{background:linear-gradient(145deg,#280a16ed,#13070ff0)!important;border:1px solid #923149!important;color:#fff1ed!important;box-shadow:0 9px 30px #0501039e,inset 0 1px #ff9a9a15!important}
body.swft-blood-moon .swf .swf-category,body.swft-blood-moon .swf .swf-forum-node{position:relative;isolation:isolate;overflow:visible;transition:transform .24s ease,box-shadow .24s ease}
body.swft-blood-moon .swf .swf-category:hover,body.swft-blood-moon .swf .swf-forum-node:hover{transform:translateY(-2px);box-shadow:0 12px 36px #000c,0 0 22px #ba123f60!important}
/* Drips sit at the category and forum edge, never over clickable content. */
body.swft-blood-moon .swf .swf-category::after,body.swft-blood-moon .swf .swf-forum-node::after{content:"";position:absolute;top:0;left:0;right:0;height:25px;pointer-events:none;z-index:2;background:radial-gradient(ellipse 8px 22px at 8% 0,#b80c32 97%,transparent 100%),radial-gradient(ellipse 5px 15px at 29% 0,#e21e46 97%,transparent 100%),radial-gradient(ellipse 8px 24px at 62% 0,#9b0b2c 97%,transparent 100%),radial-gradient(ellipse 6px 16px at 88% 0,#c6173b 97%,transparent 100%);background-repeat:no-repeat;transform-origin:top;animation:bm-drip 5.5s ease-in-out infinite alternate}
body.swft-blood-moon .swf .swf-forum-node::after{height:15px;opacity:.7;animation-duration:7s}
@keyframes bm-drip{0%,100%{transform:scaleY(.65);opacity:.66}50%{transform:scaleY(1.15);opacity:1}}
body.swft-blood-moon .swf .swf-category-head{background:linear-gradient(100deg,#850c2d,#3b0818)!important;color:#fff5ef!important;border-bottom:2px solid #e53452!important}
body.swft-blood-moon .swf .swf-forum-row,body.swft-blood-moon .swf .item{background:#1e0913b8!important;border-color:#853149!important}
body.swft-blood-moon .swf a,body.swft-blood-moon .ui-wrap a{color:#ffc0b5!important;text-decoration-color:#ef536c!important}
body.swft-blood-moon .swf a:hover,body.swft-blood-moon .ui-wrap a:hover{color:#fff5e8!important}
body.swft-blood-moon .swf .swf-forum-name{color:#fff0e8!important;font-weight:850;text-shadow:0 0 14px #cc2d4a55}
body.swft-blood-moon .swf p,body.swft-blood-moon .swf .muted,body.swft-blood-moon .swf .meta{color:#e0b4bd!important}
body.swft-blood-moon .swf button,body.swft-blood-moon .swf .btn,body.swft-blood-moon .ui-btn{background:linear-gradient(110deg,#b20e38,#e33c53)!important;color:#fff!important;border:1px solid #ff7181!important;box-shadow:0 5px 20px #8c082b55!important}
body.swft-blood-moon .swf input,body.swft-blood-moon .swf textarea,body.swft-blood-moon .swf select{background:#190711!important;color:#fff4f0!important;border-color:#9c4356!important}
body.swft-blood-moon .swf .side-panel a{color:#ffe0d7!important}
body.swft-blood-moon .swf .side-panel a:hover{background:#8d18374d!important}
body.swft-blood-moon .swf .pill{background:#67132b!important;color:#fff1e9!important}
@media(max-width:720px){body.swft-blood-moon .swf .hero{min-height:300px!important;padding:25px!important}body.swft-blood-moon::after{opacity:.35}}
@media(prefers-reduced-motion:reduce){body.swft-blood-moon::after,body.swft-blood-moon .swf .swf-category::after,body.swft-blood-moon .swf .swf-forum-node::after{animation:none!important}body.swft-blood-moon .swf .swf-category,body.swft-blood-moon .swf .swf-forum-node{transition:none!important}}



/* v1.1.5: One original uninterrupted panorama. Never tile or composite skylines.
   Attach the image directly to the body instead of a negative-z pseudo-element. */
html:has(body.swft-blood-moon){background:#100508!important;}
html body.swft-blood-moon{
  min-height:100vh!important;
  background-color:#100508!important;
  background-image:linear-gradient(180deg,rgba(12,1,6,.06),rgba(12,1,6,.17)),url("assets/blood-moon-city.jpg")!important;
  background-position:center center!important;
  background-size:cover!important;
  background-repeat:no-repeat!important;
  background-attachment:fixed!important;
  isolation:auto!important;
}
html body.swft-blood-moon::before{content:none!important;display:none!important;background:none!important;}
/* Fog is translucent and cannot create another skyline. */
html body.swft-blood-moon::after{z-index:0!important;opacity:.20!important;}
html body.swft-blood-moon > *{position:relative;z-index:1;}
@media(max-width:720px){html body.swft-blood-moon{background-position:60% center!important;background-attachment:scroll!important;}html body.swft-blood-moon::after{display:none!important;}}