.still .mp-alert *{animation:none!important}
.still .mp-sweep{display:none}
.mp-follow{--accent:#8A4FFF;--accent-light:#C3A2FF}
.mp-subscription{--accent:#E0B84C;--accent-light:#F7DC8C}
.mp-bits{--accent:#7FD3FF;--accent-light:#D4F1FF}
.mp-raid{--accent:#8A4FFF;--accent-light:#F7DC8C}
.mp-host{--accent:#6FD08C;--accent-light:#C8F2D3}
.mp-donation{--accent:#D7263D;--accent-light:#FF7A8A}
.mp-alert{box-sizing:border-box;display:flex;justify-content:center;align-items:center;width:100%;padding:30px 20px;font-family:"Palatino Linotype","Book Antiqua",Palatino,Georgia,serif;color:#F3EAE3;-webkit-font-smoothing:antialiased}
.mp-alert *{box-sizing:border-box}
.mp-alert [hidden],.mp-data{display:none!important}
.mp-stage{position:relative;display:flex;align-items:center;width:860px;max-width:100%}
.mp-rune{position:relative;z-index:2;flex:none;width:150px;height:150px;border-radius:50%;border:4px solid var(--accent);background:radial-gradient(circle at 50% 40%,#2E1C38 0%,#160E1C 70%);display:flex;align-items:center;justify-content:center;overflow:hidden;box-shadow:0 0 0 7px rgba(13,9,17,.85),0 0 46px var(--accent);animation:mp-rune-glow .8s cubic-bezier(.2,.9,.2,1) both,mp-pulse 1.6s ease-in-out .8s infinite alternate}
.mp-glyph{font-family:"Segoe UI Historic","Noto Sans Runic","Segoe UI Symbol",serif;font-size:84px;line-height:1;color:var(--accent-light);text-shadow:0 0 22px var(--accent)}
.mp-art{width:100%;height:100%;object-fit:cover;display:block}
.mp-card{position:relative;overflow:hidden;margin-left:-46px;flex:1;min-width:0;padding:22px 34px 28px 74px;background:linear-gradient(180deg,#26172E 0%,#1C1123 100%);border:1px solid #3A2345;border-radius:14px;box-shadow:inset 0 1px 0 rgba(247,220,140,.08),0 18px 50px rgba(0,0,0,.55);animation:mp-card-in .6s cubic-bezier(.2,.8,.2,1) .35s both}
.mp-card::before{content:"";position:absolute;left:0;top:0;bottom:0;width:5px;background:linear-gradient(180deg,#F7DC8C,#E0B84C 50%,#A7862F)}
.mp-sweep{position:absolute;top:-20%;bottom:-20%;left:0;width:26%;background:linear-gradient(90deg,rgba(247,220,140,0) 0%,rgba(247,220,140,.34) 50%,rgba(247,220,140,0) 100%);transform:translateX(-160%) skewX(-18deg);pointer-events:none;animation:mp-sweep 1.2s ease-in-out .9s both}
.mp-kind{position:relative;font-size:20px;letter-spacing:.34em;text-transform:uppercase;color:var(--accent-light)}
.mp-name{position:relative;margin-top:8px;font-size:60px;line-height:1.05;font-weight:600;overflow-wrap:anywhere;background:linear-gradient(180deg,#F7DC8C 0%,#E0B84C 50%,#A7862F 100%);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 0 14px rgba(215,38,61,.6))}
.mp-what{position:relative;margin-top:6px;font-size:32px;line-height:1.25;overflow-wrap:anywhere}
.mp-what b{color:#F7DC8C;font-weight:600}
.mp-msg{position:relative;margin-top:10px;font-size:24px;line-height:1.3;color:#D4C8DC;font-style:italic;overflow-wrap:anywhere}
.mp-edge{position:absolute;left:0;right:0;bottom:0;height:4px;transform-origin:left center;background:linear-gradient(90deg,#5C0A18 0%,#D7263D 22%,#8A4FFF 50%,#E0B84C 78%,#F7DC8C 100%);animation:mp-edge 1.2s ease-out .6s both}
.mp-alert.mp-out .mp-card{animation:mp-card-out .45s ease-in both}
.mp-alert.mp-out .mp-rune{animation:mp-rune-out .5s ease-in .25s both}
@keyframes mp-rune-glow{0%{opacity:0;transform:scale(.5);filter:brightness(3) blur(8px)}60%{opacity:1;transform:scale(1.08);filter:brightness(1.6) blur(0)}100%{opacity:1;transform:scale(1);filter:none}}
@keyframes mp-pulse{from{box-shadow:0 0 0 7px rgba(13,9,17,.85),0 0 24px var(--accent)}to{box-shadow:0 0 0 7px rgba(13,9,17,.85),0 0 62px var(--accent)}}
@keyframes mp-card-in{from{opacity:.2;clip-path:inset(0 100% 0 0 round 14px)}to{opacity:1;clip-path:inset(0 0 0 0 round 14px)}}
@keyframes mp-card-out{from{opacity:1;clip-path:inset(0 0 0 0 round 14px)}to{opacity:0;clip-path:inset(0 100% 0 0 round 14px)}}
@keyframes mp-rune-out{from{opacity:1;transform:none;filter:none}to{opacity:0;transform:scale(.55);filter:brightness(2.4) blur(6px)}}
@keyframes mp-sweep{from{transform:translateX(-160%) skewX(-18deg)}to{transform:translateX(520%) skewX(-18deg)}}
@keyframes mp-edge{from{transform:scaleX(0)}to{transform:scaleX(1)}}
.fx-glow .mp-glyph{animation:mp-glyph-flare 1.4s ease-out .2s both}
@keyframes mp-glyph-flare{0%{text-shadow:0 0 0 var(--accent)}40%{text-shadow:0 0 42px var(--accent-light),0 0 80px var(--accent)}100%{text-shadow:0 0 22px var(--accent)}}
.fx-slam .mp-rune{animation:mp-rune-slam .6s cubic-bezier(.5,0,.6,1) both,mp-pulse 1.6s ease-in-out .8s infinite alternate}
.fx-slam .mp-stage{animation:mp-shake .38s linear .34s}
@keyframes mp-rune-slam{0%{opacity:0;transform:translateY(-120px) scale(1.9)}60%{opacity:1;transform:translateY(0) scale(.94)}80%{transform:scale(1.04)}100%{opacity:1;transform:none}}
@keyframes mp-shake{0%,100%{transform:translate(0,0)}20%{transform:translate(-7px,3px)}40%{transform:translate(6px,-2px)}60%{transform:translate(-4px,2px)}80%{transform:translate(3px,-1px)}}
.fx-turn .mp-rune{animation:mp-rune-turn .8s cubic-bezier(.2,.9,.2,1) both,mp-pulse 1.6s ease-in-out .8s infinite alternate}
.fx-turn .mp-sweep{animation:mp-sweep-twice 1.9s ease-in-out .8s 2 both}
@keyframes mp-rune-turn{0%{opacity:0;transform:rotate(-140deg) scale(.6)}100%{opacity:1;transform:none}}
@keyframes mp-sweep-twice{0%{transform:translateX(-160%) skewX(-18deg)}60%,100%{transform:translateX(520%) skewX(-18deg)}}
.fx-sail .mp-stage{animation:mp-sail .7s cubic-bezier(.2,.9,.2,1) both,mp-shake .38s linear 1.05s}
.fx-sail .mp-rune{animation:mp-rune-slam .6s cubic-bezier(.5,0,.6,1) .5s both,mp-pulse 1.6s ease-in-out 1.1s infinite alternate}
.fx-sail .mp-card{animation-delay:.95s}
.fx-sail .mp-sweep{animation-delay:1.5s}
@keyframes mp-sail{from{opacity:0;transform:translateX(-340px)}to{opacity:1;transform:none}}