@font-face{font-family:"Monster Runes";src:url("./vendor/fonts/noto-sans-runic/NotoSansRunic-Regular.ttf") format("truetype");font-weight:400;font-style:normal;font-display:swap}
.summon-overlay{position:absolute;inset:0;z-index:6;overflow:hidden;color:#f6d895;background:radial-gradient(ellipse at 50% 46%,#251a0e 0%,#100f0c 62%,#080c0a 100%);box-shadow:inset 0 0 110px #0009;isolation:isolate}
.summon-overlay[hidden]{display:none}
.summon-overlay::after{content:"";position:absolute;inset:15px;pointer-events:none;border:1px solid #bc923921;clip-path:polygon(0 0,23px 0,23px 1px,1px 1px,1px 23px,0 23px,0 0,100% 0,100% 23px,calc(100% - 1px) 23px,calc(100% - 1px) 1px,calc(100% - 23px) 1px,calc(100% - 23px) 0,100% 0,100% 100%,calc(100% - 23px) 100%,calc(100% - 23px) calc(100% - 1px),calc(100% - 1px) calc(100% - 1px),calc(100% - 1px) calc(100% - 23px),100% calc(100% - 23px),100% 100%,0 100%,0 calc(100% - 23px),1px calc(100% - 23px),1px calc(100% - 1px),23px calc(100% - 1px),23px 100%,0 100%)}
#summon-effect{position:absolute;inset:0;display:block;width:100%;height:100%;pointer-events:none}
.summon-overlay:focus{outline:none}
.summon-card{position:absolute;bottom:9%;left:50%;transform:translateX(-50%);width:min(330px,72%)}
#summon-percent{display:block;margin-bottom:14px;text-align:center;font:22px/1 Georgia,serif;font-variant-numeric:tabular-nums;letter-spacing:2px;color:#f4dc9e;text-shadow:0 0 16px #dcb05255}
.summon-progress{width:100%;height:4px;border-radius:2px;background:#d8ad5630;overflow:visible;position:relative}
.summon-progress::before,.summon-progress::after{content:"";position:absolute;top:-3px;width:1px;height:10px;background:#ab824e}.summon-progress::before{left:0}.summon-progress::after{right:0}
.summon-progress i{display:block;height:100%;width:0;background:linear-gradient(90deg,#856328,#e9b956 65%,#fff0c7);box-shadow:0 0 16px #f4c56c80;position:relative}
.summon-progress i::after{content:"";position:absolute;right:-2px;top:-2px;width:7px;height:7px;transform:rotate(45deg);background:#fff2c7;box-shadow:0 0 14px #ffc76e}