@import"https://fonts.googleapis.com/css2?family=Patrick+Hand&display=swap";@import"https://fonts.googleapis.com/css2?family=Libre+Baskerville&display=swap";@import"https://fonts.googleapis.com/css2?family=Amarante&display=swap";*{margin:0;padding:0;box-sizing:border-box}html,body,#root{width:100%;height:100%;overflow-y:hidden;font-family:Amarante,cursive;font-size:100%}.app-container{display:flex;flex-direction:column;height:100%;background-image:url(/task-knight/assets/background_plains_curtains-BWOrBX8o.png);background-size:cover}.header{display:flex;justify-content:space-between;align-items:center;height:70px;margin:10px}.header img{height:100%;max-height:70px}.main-content{display:flex;flex:1}.sidebar{flex:1}.content{flex:3;position:relative;overflow:hidden}.game-scene{width:100%;height:100%;background-size:cover;position:relative}.character,.dragon{position:fixed}.character{top:32.5%;left:30%;width:4%}.dragon{top:11.5%;right:25%;width:25%}.ui-overlay{position:absolute;z-index:0;bottom:.5%;left:50%;transform:translate(-50%);width:100%;max-width:780px}.panel-bg{width:100%;display:block}.task-list{position:absolute;top:15%;left:15%;width:90%;overflow-y:scroll;max-height:75%}.task-item{position:relative;margin-bottom:1rem;transform:translate(-50%)}.task-banner{position:relative;width:90%;left:55%}.list-item-bg{width:100%;display:block}.task-text{position:absolute;top:57%;left:60%;transform:translateY(-50%);font-family:Patrick Hand,cursive;font-size:1rem}.left-sidebar,.right-sidebar{width:120px;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;padding-bottom:2rem}.button-updown,.button-add{width:30%;margin-bottom:1rem;cursor:pointer}.modal_container{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:400px;height:200px;background-color:#969696;border-radius:10px;box-shadow:5px 0 2px #00000080}.modal_container .content{text-align:center}.modal_container .button{display:inline-block;padding-left:15px;padding-right:15px}.close-popup{position:absolute;top:10px;right:10px;cursor:pointer;font-size:18px;font-weight:700;color:#333;width:20px;height:20px;line-height:20px;text-align:center;border-radius:50%;background-color:#eee;box-shadow:0 0 3px #0000004d}.close-popup:hover{background-color:#ccc}.no-select{user-select:none;-moz-user-select:none;-webkit-user-drag:none;-webkit-user-select:none;-ms-user-select:none;-moz-window-dragging:none}.shopHeading{position:absolute;top:0%;left:30%;width:70%;height:0%;pointer-events:auto}.increaseDamage{position:absolute;top:-32%;left:-33%;width:100%;height:100%;transform:scale(.35);pointer-events:auto;cursor:pointer}.damageEnemy{position:absolute;top:-27%;left:0%;width:100%;height:100%;transform:scale(.35);pointer-events:auto;cursor:pointer}.defeatEnemy{position:absolute;top:-27%;left:33%;width:100%;height:100%;transform:scale(.35);pointer-events:auto;cursor:pointer}.scale{display:flex;flex-direction:column;height:100%;background-size:cover}.heading{position:absolute;top:0%;left:10%;width:70%;height:0%;pointer-events:auto}.delete{position:absolute;top:2.5%;left:0%;width:9%;height:9%;cursor:pointer}.download{position:absolute;top:25%;left:42%;width:38.1%;height:80%;cursor:pointer}.upload{position:absolute;top:25%;left:5.5%;width:38.1%;height:70%;pointer-events:auto;cursor:pointer}.cancel-button{position:absolute;z-index:10;top:62%;left:85%;width:13%;height:13%;cursor:pointer}.confirm-button{position:absolute;z-index:10;top:32%;left:85%;width:13%;height:13%;cursor:pointer}::file-selector-button{opacity:0%}input[type=file]{color:transparent}