*,:after,:before{box-sizing:border-box;margin:0;padding:0}:root{--black:#12283f;--color-brand:#ee5202;font-family:system-ui,Avenir,Helvetica,Arial,sans-serif}html,body{overscroll-behavior:none}.button{background:var(--color-brand);color:#fff;border:none;border-radius:100px;place-items:center;padding:12px 40px;display:grid}.button.icon{height:43px;padding:0}.button.full-width{width:100%}.input{border:1px solid var(--color-brand);text-align:center;padding:4px 12px;font-size:20px}.input:focus{outline:1px solid var(--color-brand)}.modal-overlay{background:#0003;width:100%;height:100%;position:fixed;inset:0}.modal{background:#fff;border-radius:30px;padding:40px;position:fixed;top:50%;transform:translateY(-50%)}.modal-content{justify-items:center;gap:16px;display:grid}.modal-title{font-size:20px;font-weight:700;line-height:1.5}.modal-input-error{color:red;text-align:center;font-size:12px}.modal-text{text-align:center}.loading-screen{color:#fff;background:#026074;width:100%;height:100%;padding:20px 0;position:fixed;inset:0;overflow-y:auto}.loading-screen .header{justify-content:space-between;align-items:center;width:100%;margin-bottom:30px;display:flex}.loading-screen .header .title{text-transform:uppercase;padding:10px;font-size:28px;font-weight:700;line-height:1.5}.loading-screen .image{height:154px}.loading-screen .content{margin-bottom:30px;padding:0 20px}.loading-screen .content .title{margin-bottom:26px;font-size:24px;line-height:1.5}.loading-screen .content .text{gap:10px;font-size:18px;line-height:1.5;display:grid}.loading-screen .footer{place-items:center;width:100%;display:grid}.modal-overlay.register-modal{background:url(/ui/loading-screen/monsters.jpg) 50% -26%/100% no-repeat,#026074}.register-modal-blur{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);width:100%;height:100%;position:absolute;inset:0}.modal.register-modal{transition:top .3s ease-in-out,transform .3s ease-in-out}.modal.register-modal:has(input:focus){top:52px;transform:translate(0)}.hp-wrapper{width:100%;position:fixed;top:0}.hp{width:100%;max-width:272px;margin:0 auto;padding:36px 18px}.hp .bar{background:linear-gradient(90deg,#ff4930 10.1%,#fbff00 48.08%,#65e620 99.52%);border-radius:20px;place-items:center;height:14px;margin-bottom:14px;padding:0 26px;display:grid}.hp .track{width:100%;position:relative}.hp .thumb{position:absolute;top:50%;left:0;transform:translate(-50%,-50%)}.hp .image{width:45px;height:45px}.hp .notification{background:var(--color-brand);color:#fff;border-radius:16px;max-width:200px;padding:4px 14px;font-size:12px;line-height:1.3}.modal-image-monster{height:200px}.modal-title.win-modal{text-align:center}