#UI{z-index:1000;width:100%;height:100%;position:absolute;top:0;left:0}#boss-health-bar{--width:500px;width:500px;height:10px;left:calc(50% - var(--width)/2);background-color:#0003;position:absolute;top:70px}#boss-health-bar>div{background-color:red;height:100%}#character-select{grid-template-rows:1fr 100px;row-gap:10px;width:40%;height:80%;display:grid;position:absolute;top:10%;left:55%}#character-select>div{background-color:#593232;border-radius:15px}#character-select #all-characters{grid-template-columns:repeat(4,1fr);gap:10px;display:grid}#character-select #all-characters>div{grid-template-rows:1fr 30px;display:grid}#character-select #all-characters>div>*{text-align:center}#character-select #all-characters>div>div{width:16px;height:32px;image-rendering:pixelated;transform-origin:0 0;background-repeat:no-repeat;margin-left:35px;transform:scale(2)translateY(-5px)}#character-select #all-characters>div>p{color:#e2e2e2;margin:0}#anvil-UI{background-color:#454545f1;border:5px solid #6f6f6f;border-radius:16px;width:80%;height:60%;position:relative;top:20%;left:10%}#anvil-UI>div{grid-template-rows:1fr 1fr 30px;row-gap:10px;width:80%;height:95%;display:grid;position:relative;top:2.5%;left:10%}#anvil-UI>div>div{justify-content:center;align-items:center;gap:10px;display:flex}#anvil-UI>div>div>div{box-sizing:border-box;border:1px solid #ac5d45;border-radius:20px;width:min(150px,100%);height:calc(100% - 10px);padding:10px;position:relative;top:0}#anvil-UI>div>div>div>h3{color:#fff;margin:0 0 10px}#anvil-UI>div>div>div>p{color:#fff;margin:0}#anvil-UI>div>div>div>button{--btn-w:80px;width:var(--btn-w);bottom:-10px;left:calc(50% - var(--btn-w)/2);position:absolute}#level-up-UI{background-color:#454545f1;border:5px solid #6f6f6f;border-radius:16px;width:80%;height:60%;position:relative;top:20%;left:10%}#level-up-UI>div{grid-template-rows:1fr 1fr 30px;row-gap:10px;width:80%;height:95%;display:grid;position:relative;top:2.5%;left:10%}#level-up-UI>div>div{justify-content:center;align-items:center;gap:10px;display:flex}#level-up-UI>div>div>div{box-sizing:border-box;border:1px solid #ac5d45;border-radius:20px;width:min(150px,100%);height:calc(100% - 10px);padding:10px;position:relative;top:0}#level-up-UI>div>div>div>h3{color:#fff;margin:0 0 10px}#level-up-UI>div>div>div>p{color:#fff;margin:0}#level-up-UI>div>div>div>button{--btn-w:80px;width:var(--btn-w);bottom:-10px;left:calc(50% - var(--btn-w)/2);position:absolute}#player-top-bar{--bar-width:800px;top:0xp;left:calc(50% - var(--bar-width)/2);width:var(--bar-width);height:50px;position:absolute}#player-top-bar p{color:#fff;text-align:center;margin:12px 0 8px;font-size:20px}#player-top-bar>div{background-color:#4a3535;grid-template-columns:1.5fr 1fr 1fr 1fr;display:grid}#player-top-bar #player-hp-div{grid-template-columns:repeat(10,24px);display:grid}#player-top-bar #player-xp-div{grid-template-columns:auto 1fr;display:grid}#player-top-bar #player-xp-div p{text-align:left}#player-top-bar img{aspect-ratio:1;height:100%;image-rendering:pixelated}canvas{background-color:#202020;width:100%;height:100%;margin:0;padding:0;position:absolute;top:0;left:0}.hidden{pointer-events:none;opacity:0;transition:opacity .1s ease-in-out;display:none}
/*# sourceMappingURL=index.01c6de0e.css.map */