/* FANGST v152 — original reference image and a consistent full-app Halloween skin.
   Scoped exclusively to body.fangst-halloween. Animated v149 wordmark stays original. */
body.fangst-halloween{--navy:#0b0206;--navy2:#23050c;--ink:#fff2f3;--muted:#f0cfd4;--turq:#ff213b;--turq2:#ff6373;--bg:#080105;--white:#150409;--stroke:#ac2439;--warn:#ffc680;--err:#ff6179;--success:#94f0c6;color-scheme:dark;background:#040102!important;color:#fff0f0!important}
body.fangst-halloween .app-shell{background:linear-gradient(180deg,#090103,#1b0309 45%,#050102)!important;color:#fff0f0!important;box-shadow:0 0 46px #ec0c2f27!important}
body.fangst-halloween .topbar{height:clamp(84px,22vw,122px)!important;background:radial-gradient(ellipse at 49% -15%,#5c0614,#170207 48%,#050102 86%)!important;padding:0 9px!important;border-bottom:2px solid #f62139!important;box-shadow:0 4px 17px #f81535a1,inset 0 -2px 2px #ff99ab6e!important;overflow:visible!important}
body.fangst-halloween .topbar::before{content:""!important;position:absolute!important;inset:0!important;display:block!important;pointer-events:none!important;z-index:0!important;background:url("fangst-halloween-web-v149.svg") left -22px top -14px/132px 126px no-repeat,url("fangst-halloween-web-v149.svg") right -27px top -17px/132px 120px no-repeat!important;opacity:.8;filter:grayscale(.53) brightness(1.35)}
body.fangst-halloween .topbar::after{content:""!important;position:absolute!important;left:0!important;right:0!important;bottom:-23px!important;height:24px!important;background:url("fangst-halloween-blood-v149.svg") center top/100% 100% no-repeat!important;z-index:10!important;pointer-events:none!important;filter:drop-shadow(0 0 4px #f01a37)}
body.fangst-halloween .topbar .brand.v105-brand{width:min(88vw,475px)!important;max-width:calc(100% - 46px)!important;height:100%!important;z-index:2!important}
body.fangst-halloween .topbar img.v105-header-logo{width:100%!important;height:100%!important;max-height:118px!important;aspect-ratio:440/135!important;object-fit:contain!important;animation:none!important;opacity:1!important;filter:drop-shadow(0 0 8px #ed14358a)!important}
body.fangst-halloween .topbar .iconbtn{position:absolute!important;right:5px!important;top:4px!important;width:30px!important;height:30px!important;z-index:12!important;background:#2d0710a3!important;border:1px solid #b12c3d!important;opacity:.87!important;box-shadow:0 0 5px #f61b355e!important}
body.fangst-halloween .topbar .iconbtn svg{width:15px!important;height:15px!important}
/* True image of the user-supplied home design; native buttons are transparent
   hit regions over the printed design. */
body.fangst-halloween .screen.ha-ref-home-v152{padding:0 0 125px!important;background:linear-gradient(180deg,#100206,#060103 80%)!important;overflow:visible!important}
body.fangst-halloween .ha-ref-stage-v152{position:relative;display:block;width:100%!important;aspect-ratio:802 / 1496;overflow:hidden;isolation:isolate;background:#070103 url('fangst-halloween-reference-v153.webp?v=153') top center/100% 100% no-repeat!important;box-shadow:0 1px 13px #c6062521!important}
body.fangst-halloween .ha-ref-stage-v152 .ha-ref-hit-v152{position:absolute!important;z-index:5!important;display:block!important;margin:0!important;padding:0!important;min-height:0!important;min-width:0!important;background:transparent!important;border:0!important;border-radius:17px!important;box-shadow:none!important;filter:none!important;transform:none!important;color:transparent!important;font-size:0!important;line-height:0!important;cursor:pointer!important;user-select:none!important;-webkit-tap-highlight-color:rgba(255,39,66,.35)!important}
body.fangst-halloween .ha-ref-stage-v152 .ha-ref-hit-v152::before,
body.fangst-halloween .ha-ref-stage-v152 .ha-ref-hit-v152::after{content:none!important;display:none!important}
body.fangst-halloween .ha-ref-hit-v152:hover{outline:1px solid #ff6b80!important;outline-offset:-3px!important;box-shadow:0 0 18px #fb193a91,inset 0 0 22px #f725371d!important}
body.fangst-halloween .ha-ref-stage-v152 .ha-ref-hit-v152:focus-visible{outline:3px solid #fff2f5!important;outline-offset:-5px!important;box-shadow:0 0 0 3px #fc1839,0 0 18px #ff385a!important}
body.fangst-halloween .ha-ref-stage-v152 .ha-ref-hit-v152:active{background:#f320341a!important;box-shadow:inset 0 0 15px #ff28495c!important}
body.fangst-halloween .ha-ref-stage-v152 .ha-hit-water{left:3%!important;top:16.4%!important;width:94%!important;height:11.2%!important}
body.fangst-halloween .ha-ref-stage-v152 .ha-hit-capture{left:3%!important;top:28.75%!important;width:94%!important;height:10%!important}
body.fangst-halloween .ha-ref-stage-v152 .ha-hit-video{left:3%!important;top:39.7%!important;width:45.5%!important;height:15.15%!important}
body.fangst-halloween .ha-ref-stage-v152 .ha-hit-judge{left:50.8%!important;top:39.7%!important;width:45.9%!important;height:15.15%!important}
body.fangst-halloween .ha-ref-stage-v152 .ha-hit-create{left:3%!important;top:55.8%!important;width:45.5%!important;height:14.8%!important}
body.fangst-halloween .ha-ref-stage-v152 .ha-hit-archive{left:50.8%!important;top:55.8%!important;width:45.9%!important;height:14.8%!important}
body.fangst-halloween .ha-ref-stage-v152 .ha-hit-events{left:3%!important;top:72%!important;width:45.5%!important;height:13.4%!important}
body.fangst-halloween .ha-ref-stage-v152 .ha-hit-submissions{left:50.8%!important;top:72%!important;width:45.9%!important;height:13.4%!important}
/* Personalise reference screenshot greeting for other anglers. */
body.fangst-halloween .ha-ref-hero-identity-v152{position:absolute;z-index:4;top:3.2%;left:0;width:72%;height:11.9%;display:flex;flex-direction:column;justify-content:center;padding:8px 7px 12px 5%;gap:7px;background:linear-gradient(90deg,#100208 0%,#160309 76%,transparent)!important;pointer-events:none;color:#fff!important}
body.fangst-halloween .ha-ref-hero-identity-v152 strong{font-size:clamp(20px,5.15vw,34px);white-space:nowrap;max-width:100%;overflow:hidden;text-overflow:ellipsis;text-shadow:0 2px 3px #040102,0 0 7px #e6172c}
body.fangst-halloween .ha-ref-hero-identity-v152 small{font-size:clamp(12px,3.1vw,19px);line-height:1.4;color:#fff1f2!important;text-shadow:0 2px 4px #050104}
body.fangst-halloween .ha-ref-home-v152 .ha-ref-native-v152{display:none!important}
body.fangst-halloween.ha-reference-unavailable-v152 .ha-ref-home-v152 .ha-ref-native-v152{display:initial!important}
body.fangst-halloween.ha-reference-unavailable-v152 .ha-ref-stage-v152{display:none!important}
body.fangst-halloween .ha-ref-home-v152 .ha-secondary-v152{padding:14px 12px 3px!important;background:#090204!important;border-top:1px solid #8e172b}
body.fangst-halloween .ha-ref-home-v152 .v66-shortcuts{padding:12px!important;margin:8px 0!important;gap:9px!important}
body.fangst-halloween .ha-ref-home-v152 :is(.v66-shortcuts button,.v66-more-grid button,.v57-event){background:linear-gradient(110deg,#27040b,#110207)!important;border:1px solid #d13049!important;color:#fff4f3!important;border-radius:14px!important;box-shadow:inset 0 1px #ff75772e,0 0 8px #fe1e333d!important}
/* Whole-app page system */
body.fangst-halloween .screen:not(.ha-ref-home-v152){position:relative;color:#fff0f1!important;background:radial-gradient(ellipse at 85% 3%,#97102036,transparent 28%),radial-gradient(ellipse at 6% 50%,#65051124,transparent 45%),linear-gradient(180deg,#160307 0%,#080204 42%,#140309 100%)!important;overflow-x:clip}
body.fangst-halloween .screen:not(.ha-ref-home-v152)::before{content:"";position:absolute;right:-12px;top:3px;width:133px;height:117px;z-index:0;background:url("fangst-halloween-web-v149.svg") top right/contain no-repeat;opacity:.6;pointer-events:none}
body.fangst-halloween :is(.screen h1,.screen h2,.screen h3,.card h1,.card h2,.card h3,.section-row h2){color:#fff7f6!important;text-shadow:0 2px 4px #030102,0 0 6px #a50c2394!important}
body.fangst-halloween :is(.eyebrow,.muted,.micro.muted,.subtitle,.footnote,.small.muted,.card small,.setting p){color:#f0cfd2!important}
body.fangst-halloween :is(.card,.detail-top,.profile-hero,.v87-details,.v54-session,.v75-registration-form,.v75-number-box,.v75-roster-row,.v88-live-panel,.v90-crew-panel,.v68-create-card,.v57-event,.v57-featured,.v66-water-card,.v66-more-grid button,.v66-shortcuts button,.v67-weather,.fa-news-card,.fa-news-empty,.fa-news-loading,.v92-punding-choice,.v92-pundings .card,.v46-history,.v57-catch-split,.v57-home-box,.v57-settings,.v57-explore,.v57-admin-entry,.fangst-inbox,.fangst-roster,.fangst-participant-row,.fangst-notification-row,.install-panel,.upload,.dashed,.stats .stat,.v49-map-meta,.v74-moon-day,.v74-rise-set>div){background:linear-gradient(110deg,rgba(11,1,5,.53),rgba(18,2,7,.39)),url("fangst-halloween-panel-v149.svg") center/cover no-repeat,linear-gradient(135deg,#29050b,#080105)!important;color:#fff1f1!important;border:1px solid #d32940!important;box-shadow:inset 0 0 0 1px #ff8b9621,0 0 11px #dc103e57,0 5px 12px #000a!important}
body.fangst-halloween :is(.card,.detail-top,.profile-hero,.v87-details,.v90-crew-panel,.v88-live-panel,.fangst-inbox) :is(strong,b,label,p,span,small,li,header){color:#fff0f0}
body.fangst-halloween :is(.btn,button.btn,.v87-action,.v68-home-create,.v66-water-hero,.v57-profile-action,.v57-action,.v67-tabs button,.v67-home-links button,.v66-shortcuts button,.v54-start,.v54-end,.v66-more-grid button){background:linear-gradient(120deg,#5a0718,#27050d 58%,#110307)!important;border:1px solid #fc344b!important;color:#fff5f5!important;box-shadow:inset 0 0 0 1px #ff76873d,inset 0 -7px 14px #e3081a17,0 0 9px #f40b344a!important;text-shadow:0 1px 3px #080103!important}
body.fangst-halloween :is(button,.btn,[role=button]):focus-visible{outline:3px solid #ff8899!important;outline-offset:2px!important}
body.fangst-halloween :is(button:not(:disabled),.btn:not(:disabled)):active{filter:brightness(1.18)}
body.fangst-halloween :is(.btn.secondary,.btn.outline,.btn.tiny){background:linear-gradient(120deg,#300611,#120307)!important;border-color:#c3334b!important}
body.fangst-halloween :is(.tabs,.v67-tabs,.v54-tabs,.filters,.v87-filter-details){background:#22060e!important;border:1px solid #a92740!important;box-shadow:0 0 8px #f10e3329!important}
body.fangst-halloween :is(.tab.active,.v67-tabs .active,.v54-tabs .active){background:linear-gradient(145deg,#aa0d2b,#49071a)!important;border:1px solid #fe516c!important;color:#fff!important;box-shadow:0 0 11px #f7133995!important}
body.fangst-halloween :is(input:not([type=checkbox]):not([type=radio]):not([type=range]),textarea,select){background:#1f060e!important;color:#fff1f2!important;-webkit-text-fill-color:#fff1f2!important;border:1px solid #b83a53!important;caret-color:#ff6c83!important;box-shadow:inset 0 0 8px #19040a!important}
body.fangst-halloween :is(input,textarea)::placeholder{color:#d4acb5!important;opacity:1}
body.fangst-halloween :is(input[type=checkbox],input[type=radio],input[type=range]){accent-color:#f51b43!important}
body.fangst-halloween :is(.pill:not(.green),.tag,.badge){background:#510d1d!important;color:#ffe5e8!important;border-color:#b93d50!important}
body.fangst-halloween .bottomnav{background:linear-gradient(180deg,#100208,#060103 80%)!important;border-top:2px solid #ff293c!important;box-shadow:0 -5px 17px #f411339a,inset 0 2px 3px #ff9da252!important}
body.fangst-halloween .bottomnav .navitem{color:#ffeff0!important;text-shadow:0 1px 3px #000!important}
body.fangst-halloween .bottomnav .navitem.active{color:#ff5267!important;text-shadow:0 0 8px #ff2447!important;background:linear-gradient(180deg,transparent,#6f0719a1)!important;box-shadow:inset 0 -2px #ff293b!important}
body.fangst-halloween .bottomnav .navitem.capture svg{background:radial-gradient(circle,#6f1024,#1a030a)!important;border:2px solid #ff3658!important;box-shadow:0 0 17px #fc2141,inset 0 0 6px #fa4457!important}
body.fangst-halloween .bottomnav .navitem.active svg{filter:drop-shadow(0 0 6px #ff2642)!important}
body.fangst-halloween :is(.alert,.info.warning){background:#3a2015!important;color:#fff3dc!important;border:1px solid #e38a47!important}
body.fangst-halloween :is(#toast,#fr131-chat-panel,.fr131-chat-line){background:#22050b!important;color:#fff3f4!important;border-color:#c82647!important}
body.fangst-halloween .theme-buttons{grid-template-columns:repeat(2,minmax(0,1fr))!important}
body.fangst-halloween .theme-buttons [data-theme=halloween]{background:linear-gradient(120deg,#e41c41,#6e0c25)!important;border:2px solid #ff6778!important;box-shadow:0 0 12px #f21b42!important}
@media(max-width:375px){body.fangst-halloween .ha-ref-hero-identity-v152 strong{font-size:clamp(15px,5vw,22px)}body.fangst-halloween .ha-ref-hero-identity-v152 small{font-size:11px}}
@media(prefers-reduced-motion:reduce){body.fangst-halloween *,body.fangst-halloween *::before,body.fangst-halloween *::after{animation-duration:.01ms!important;transition-duration:.01ms!important}}
/* Finish: screenshots don't stack over earlier decorative pseudo-elements. */
body.fangst-halloween .screen.ha-ref-home-v152::before,
body.fangst-halloween .screen.ha-ref-home-v152::after{display:none!important;content:none!important}
body.fangst-halloween .screen:not(.ha-ref-home-v152)::after{
 content:"";position:absolute;z-index:0;top:0;left:0;right:0;
 height:135px;pointer-events:none;opacity:.23;
 background:linear-gradient(to bottom,transparent 48%,#0a0207 100%),
 url('fangst-halloween-reference-v153.webp?v=153') center bottom/100% auto no-repeat;
}
body.fangst-halloween .screen:not(.ha-ref-home-v152)>*{position:relative;z-index:1}
body.fangst-halloween :is(.v87-details,.v66-water-card,.v75-registration-form,.v90-crew-panel,.v68-create-card,details.card,article.card){
 border-radius:17px!important;
}
body.fangst-halloween :is(.v87-details,.v66-water-card,.v90-crew-panel,.v68-create-card,.detail-top,.v57-event,article.card){
 background-blend-mode:normal,normal,normal;
}
body.fangst-halloween :is(.v87-details,.v66-water-card,.v90-crew-panel,.v68-create-card,.detail-top,.v57-event,article.card) :is(summary,.section-row,h2){
 text-shadow:0 0 6px #f31534b3,0 2px 3px #000!important;
}
body.fangst-halloween .bottomnav .navitem.capture{
 filter:drop-shadow(0 0 5px #ef153b);
}

body.fangst-halloween:not(.ha-reference-ready-v152) .ha-ref-home-v152 .ha-ref-stage-v152{display:none!important}
body.fangst-halloween:not(.ha-reference-ready-v152) .ha-ref-home-v152 .ha-ref-native-v152{display:initial!important}

/* v153: illustration is painted by the stage, not the hit targets.
   Force full transparency even when legacy button/theme CSS has higher specificity. */
body.fangst-halloween .ha-ref-stage-v152 button.ha-ref-hit-v152,
body.fangst-halloween .ha-ref-stage-v152 button.ha-ref-hit-v152:hover,
body.fangst-halloween .ha-ref-stage-v152 button.ha-ref-hit-v152:active {
  background-color:transparent!important;background-image:none!important;
  border:0!important;outline-offset:-3px!important;
  box-shadow:none!important;text-shadow:none!important;color:transparent!important;
  backdrop-filter:none!important;-webkit-backdrop-filter:none!important;
  filter:none!important;
}
body.fangst-halloween .ha-ref-stage-v152 button.ha-ref-hit-v152:focus-visible {
 outline:3px solid #ff6373!important;
}
body.fangst-halloween .ha-ref-stage-v152 button.ha-ref-hit-v152::before,
body.fangst-halloween .ha-ref-stage-v152 button.ha-ref-hit-v152::after{
 content:none!important;display:none!important;background:none!important;
}
