body.monster-bg {
    background-color: var(--bg);
    cursor: default;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='90' height='90' viewBox='0 0 90 90'%3E%3Cpath fill='%23C778DD' fill-opacity='0.05' d='M45 45.02l1.16-1.07a12.27 12.27 0 001.83.93l-.3 2.56.67.22 1.26-2.25c.65.16 1.33.27 2.03.32L52.15 48h.7l.5-2.53c.69-.05 1.37-.16 2.03-.32l1.26 2.25.67-.22-.3-2.56c.64-.26 1.25-.57 1.83-.93l1.9 1.74.56-.41-1.07-2.35a12.07 12.07 0 001.45-1.45l2.35 1.07.41-.56-1.74-1.9c.37-.58.68-1.19.94-1.83l2.56.3.21-.66-2.25-1.27c.16-.65.27-1.33.32-2.03L67 35.85v-.7l-2.53-.5c-.05-.69-.16-1.37-.32-2.03l2.25-1.26-.22-.67-2.56.3c-.26-.64-.57-1.25-.93-1.83l1.74-1.9-.41-.56-2.35 1.07a12.07 12.07 0 00-1.45-1.45l1.07-2.35-.56-.41-1.9 1.74a12.27 12.27 0 00-1.83-.93l.3-2.56-.67-.22-1.26 2.25a12.02 12.02 0 00-2.03-.32L52.85 22h-.7l-.5 2.53c-.69.05-1.37.16-2.03.32l-1.26-2.25-.67.22.3 2.56c-.64.26-1.25.57-1.83.93l-1.9-1.74-.56.41 1.07 2.35a12.07 12.07 0 00-1.45 1.45l-2.35-1.07-.41.56 1.74 1.9c-.37.58-.68 1.19-.94 1.83l-2.56-.3-.21.66 2.25 1.27c-.16.65-.27 1.33-.32 2.03L38 35.15v.7l2.53.5c.05.69.16 1.37.32 2.03l-2.25 1.26.22.67 2.56-.3c.26.64.57 1.25.93 1.83l-1.74 1.9.41.56 2.35-1.07c.45.52.94 1 1.45 1.45l-1.07 2.35.56.41 1.9-1.74c.58.37 1.19.68 1.83.94L45 45.02zM52.5 40.5a5 5 0 110-10 5 5 0 010 10z'%3E%3C/path%3E%3C/svg%3E");
}

