/* MSFWAR page hero backgrounds (s79) — faded banner behind an event page title.
   Mirrors the tuned Whiplash hero: 56% opacity, top/bottom fade, title overlaps
   the lower part of the image by 68px. */
.msf-page-hero{position:relative;isolation:isolate;overflow:hidden;}
.msf-page-hero > .msf-page-hero-crop{position:relative;z-index:0;order:-10;align-self:stretch;width:auto;max-width:none;flex:0 0 auto;height:clamp(240px,34vw,430px);overflow:hidden;margin:0 0 -68px;pointer-events:none;opacity:.56;-webkit-mask-image:linear-gradient(to bottom,transparent,#000 10%,#000 62%,transparent 100%);mask-image:linear-gradient(to bottom,transparent,#000 10%,#000 62%,transparent 100%);}
.msf-page-hero .msf-page-hero-art{display:block;width:100%;max-width:none;height:125%;object-fit:cover;object-position:center 20%;margin:0;filter:saturate(.85);}
.msf-page-hero > :not(.msf-page-hero-crop){position:relative;z-index:1;}
.msf-page-hero .cev-hero-title,.msf-page-hero .wt-title{text-shadow:0 2px 24px #080d18aa;}
.cev-hero.msf-page-hero{padding-bottom:30px;}
/* Hand-built pages (Blade Tower): the banner replaces the small portrait + kicker, like Event Creator heroes. */
.wt-hero.msf-page-hero{padding-top:0!important;}
body[data-msf-design] .wt-hero.msf-page-hero > .msf-page-hero-crop{margin:0 -18px -68px;}
@media(max-width:700px){body[data-msf-design] .wt-hero.msf-page-hero > .msf-page-hero-crop{margin:0 0 -68px;}}
.wt-hero.msf-page-hero > .msf-event-art,.wt-hero.msf-page-hero > .msf-event-kicker{display:none!important;}

/* Moderator / contributor controls */
.msf-hero-edit{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:.5rem .6rem;max-width:640px;margin:1rem auto 0;padding:.55rem .75rem;border:1px dashed rgba(143,170,255,.45);border-radius:10px;background:rgba(10,14,24,.72);font:600 .8rem/1.3 'Outfit',system-ui,sans-serif;color:#c9d4f2;text-align:left;}
.msf-hero-edit-t{font-size:.72rem;letter-spacing:.06em;text-transform:uppercase;color:#8fa6e8;}
.msf-hero-edit button{min-height:36px;padding:.35rem .85rem;border-radius:999px;border:1px solid #5b86ff;background:#16213f;color:#e6ecff;font:inherit;cursor:pointer;}
.msf-hero-edit button[data-hero="remove"]{border-color:#7a3b44;background:#2a1418;color:#ffc2c9;}
.msf-hero-edit button:hover:not(:disabled){filter:brightness(1.2);}
.msf-hero-edit button:disabled,.msf-hero-edit input:disabled{opacity:.55;cursor:default;}
.msf-hero-edit button:focus-visible,.msf-hero-edit input:focus-visible{outline:2px solid #8fb0ff;outline-offset:2px;}
.msf-hero-edit-pos{display:flex;align-items:center;gap:.4rem;font-weight:500;}
.msf-hero-edit-pos input{width:130px;accent-color:#5b86ff;}
.msf-hero-edit [hidden]{display:none!important;}
.msf-hero-edit-st{flex-basis:100%;text-align:center;font-weight:500;min-height:1em;}
.msf-hero-edit-st:empty{display:none;}
.msf-hero-edit-st[data-tone="bad"]{color:#ff8b8b;}
.msf-hero-edit-st[data-tone="good"]{color:#8fd18f;}
@media (prefers-reduced-motion:reduce){.msf-hero-edit button{transition:none;}}