.characters-container{display:flex;justify-content:space-between;align-items:center;height:100vh;margin:auto 180px}.character-portrait{transition:transform .3s ease-in-out;image-rendering:auto;will-change:transform}.character-portrait:hover{transform:scale(1.02)}.glare-hover{width:var(--gh-width);height:var(--gh-height);background:var(--gh-bg);border-radius:var(--gh-br);border:1px solid var(--gh-border);overflow:hidden;position:relative;display:grid;place-items:center}.glare-hover:before{content:"";position:absolute;inset:0;background:linear-gradient(var(--gh-angle),hsla(0,0%,0%,0) 60%,var(--gh-rgba) 70%,hsla(0,0%,0%,0),hsla(0,0%,0%,0) 100%);transition:var(--gh-duration) ease;background-size:var(--gh-size) var(--gh-size),100% 100%;background-repeat:no-repeat;background-position:-100% -100%,0 0}.glare-hover:hover{cursor:pointer}.glare-hover:hover:before{background-position:100% 100%,0 0}.glare-hover--play-once:before{transition:none}.glare-hover--play-once:hover:before{transition:var(--gh-duration) ease;background-position:100% 100%,0 0}.character-panel{display:flex;align-items:center;justify-content:center;height:100vh;flex-direction:column;gap:80px}.hp-structure-container{display:flex;font-size:48px}.hp-structure-container button{background:none;border:none;font-size:40px;font-weight:800}.hp-container{display:flex}.hp-container img{width:60px;height:60px}.hp-controls{display:flex;justify-content:space-between}.hp-controls div{display:flex;gap:8px}.hp-controls button{background:none;border:none;font-size:32px;font-weight:800;color:#7fa875}.button-char-hp button{color:#eb4141}.button-heat button{color:#da892d}.hp-controls button:hover{cursor:pointer}.char-hp-bar-wrapper{width:938px;height:13px;background-color:#ddd;border:none;border-radius:0;overflow:hidden}.hp-bar-wrapper{width:700px;height:13px;background-color:#ddd;border:none;border-radius:0;overflow:hidden}.char-hp-bar{height:100%;background-color:#e30000;transition:width .1s ease-in-out}.hp-bar{height:100%;background-color:#26bc00;transition:width .1s ease-in-out}.heat-bar{height:100%;background-color:#e37900;transition:width .1s ease-in-out}.edit-button{display:flex;margin-top:auto;margin-left:5px;transform:translateY(20%)}.edit-button img:hover,.struct-buttons button:hover{cursor:pointer}.modal-overlay{position:fixed;inset:0;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:999}.modal{background:#fff;padding:20px;border-radius:10px;width:300px;box-shadow:0 4px 12px #0003}.modal h3{font-size:22px;font-weight:800;margin:0 0 20px}.modal label{display:block;margin-bottom:10px;font-weight:400;font-size:18px}.modal input{width:100%;padding:5px;margin-top:4px;box-sizing:border-box;border:1px solid rgb(85,85,85);font-size:18px}.modal-buttons{display:flex;justify-content:space-between;margin-top:20px}.modal-buttons button{border:none;border-radius:0;background-color:#000;padding:7px 10px;color:#fff;font-weight:800;font-size:14px}.modal-buttons button:hover{cursor:pointer}header{display:flex;width:100%;background-color:#fff;border-bottom:2px solid black;margin:0;padding:70px 0 4px;position:absolute}header h2,h3{font-weight:400}.botao-header{display:flex;margin-top:auto;margin-bottom:.5rem}.botao-header img:hover{cursor:pointer}.header-character{line-height:0;margin-top:auto}.header-character h2{margin:0;line-height:.9}.header-character img{pointer-events:none;-webkit-user-select:none;user-select:none}.header-flavor{display:flex;margin-top:auto}.header-flavor h3{margin:auto 4px 0 0;white-space:nowrap}.header-character img{position:absolute;width:450px;height:450px;opacity:.85}.decoration-bar{height:13px;width:530px;margin:auto}.header-portrait img{width:244px;height:244px;margin:0;position:absolute;right:30px;top:0}.giro-loop{animation:girar 22s linear infinite}@keyframes girar{0%{transform:translate(-23.5%,-70%) rotate(0);filter:blur(0px)}24%{filter:blur(0px)}25%{filter:blur(1.5px)}40%{filter:blur(.8px)}59%{filter:blur(.6px)}60%{filter:blur(0px)}65%{filter:blur(.5px)}74%{filter:blur(.45px)}75%{filter:blur(1.6px)}90%{filter:blur(.8px)}to{transform:translate(-23.5%,-70%) rotate(360deg);filter:blur(0px)}}@font-face{font-family:Epkaisho;src:url(/assets/EPKAISHO-oQ3qGhDw.woff) format("truetype");font-weight:400;font-style:normal;font-display:swap}*{font-family:Epkaisho,sans-serif}body{margin:0;padding:0;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACMAAAAjCAQAAAC00HvSAAAAqUlEQVR4AaXTIa7EMBBEwfrSAAODwAUfGBiY5P7H26XDIqXfAUrpseI520fcAf+itgEqgW4TMugoCKA2J4DanAQ6CgKozYmg44IMuhVk0FaQQceEDLoNyKBtQAZtExKozQkot7Dv37e42rqoaUk6Koe21ngJLYMManN6034xJzz2UnqvvugY+fNvIIOWIoW24aHnG20V/yJtTgAtAyKozQmgpURdLp+nOT9tfAyifaRWFwAAAABJRU5ErkJggg==);background-repeat:repeat;background-size:35px 35px;animation:moveBackground 10s linear infinite;background-color:#f3f3f3;scrollbar-width:none;-ms-overflow-style:none;overflow:hidden}body::-webkit-scrollbar{display:none}@keyframes moveBackground{0%{background-position:0 0}to{background-position:350px 350px}}