.wrapper{width:500px;height:560px;position:absolute;top:50%;left:50%;transform:translate(-50%,-58%);overflow:hidden;box-shadow:0 0 60px rgba(199,120,221,.15),-4px 12px 0 -6px rgba(0,0,0,.5);}
.wrapper::after{content:"";position:absolute;z-index:2;left:250px;top:-5px;transform:rotate(30deg);border-left:10px solid transparent;border-right:10px solid transparent;border-top:20px solid var(--primary);}
.wrapper::before{content:"";position:absolute;z-index:2;left:240px;top:-10px;transform:rotate(30deg);border-left:10px solid transparent;border-right:10px solid transparent;border-top:20px solid var(--primary);}
.Body{position:absolute;z-index:1;overflow:hidden;left:160px;width:180px;height:320px;background-color:var(--primary);border-radius:50% 50% 50% 50%/60% 60% 40% 40%;}
.Body::before{content:"";width:35px;height:4px;background:var(--bg);left:48px;top:70px;position:absolute;z-index:1;transform:rotate(30deg);}
.Body::after{content:"";width:35px;height:4px;background:var(--bg);right:48px;top:70px;position:absolute;z-index:100;transform:rotate(-30deg);}
.LeftEye,.LeftEyeLeft{width:30px;height:30px;background:var(--white);border-radius:30px;border:solid 1px var(--bg);left:45px;top:70px;position:absolute;overflow:hidden;}
.LeftEye::after{content:"";width:20px;height:20px;background:var(--bg);border-radius:30px;right:-3px;top:5px;position:absolute;z-index:1;animation:RERight 1s forwards;}
.LeftEyeLeft::after{content:"";width:20px;height:20px;background:var(--bg);border-radius:30px;right:13px;top:5px;position:absolute;z-index:1;animation:RELeft 1s forwards;}
.RightEye,.RightEyeRight{width:30px;height:30px;background:var(--white);border-radius:30px;border:solid 1px var(--bg);right:45px;top:70px;position:absolute;overflow:hidden;}
.RightEye::after{content:"";width:20px;height:20px;background:var(--bg);border-radius:30px;left:-4px;top:5px;position:absolute;z-index:1;animation:RELeft 1s forwards;}
.RightEyeRight::after{content:"";width:20px;height:20px;background:var(--bg);border-radius:30px;left:-4px;top:5px;position:absolute;z-index:1;animation:RERight 1s forwards;}
.EyeShadows{width:35px;height:27px;background:rgba(0,0,0,.4);border-radius:100px/50px;opacity:.1;right:35px;top:70px;position:absolute;z-index:-1;transform:rotate(-50deg);}
.EyeShadows::after{content:"";width:35px;height:27px;background:rgba(0,0,0,.4);border-radius:100px/50px;opacity:1;left:-47px;top:-58px;position:absolute;z-index:5;transform:rotate(-90deg);}
.MouthShadows{width:15px;height:20px;background:rgba(0,0,0,.4);border-radius:50%;opacity:.1;right:25px;top:130px;position:absolute;z-index:-1;transform:rotate(-50deg);}
.MouthShadows::after{content:"";width:15px;height:20px;background:rgba(0,0,0,.4);border-radius:80%;left:-70px;top:-85px;position:absolute;z-index:5;transform:rotate(-90deg);opacity:1;}
.Mouth{width:50px;height:20px;left:67px;top:125px;position:absolute;z-index:1;background:var(--bg);border-radius:100px/50px;overflow:hidden;}
.Mouth::before{content:"";left:30px;top:0;position:absolute;border-left:5px solid transparent;border-right:5px solid transparent;border-top:10px solid var(--white);}
.Theet{width:50px;height:20px;left:67px;top:125px;position:absolute;z-index:1;border-radius:100px/50px;overflow:hidden;}
.Theet::after{content:"";left:20px;top:0;position:absolute;border-left:5px solid transparent;border-right:5px solid transparent;border-top:10px solid var(--white);}
.Theet::before{content:"";left:10px;top:0;position:absolute;border-left:5px solid transparent;border-right:5px solid transparent;border-top:10px solid var(--white);}
.RightHand{width:100px;height:200px;right:120px;top:149px;position:absolute;border-top:10px solid var(--accent);border-left:0;border-right:0;border-bottom:0;border-radius:50%/80px 100px 0 0;}
.RightHand::before{right:-3px;top:30px;position:absolute;content:"";background:var(--accent);transform:rotate(50deg);width:20px;height:3px;border-radius:50%;}
.RightHand::after{right:4px;top:33px;position:absolute;content:"";background:var(--accent);transform:rotate(-90deg);width:20px;height:3px;border-radius:50%;}
.LeftHand{width:100px;height:200px;left:120px;top:150px;position:absolute;border-top:10px solid var(--accent);border-left:0;border-right:0;border-bottom:0;border-radius:50%/80px 100px 0 0;}
.LeftHand::before{left:0;top:33px;position:absolute;content:"";background:var(--accent);transform:rotate(90deg);width:20px;height:3px;border-radius:50%;}
.LeftHand::after{left:-7px;top:32px;position:absolute;content:"";background:var(--accent);transform:rotate(-50deg);width:20px;height:3px;border-radius:50%;}
.Horns{width:150px;height:90px;border-radius:50%;left:169px;top:-30px;border:4px solid transparent;box-shadow:inset 0px 16px var(--primary),inset 0px 16px 1px 1px var(--primary);transform:rotate(-180deg);position:absolute;overflow:hidden;z-index:0;}
.Horns::after{right:5px;top:30px;position:absolute;content:"";background:var(--warn);width:5px;height:5px;border-radius:50%;opacity:.7;}
.Horns::before{right:15px;top:22px;position:absolute;content:"";background:var(--warn);width:7px;height:7px;border-radius:50%;opacity:.7;}
.HornsExtras{width:150px;height:90px;border-radius:50%;left:135px;top:-30px;border:4px solid transparent;background:transparent;position:absolute;overflow:hidden;z-index:1;}
.HornsExtras::after{left:9px;top:29px;position:absolute;content:"";background:var(--warn);width:5px;height:5px;border-radius:50%;opacity:.7;}
.HornsExtras::before{left:1px;top:37px;position:absolute;content:"";background:var(--warn);width:6px;height:6px;border-radius:50%;opacity:.7;}
.BodyTexture{width:500px;height:100px;border:solid 3px var(--texture);border-color:var(--texture) transparent transparent transparent;border-radius:60%/100px 100px 0 0;right:-150px;top:80px;position:absolute;transform:rotate(180deg);opacity:.35;}
.BodyTexture::before{content:"";width:500px;height:100px;border:solid 3px var(--texture);border-color:var(--texture) transparent transparent transparent;border-radius:60%/100px 100px 0 0;right:10px;top:-15px;position:absolute;transform:rotate(-2deg);}
.BodyTexture::after{content:"";width:500px;height:100px;border:solid 3px var(--texture);border-color:var(--texture) transparent transparent transparent;border-radius:60%/100px 100px 0 0;right:10px;top:10px;position:absolute;transform:rotate(-2deg);}
.TextHolder{position:absolute;bottom:0;left:0;width:500px;height:360px;overflow:hidden;}
.TextHolder::after{content:"";position:absolute;z-index:3;top:8px;left:8px;right:8px;bottom:8px;border:1.5px solid var(--primary);}
.TextHolder::before{content:"";position:absolute;z-index:2;top:0;left:0;width:100%;height:100%;background-color:var(--surface);}
.Texts{position:relative;z-index:4;width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:0;text-align:center;padding:18px 28px;box-sizing:border-box;font-family:'Fira Code',monospace;color:var(--gray);}

@keyframes RERight{from{left:-4px;}to{left:15px;}}
@keyframes RELeft{from{left:15px;}to{left:-4px;}}
@-webkit-keyframes RERight{from{left:-4px;}to{left:15px;}}
@-webkit-keyframes RELeft{from{left:15px;}to{left:-4px;}}
footer{position:fixed;bottom:0;left:0;right:0;text-align:center;font-family:'Fira Code',monospace;font-size:11px;color:var(--gray);opacity:.4;padding:6px;letter-spacing:.04em;}