html,body{margin:0;padding:0;background:transparent;overflow:hidden}
*{box-sizing:border-box}
[hidden]{display:none!important}
.mp-chat{--mp-accent:#E0B84C;--mp-size:20px;position:fixed;inset:0;font-family:"Palatino Linotype","Book Antiqua",Palatino,Georgia,serif;color:#F3EAE3;-webkit-font-smoothing:antialiased}
.mp-glass{position:absolute;inset:14px;border-radius:18px;background:linear-gradient(180deg,rgba(13,9,17,.72),rgba(13,9,17,.5));box-shadow:0 0 22px rgba(215,38,61,.35),inset 0 0 36px rgba(0,0,0,.55)}
.mp-clear .mp-glass{background:none}
.mp-frame{position:absolute;inset:14px;border-radius:18px;padding:6px;background:linear-gradient(90deg,#5C0A18 0%,#D7263D 22%,#8A4FFF 50%,#E0B84C 78%,#F7DC8C 100%);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}
.mp-corner{position:absolute;width:24px;height:24px;border:3px solid var(--mp-accent);background:#0D0911;transform:translate(-50%,-50%) rotate(45deg);box-shadow:0 0 12px rgba(224,184,76,.5);z-index:3}
.mp-corner::after{content:"";position:absolute;inset:5px;background:#D7263D}
.mp-tl{left:14px;top:14px}
.mp-tr{left:calc(100% - 14px);top:14px}
.mp-bl{left:14px;top:calc(100% - 14px)}
.mp-br{left:calc(100% - 14px);top:calc(100% - 14px)}
.mp-head{position:absolute;left:20px;right:20px;top:20px;height:64px;display:flex;align-items:center;gap:14px;padding:0 20px 3px 22px;overflow:hidden;border-radius:12px 12px 4px 4px;background:linear-gradient(180deg,#26172E 0%,#1C1123 100%);border:1px solid #3A2345;box-shadow:inset 0 1px 0 rgba(247,220,140,.08),0 6px 18px rgba(0,0,0,.45);z-index:2}
.mp-head::before{content:"";position:absolute;left:0;top:0;bottom:0;width:5px;background:linear-gradient(180deg,#F7DC8C,var(--mp-accent) 50%,#A7862F)}
.mp-eye{flex:none;width:16px;height:16px;border-radius:50%;background:radial-gradient(circle,#FFE6C8 0%,#FF4A2E 45%,rgba(255,0,0,0) 76%);box-shadow:0 0 14px 3px rgba(255,48,32,.55);animation:mp-glow 1.6s ease-in-out infinite alternate}
.mp-title{min-width:0;font-size:28px;font-weight:600;line-height:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;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,.7))}
.mp-meta{flex:none;margin-left:auto;font-family:"Segoe UI Historic","Noto Sans Runic","Segoe UI Symbol",serif;font-size:22px;letter-spacing:.4em;color:rgba(224,184,76,.55)}
.mp-edge{position:absolute;left:0;right:0;bottom:0;height:3px;background:linear-gradient(90deg,#5C0A18 0%,#D7263D 22%,#8A4FFF 50%,#E0B84C 78%,#F7DC8C 100%)}
.mp-nohead .mp-head{display:none}
.mp-log{position:absolute;left:28px;right:28px;top:96px;bottom:28px;display:flex;flex-direction:column;justify-content:flex-end;gap:8px;overflow:hidden}
.mp-nohead .mp-log{top:28px}
.mp-row{position:relative;flex:none;overflow:hidden;padding:7px 12px 9px 16px;border-radius:10px;background:linear-gradient(180deg,rgba(38,23,46,.92) 0%,rgba(28,17,35,.92) 100%);border:1px solid #3A2345;font-size:var(--mp-size);line-height:1.35;overflow-wrap:anywhere;animation:mp-row-in .45s cubic-bezier(.2,.8,.2,1) both}
.mp-row::before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:linear-gradient(180deg,#F7DC8C,var(--mp-accent) 50%,#A7862F)}
.mp-row::after{content:"";position:absolute;top:-20%;bottom:-20%;left:0;width:30%;background:linear-gradient(90deg,rgba(247,220,140,0) 0%,rgba(247,220,140,.22) 50%,rgba(247,220,140,0) 100%);transform:translateX(-160%) skewX(-18deg);animation:mp-sweep 1s ease-in-out .2s both;pointer-events:none}
.mp-row.mp-gone{animation:mp-row-out .5s ease-in both}
.mp-badge{height:1.05em;width:auto;vertical-align:-.15em;margin-right:4px}
.mp-user{font-weight:600;margin-right:8px;color:#F7DC8C}
.mp-user::after{content:":";color:#B3A6BC;font-weight:400}
.mp-action .mp-user::after{content:""}
.mp-action .mp-text{font-style:italic;color:var(--mp-name-colour,#D4C8DC)}
.mp-text{color:#F3EAE3}
.mp-emote{height:1.6em;width:auto;vertical-align:-.45em;margin:0 1px}
@keyframes mp-glow{from{opacity:.6}to{opacity:1}}
@keyframes mp-row-in{from{opacity:0;transform:translateX(-24px);clip-path:inset(0 100% 0 0 round 10px)}to{opacity:1;transform:none;clip-path:inset(0 0 0 0 round 10px)}}
@keyframes mp-row-out{from{opacity:1}to{opacity:0;transform:translateX(24px)}}
@keyframes mp-sweep{from{transform:translateX(-160%) skewX(-18deg)}to{transform:translateX(520%) skewX(-18deg)}}
@media (max-width:440px){
  .mp-meta{display:none}
}
@media (max-width:340px){
  .mp-head{height:48px;padding:0 12px 3px 16px;gap:10px}
  .mp-title{font-size:21px}
  .mp-log{top:78px;left:24px;right:24px}
}