.mythral-dragon-header{
    position:relative;
    z-index:20;
    height:122px;
    display:flex;
    align-items:center;
    justify-content:center;
    overflow:hidden;
    background:
        radial-gradient(ellipse at center,rgba(120,66,18,.16),transparent 58%),
        linear-gradient(#090604,#040302);
    border-bottom:1px solid rgba(213,168,79,.42);
    box-shadow:0 5px 24px rgba(0,0,0,.65),inset 0 -1px 0 rgba(240,206,131,.08);
}
.mythral-dragon-emblem{
    position:relative;
    width:min(620px,96vw);
    height:116px;
    display:flex;
    align-items:center;
    justify-content:center;
    text-decoration:none;
    isolation:isolate;
    perspective:800px;
}
.mythral-dragon-art{
    position:absolute;
    inset:-30px -18px -28px;
    z-index:1;
    background:url('dragon-emblem.png') center/contain no-repeat;
    filter:drop-shadow(0 0 7px rgba(224,157,35,.40)) drop-shadow(0 0 18px rgba(142,61,6,.26));
    transform-origin:center;
    animation:mythralDragonFloat 6.5s ease-in-out infinite;
    pointer-events:none;
}
.mythral-dragon-eye{
    position:absolute;
    z-index:4;
    width:7px;height:7px;border-radius:50%;
    background:#ff3a15;
    box-shadow:0 0 5px #ff3915,0 0 12px #ff1c00,0 0 20px rgba(255,53,0,.75);
    animation:mythralEyes 4.7s ease-in-out infinite;
    pointer-events:none;
}
.mythral-dragon-eye-one{left:58px;top:50px}
.mythral-dragon-eye-two{left:69px;top:55px;transform:scale(.72)}
.mythral-dragon-spark{
    position:absolute;z-index:5;width:4px;height:4px;border-radius:50%;
    background:#ffd26a;box-shadow:0 0 7px #ff8a18;
    opacity:0;pointer-events:none;
}
.spark-one{left:15%;bottom:22%;animation:mythralSpark 3.8s linear infinite}
.spark-two{right:18%;top:30%;animation:mythralSpark 4.6s 1.2s linear infinite}
.spark-three{right:8%;bottom:25%;animation:mythralSpark 5.1s 2.1s linear infinite}
.mythral-dragon-emblem:hover .mythral-dragon-art{animation-duration:2.8s;filter:drop-shadow(0 0 10px rgba(255,187,51,.62)) drop-shadow(0 0 24px rgba(177,61,0,.40))}
@keyframes mythralDragonFloat{
    0%,100%{transform:translate3d(0,0,0) scale(1)}
    25%{transform:translate3d(-4px,-2px,0) scale(1.008) rotate(-.25deg)}
    55%{transform:translate3d(5px,2px,0) scale(1.014) rotate(.28deg)}
    78%{transform:translate3d(-2px,1px,0) scale(1.006)}
}
@keyframes mythralEyes{0%,78%,100%{opacity:.85;transform:scale(1)}82%{opacity:.18;transform:scale(.55)}86%{opacity:1;transform:scale(1.25)}}
@keyframes mythralSpark{0%{opacity:0;transform:translate(0,8px) scale(.5)}15%{opacity:1}65%{opacity:.75}100%{opacity:0;transform:translate(22px,-36px) scale(1.35)}}
@media(max-width:700px){
    .mythral-dragon-header{height:96px}
    .mythral-dragon-emblem{height:92px;width:min(480px,100vw)}
    .mythral-dragon-art{inset:-19px -10px -20px}
    .mythral-dragon-eye-one{left:42px;top:39px}.mythral-dragon-eye-two{left:50px;top:43px}
}
@media(prefers-reduced-motion:reduce){
    .mythral-dragon-art,.mythral-dragon-eye,.mythral-dragon-spark{animation:none!important}
}