.seal{display:block;margin:14px 0 0;width:132px;height:auto;padding:0;border:0;border-radius:10px;background:none;color:inherit;cursor:default;-webkit-tap-highlight-color:transparent}
.seal:focus-visible{outline:2px dashed #ffb347;outline-offset:6px}
.seal svg:not(.hint){display:block;width:132px;height:132px;overflow:visible;filter:drop-shadow(0 0 0 rgba(255,150,40,0));transition:filter 1.4s ease 2.3s}
.seal .o{fill:none;stroke:#fff2c0;stroke-width:2.2;stroke-linejoin:round;stroke-linecap:round;stroke-dasharray:1;stroke-dashoffset:1;opacity:0;transition:stroke-dashoffset 1.1s cubic-bezier(.45,0,.2,1),stroke 1.4s ease .9s,opacity .01s}
.seal .f{opacity:0;transition:opacity .9s ease .9s}
.seal .c{stroke-dasharray:1;stroke-dashoffset:1;opacity:0;transition:stroke-dashoffset 1s cubic-bezier(.3,.1,.2,1) 1.5s,opacity .01s 1.5s}
.seal .c.h{transition:stroke-dashoffset 1s cubic-bezier(.3,.1,.2,1) 1.5s,opacity .8s 1.5s}
.seal .r line{stroke-dasharray:1;stroke-dashoffset:1;opacity:0;transition:stroke-dashoffset .45s cubic-bezier(.2,.8,.2,1),opacity .01s}
.seal .hd{fill:none;stroke:#fffbe6;stroke-width:3.4;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:.09 2;stroke-dashoffset:.09;opacity:0;filter:drop-shadow(0 0 3px #fff) drop-shadow(0 0 8px #ffc65a)}
.seal .bm{opacity:0;pointer-events:none;transform-box:fill-box;transform-origin:50% 50%;transform:scale(.2)}
.seal .t{opacity:0;transform-box:fill-box;transform-origin:50% 100%;transform:scale(.05);transition:opacity .4s ease 2.5s,transform .7s cubic-bezier(.2,1.4,.4,1) 2.5s}
.seal .s{opacity:0;transition:opacity .8s ease 1.2s}
.seal.on svg{filter:drop-shadow(0 0 5px rgba(255,205,100,1)) drop-shadow(0 0 18px rgba(255,135,30,.9)) drop-shadow(0 0 44px rgba(255,100,10,.65));animation:sealglow 3s ease-in-out 4.3s infinite}
.seal.on .o{stroke:#ffb347;stroke-dashoffset:0;opacity:1}
.seal.on .f{opacity:1}
.seal.on .c{stroke-dashoffset:0;opacity:1}
.seal.on .c.h{opacity:.35}
.seal.on .r line{stroke-dashoffset:0;opacity:1;transition-delay:2.4s}
.seal.on .r line:nth-child(2n){transition-delay:2.52s}
.seal.on .r line:nth-child(3){transition-delay:2.64s}
.seal.on .r line:nth-child(4){transition-delay:2.76s}
.seal.on .hd{animation:sealhead 1.1s cubic-bezier(.45,0,.2,1) forwards}
.seal.on .hd.hc{animation:sealheadc 1s cubic-bezier(.3,.1,.2,1) 1.5s forwards}
.seal.on .bm{animation:sealbloom 1.8s ease-out 2.45s forwards}
.seal.on .t{opacity:1;transform:scale(1);animation:sealflame 1.4s ease-in-out 3.3s infinite}
.seal.on .s{opacity:1}
.seal:not(.on) *,.seal:not(.on) svg{transition-duration:.35s!important;transition-delay:0s!important;animation:none!important}
@keyframes sealglow{0%,100%{filter:drop-shadow(0 0 5px rgba(255,205,100,1)) drop-shadow(0 0 18px rgba(255,135,30,.9)) drop-shadow(0 0 44px rgba(255,100,10,.65))}50%{filter:drop-shadow(0 0 8px rgba(255,225,130,1)) drop-shadow(0 0 28px rgba(255,150,40,1)) drop-shadow(0 0 64px rgba(255,110,10,.85))}}
@keyframes sealhead{0%{opacity:1;stroke-dashoffset:.09}92%{opacity:1}100%{opacity:0;stroke-dashoffset:-1}}
@keyframes sealheadc{0%{opacity:1;stroke-dashoffset:.09}92%{opacity:1}100%{opacity:0;stroke-dashoffset:-1}}
@keyframes sealbloom{0%{opacity:0;transform:scale(.2)}35%{opacity:1;transform:scale(1.3)}100%{opacity:.6;transform:scale(1)}}
@keyframes sealflame{0%,100%{transform:scale(1,1)}30%{transform:scale(.9,1.14)}60%{transform:scale(1.08,.94)}}
@media(prefers-reduced-motion:reduce){.seal *,.seal svg{transition:none!important;animation:none!important}}

.seal .hint{display:block;width:22px;height:22px;margin:0 0 6px 55px;opacity:.2;transition:opacity .5s ease}
.seal:hover .hint{opacity:.42}
.seal.on .hint{opacity:0}
.seal:not(.on) .hint{transition-duration:.5s!important}
@media(prefers-reduced-motion:reduce){.seal .hint{transition:none!important}}