.enemy[data-v-5c6f309c]{display:flex;flex-direction:column;align-items:center;margin-top:12%;position:relative;cursor:pointer;height:55%}.enemy-image[data-v-5c6f309c]{height:100%}.battle-scene[data-v-751c72ca]{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);max-height:100vh;max-width:169.49153vh;height:calc(100% - 32px);background-color:#f8f8f8;border:2px solid #000;border-radius:10px;overflow:hidden;display:flex;flex-direction:column;justify-content:space-between}.background[data-v-751c72ca]{position:relative;top:0;left:0;height:calc(100% - 80px);z-index:1;-o-object-fit:cover;object-fit:cover}.enemy-area[data-v-751c72ca]{position:absolute;right:0;top:0;width:54%;height:100%;padding-bottom:80px;z-index:2}.player-area[data-v-751c72ca]{position:absolute;bottom:80px;left:0;width:54%;z-index:2}.player[data-v-751c72ca]{width:40%}.command-menu[data-v-751c72ca]{position:absolute;bottom:0;left:0;width:100%;height:80px;background-color:#f8f8f8;border-top:2px solid #000;display:flex;justify-content:space-around;align-items:center;z-index:3}.command[data-v-751c72ca]{font-size:18px;font-weight:700;cursor:pointer;color:#000;padding:10px}.your-info-container[data-v-751c72ca]{position:absolute;bottom:88px;right:3%;z-index:2;width:40%}.your-info[data-v-751c72ca]{width:100%}.your-stats[data-v-751c72ca]{left:0;top:0;position:absolute;padding:5%;margin-left:7%;width:100%;height:100%;display:flex;flex-direction:column;align-items:flex-start}.your-level[data-v-751c72ca],.your-name[data-v-751c72ca]{white-space:nowrap;font-size:6px;font-weight:700;margin-bottom:4px}.your-stats .health-bar[data-v-751c72ca]{width:47.3%;height:7.1%;position:absolute;left:17.3%;bottom:27.5%}.enemy-info-container[data-v-751c72ca]{position:absolute;top:18px;left:3%;z-index:2;display:flex;align-items:center;width:40%}.enemy-info[data-v-751c72ca]{width:100%}.enemy-stats[data-v-751c72ca]{position:absolute;padding:5%;width:100%;height:100%;display:flex;flex-direction:column;align-items:flex-start}.enemy-level[data-v-751c72ca],.enemy-name[data-v-751c72ca]{white-space:nowrap;font-size:6px;font-weight:700;margin-bottom:4px}.health-bar[data-v-751c72ca]{width:47.3%;height:7.1%;position:absolute;right:11.3%;bottom:27.5%}.health[data-v-751c72ca]{height:100%;border-radius:1px;background-color:#d32f2f}.health.green[data-v-751c72ca]{background-color:#4caf50}.health.orange[data-v-751c72ca]{background-color:#ff9800}.health.red[data-v-751c72ca]{background-color:#f44336}*{box-sizing:border-box;touch-action:manipulation}body{font-family:Press Start\ 2P,cursive;background-color:#f2f2f2;text-align:center;color:#333;margin:0;padding:0}#app{width:100%;height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;background-color:#fff;border:2px solid #0288d1;border-radius:10px;box-shadow:0 0 20px rgba(0,0,0,.5)}h1{color:#81d4fa;margin:20px 0;font-size:2em}.btn{padding:10px 20px;font-size:16px;cursor:pointer;background-color:#0288d1;color:#fff;border:none;border-radius:5px;transition:background-color .3s;margin-top:20px}.btn:hover{background-color:#01579b}label{display:block;margin:10px 0}input{padding:5px;font-size:16px;margin-bottom:20px;border-radius:5px;border:1px solid #0288d1;background-color:#f2f2f2;color:#000}