@import url(https://fonts.googleapis.com/css2?family=Jost:wght@400;500;700&display=swap);header[data-v-132673ec]{background:#370617;color:#fff;padding:.5rem;text-align:center}h1[data-v-132673ec]{font-size:2rem;font-weight:600}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Jost,sans-serif;background-color:#03071e;color:#fff}.wrapper{width:100%;min-height:100vh;position:relative}header{background-color:#370617;color:#fff;text-align:center;padding:.5rem 0;margin-bottom:2rem}.img-container{margin:0 auto;width:60%}.img-container img{width:100%;height:100%}.health{margin:0 auto;width:80%;border:1px solid #fff;border-radius:3px;height:25px;position:relative}.health .health-bar{width:100%;height:100%;background:#477d48;border-radius:3px;display:flex;justify-content:center;align-items:center;transition:.2s ease}.hp-percent{position:absolute;left:50%;font-size:.8rem;color:#fff}.control-icon,.controls{display:flex;justify-content:center}.control-icon{width:30px;height:30px;margin-right:.5rem;padding:2px;align-items:center;background-color:#9d0208;border-radius:2px;transition:.3s ease-out;position:relative}.control-icon img{width:100%;height:100%;background-color:#e85d04}.control-icon img:hover{background:#faa307}.num-of-attempt{position:absolute;height:1rem;display:flex;align-items:center;justify-content:center;background:#dc2f02;padding:3px;color:#fff;top:-30%;right:-20%;border-radius:5px}.start-btn{background:#ffba08;color:#03071e;border-radius:5px;padding:5px}.start-btn:hover{background:#f48c06!important;color:#370617}.logs{margin:0 auto;padding:1rem;border-radius:.3rem;background:#370617;color:#fff}.logs li{list-style-type:none}.warrior{color:#dc2f02}.dragon{color:#e85d04}.img-icon{width:50px}.log-heal{color:#477d48}.log-damage{color:#faa307}button:disabled,button[disabled]{background-color:#ccc!important;color:#666!important;border-radius:2px}button:disabled,button[disabled] img{background:#ccc}button:disabled,button[disabled] img:hover{background:#f4f4f4}.overlap{position:absolute;width:100%;height:100%;top:0;left:0;background:rgba(19,18,18,.95);z-index:100}.overlap .winner{background:#dc2f02;color:#fff;width:300px;height:300px;border-radius:10px;margin:auto;margin-top:20%;display:flex;align-items:center;justify-content:center}