<!--
@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@&&&&&&&########################&&&&&&@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@
@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@&&&#####BBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBB###&&&&@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@
@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@&&&##BBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBB###&&@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@
@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@&&##BBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBB##&&&@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@
@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@&###BBBBBBBBBBBBBBBBBBBBBBGGBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBGGBBBBBBBBBBB###&&@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@
@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@&&##BBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBGBBBBBBBBBBBBBBBBB##&&@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@
@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@&&##BBBBBBBBGBBBBBBBBBBBBBBBBB#####BBBBBBGGBBBBBGGBBBB#####BBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBB##&&@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@
@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@&&##BBBBBBBBBBBG5BBBBBBBBBB####BGPYJ?77!!~~~~~~~~~~7~~~~~!!7J5PBB####BBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBB##&@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@
@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@&&##BBBBBBBBBBBBBBBBBBBBBBB###BP5?7!~^^^^^^^^^^^^^^^^^^7^^^^^^^^^^^~!7J5PB###BBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBB##&@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@
@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@&&&##BBBBBBBBBBBBBBBBBBBBBBBB##BPJ7~^^^^^^^^^^^^^^^^^^^^^^^~7^^^^^^^^^^^^^^^^^~7JPB###BBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBB#&@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@
@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@&&##BBBBBBBBBBBBBBBBBBBBBBBBBB#B57~^^^^^^^^^^^^^^^^^^^^^^^^^^^!7^^^^^^^^^^^^^^^^^^^^^~7YPB###BBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBB#&@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@
@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@&&##BBBBBBBBBBBBBBBBBBBBBBBBBB##B5?~^^^^^^^^^^^^^^^^^^^^!~^^^^^^^^!!!~^^^^^^^^^^^^^^^^^^~!!~^~7JPB##BBBBBBBBBBBBBBBBBB#BBBBBBBBBBBBBB#&@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@
@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@&&#BBBBBBBBBBBBBBBBBBBBBBBBBBBB##PJ~^^^^^^^^^^^^^^^^^^^^^^^~!^^^^^^^~~^~7^^^^^^^^^^^^^^~~!!!~^^^^^^^~?5G####BBBBBBBBBBBBBBBBBBBBBBBBBBBBBB#@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@
@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@&&#GBBBBBBBBBBBBBBBBBBBBBBBBBBBB##GY!^^^^^^^^^^^^^^^^^^^^^^^^^^^!^^^^^^^~^^^!!^^^^^^^^^^^~!!!~^^^^^^^^^^^^^~7JPGB###BBBBBBBBBBBBBBBBBBBBBBBBBBBB&@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@
@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@&&#BBB5GBBBBBBBBBBBBBBBBBBBBBBBBB##P?~^^^^^^^^^^^^^^^^^^^^^^^^^^^^^!:^^^^^^~^^^^!^^^^^^^^~~!!^^^^^^^^^^^^^^^^^^^^^~!?YPB#######BBBBBBBBBBBBBBBBBBBBB#&@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@
@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@&##BBBBBBBBBBBBBBBBBBBBBBBBBBBBB###BYJ!^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^!!^:^^^^^^^^^^~^^^^^~~!~~^^^^^^^^^^^^^^^^^^^^^^^^^^^^~!?J5PB####BBBBBBGPBBBBBBBBBBBB#&@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@
@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@&&##BBBBBBBBBBBBBBBBBBBBBBBBBBBBB##BPY?~^^77!~^^^^^^^^^^^^^^^^^^^^^^^^^^^7^!^:^^^^^^^^^^^^~!~~^^^^^^^^^^^^^^^^^^^^~~~~~~~^^^^^^^^^^^~!?5GB##BBBBBBBBBBBBBBBBBBB#&@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@
@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@&&#BBBBBBBBBBBBBBBBBBBBBBBBBBBBBBB#BPJ!~^^^^^^!7!!~^^^^^^^^^^^^^^^~^:^^^^^^^!^^~^:^^^^^^^^^^~^^^::^^^^^^^^^^^^^^~~~~~~~~~~~!~^^^^^~^^^^^^^^^!?5GB#BBBBBBBBBBBBBBBBBB#&@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@
@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@&##BBBBBBBBBBBBBBBBBBBBBBBBBBBBBBB##GY!^^^^^^^^^^^7!~!!~^^^^^^^^^^^^^^!^::::::^^^^:^:::::^^^:^^::^^^^^^:^^^^^^~~~~^^^^^^^^^^^^^!~^^^^^^^^^^^^^^^^^~7YB##BBBBBBBBBBBBBBBGB#&@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@
@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@&&#BBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBB#BP?~^^^^^^^^^^^^^~?^^^~!!~^^^^^^^:^^:^~^::::::::::::::::::::::::^^^^^:^^^^^^^^^^^^^^^^^^^^^^^^^~!!~~^^^^^^^^^^^^^^^^~JG#BBBBBBBBBBBBBPPBBB#&@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@
@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@&&#BBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBB#GY!^^^^^^^^^^^^^^^~!!^^^^^~~~!~~^^^^:::::^^::::::^^~~!!!77!!!~^::::^^::::^^^^^^^^^^^^^^^^^^^^~~^^^^^~!!~^^^^^^^^^^^^^^^^~?P##BBBBBBBBBBBBBBBBB#&@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@
@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@&#BBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBP?~^^^^^^^^^^^^^^^~!~^^^^^^^^^^^^^^^^^^^::::^~~777777!!~~~~!!777??7!^:^^::::^^:::::::^^^^:^^^^^^^^^~~~~~~!!!~^^^^^^^^^^^^^^^^?G#BBBBBBBBBBBBBBBBBB#&@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@
@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@&&#BBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBB#B57^^^^^^^^^^^^^^^~~!~^^^^^^^^^^^^^^^:^^^^::^!?J?7~^:........:^:::^::~?Y7^:::::::::::::::^^^^:^^^^^^^^::^^^~~~!7~^^^^^^^^^^^^^^^^~JB#BBBBBBBBBBBBBBBBBB#&@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@
@@@@@@@@@@@@@@@@@@@@@@@@@@@@@&##BBBBBBBBBBBBBBBBBBBBBBBBBBBBBBB##GJ!^^^^^^^^^^^^^^^^^~^^^^^^^^^^^^^^^:::::::^!JYY!::^:::.....::.::.::~!!~::JY!:::::::::::^^::::::^^::^^^^^^^^^^^^^~!!~~^^^^^^^^^^^^^^^!G#BBBBBBBBBBBBBBBBBBB#@@@@@@@@@@@@@@@@@@@@@@@@@@@@@
@@@@@@@@@@@@@@@@@@@@@@@@@@&&#BBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBB##G?~^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^::755J~:^7!^...:.:..:J7!!^:::.!77^.!5J^::::::::::^^^^::::::::^^^^^^^^^^^^^^^~!!!~~~^^^^^^^^^^^~P##BBBBB5YBBBBBBBBBBBB&@@@@@@@@@@@@@@@@@@@@@@@@@@@
@@@@@@@@@@@@@@@@@@@@@@@@&&#BBBBBBBBBBBBBBBBBBGBBBBBBBBBBBBB#BP?~^^^^^^^^^^^^^^^^^^^^^^^^^^^^:^^^^^^:^^^^:~Y5J!:^77::^^^:....:~G5^^^^~~..!!~:.~?J?~::::::::::^^~^^::::::^^::^^^^^^^^^^^^^~~!!!!!!~^^^^^^^^J##BBBBGPBBBBBBBBBBBBB&@@@@@@@@@@@@@@@@@@@@@@@@@@
@@@@@@@@@@@@@@@@@@@@@@@&#BBBBBBBBBBBBBBBBBBBBGBBBBBBBBBBB#B57^^^^^^^^^^^^^^^^^^^^~~~!!!!~~^^^^^^^:^^^^^:?J??^:7J7.^!^:.....:!G&#Y7!:.^^.:^^~.:!!~7J^::^^^:::::^^~~~^::::::^^^^^^^^^^^^^^^^^^^^^~!!~^^^^^^^!B#BBBBBBBBBBBBBBBBBBB#@@@@@@@@@@@@@@@@@@@@@@@@@
@@@@@@@@@@@@@@@@@@@@@&#BBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBB#BY!^^^^^^^^^^^^^^^^^^~~!!~~^^^^^^^^^^^^^::^^^^:~5~?^:?J?:^!..^^:.^!7G&##B??~..:..::^:.~!^ 7Y:::^^^^^:::::^^~~^::::::^^^^^^^^^^^^^^^^^^^^^^~!!~^^^^^~JB#BBBBBBBBBBBBBBBBBBB&@@@@@@@@@@@@@@@@@@@@@@@
@@@@@@@@@@@@@@@@@@@&#BBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBB#GJ~^^^^^^^^^^^^^^^^~~~~~^^^^^^^^^^^^^^:::::^^::::J77!.7??~ ~^ ^~:.^?Y#&###&GJ!..:..::^:.^~^.:Y~:::::^^^^::::::^~!^::::::::^^^^^^^^^^^^^^^^^^^^~!!!!!!~~~?P##BBBBBBBBBBBBBBBBB#&@@@@@@@@@@@@@@@@@@@@@
@@@@@@@@@@@@@@@@@&#BBBBBBBBBBBBBBBBBBBBBBBBBBBBBBB##PJ!~~~~~~~~~~~~~~~~~~~^^^^^^^^^^^^^^^^^:::::^^^^^^:J7?7.!?7~.::.^~^^^7Y######PJ~.::..^^^..~!:..?!::::^^^::::::::::^!!:::^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^75GBBBBBBBBBBBBBBBBBB#&@@@@@@@@@@@@@@@@@@@
@@@@@@@@@@@@@@@&#BBBBBBBBBBBBBBGBBBBBBBBBBBBBBB##GJ!~^~~~^^^^^^^^^^^^~~~~~~~~^^^^^^^^^^^^::^^^^^^^^^^^:7J?Y77PPP55GGGBBBBBBBBBBBBBBGPP5YYJJ?~!7^ .~5~::::^^~~~~^::::::::!7^::^^^^^^^^^^^^^^^^~~~^^^^^^^^^^^^^^^^^^~7YPBBBBBBBBBBBBBBBBB#@@@@@@@@@@@@@@@@@@
@@@@@@@@@@@@@&#BBBBBBBBBBBBBBBBBBBBBBBBBBBBB##BP?~^^^^^^^^^^^^^^^^^^^^^^^^^^^^^:::::^:::::::::::^!7JY5PGBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBGP55PP~^:::::::^^~~~^::::::~?!^:^^^^^^^^^^^^^^^^^~!!~^^^^^^^^^^^^^^^^^^^75GGBBBBBBBBBBBBBBB&@@@@@@@@@@@@@@@@
@@@@@@@@@@@&#BBBBBBBBBBBBBBBBBBBBBBBBBBBBB#BP?~^^^^^^^^^^^^^^^^^^^^^^^^^^^::::::::^:::::::^^!?YPB###BBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBGG5?!^:::::::~!^^^^^^^^!!~^^^^^^^^^^^^^^^^^^^~~!!~^^^^^^^^^^^~~~~~!!7?J5PBBBBBBBBBBBBB&@@@@@@@@@@@@@@@
@@@@@@@@@&#BBBBBBBBBBBBBBBBBBBBBBBBBBB#BB5?~^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^:::::::::::^~7J5GBP7P#BBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBB##BBPY7~^^::^~^^~~~~!~^~!~^:^^^^^^^^^^^^^^^^^^~7!!!7?JY5PPPGGGGGBBBBBBBBBBBBBBBBBBBBB#&@@@@@@@@@@@@@
@@@@@@@&#BBBBBBBBBBBBBBBBBBBBBBBBB#BG5J7~^^^^^^^^^^^^^^~~~^^^^^^^^^^^^^^^:::::::^~7JPGB##BBBP!YBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBB###BGP5J7!^^::::::^::~~~^::^^^^^^~~!7?JY5PPBBBB###BBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBB#@@@@@@@@@@@@
@@@@@&#BBBBBBBBBBBBBBBBBBBB####BG5J!~^^^^^^^^^^^^^^~~~~~^^^^^^^^^^^^^^^^^:::^!?5GB##BBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBPBBBBBBBBBBBBBB####BBGP5YJ?777!!!7J???JY5PGGBBB#####BBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBB#&@@@@@@@@@@
@@@@#BBBBBBBBBBBBBBBBBBBBBGPYJ7!~^^^^^^^^^^^^^~~~~~~^^^^^^^^^^^^^~^^^^^^~7J5B###BBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBB##########B########BBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBB#@@@@@@@@@
@@&BBBBBBBBBBBBBBBBBBBBBBG5?!~^^^^^^^^^^^^^^~~~~^^^^^^^^^^^^^~~~^^^^~7JPBB#BBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBB#&@@@@@@@
@#BBBBBBBBBBBBBBBBBBBBBBBBB#BBG5J7~^^^^^^^^^^^^^^^^^^^^^^^^~~^^^!?YPB##BBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBGGBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBB#@@@@@@
#BBBBBBBBBBBBBBBBBBBBBBBBBBBBBBB#BG5J!~^^^^^^^~~^^^^^^^^~~!!?YPGB##BBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBPGBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBB&@@@@
#BBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBB#BBG5J??7?7!!!!!7?J5PGBB###BBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBPGBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBGBBBBBBBBBBBBBBBBBB#&@@
&BBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBB##BBBBBBBB###BBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBPJGBBBBBBBBBBBBBBBBBBB&@
@@#BBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBGBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBGGBBBBBBBBBBBBBBBBBBBBB@
@@@&#BBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBGPBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBGBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBGBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBB#@
@@@@@&#BBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBB#&@@
@@@@@@@&#BBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBGGBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBB##&@@@@
@@@@@@@@@&#BBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBB##&&@@@@@@@
@@@@@@@@@@@@&&#BBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBB##&@@@@@@@@@@@
@@@@@@@@@@@@@@@@&#BBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBGBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBB5YGBBBBBB###&@@@@@@@@@@@@@@
@@@@@@@@@@@@@@@@@@@@&#BBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBGBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBGJYBBB##&&@@@@@@@@@@@@@@@@@@
@@@@@@@@@@@@@@@@@@@@@@@&&#BBBBBBBBBBBBBBBBBBBGBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBB####&&@@@@@@@@@@@@@@@@@@@@@
@@@@@@@@@@@@@@@@@@@@@@@@@@@&&##BBBBBBBBBBBBBBGPYGBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBB##&&&@@@@@@@@@@@@@@@@@@@@@@@@@
@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@&&#BBBBBBBBBBBBGGBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBB##&&@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@
@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@&#BBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBB##&&@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@
@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@&&##BBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBPGBBBBBBBBBBBB###&&&@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@
@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@&&###BBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBB###&&@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@
@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@&&&###BBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBGPBBBBBBBBBBBBBBBBBBBBBBGBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBB###&&&@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@
@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@&&&##BBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBPYGBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBB###&&@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@
@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@&&##BBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBB###&&&@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@
@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@&&##BBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBB###&&&@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@
@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@&&##BBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBB###&&&@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@
@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@&&&##BBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBB##&&@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@
@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@&&&###BBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBB##&&@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@
@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@&&&##BBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBB###&&@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@
@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@&&####BBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBGBBBBBB##&&@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@
@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@&&&###BBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBP?G###&&@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@
@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@&&&###BBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBB###&&&@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@
@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@&&&&###BBBBBBBBBBBBBBBBBB###&&&@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@
@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@&&&&&&######&&&&&@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@
-->
<!doctype html>
<html lang="en">
<head>
    <title>The Heartlands Webcomic</title>

    <meta charset="UTF-8">
    <meta name="viewport"
          content="width=device-width, initial-scale=1.0, maximum-scale=5.0, minimum-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <meta name="title" content="The Heartlands Webcomic">
    <meta name="description" content="A dark fantasy / mystery webcomic. New panels every saturday. When earthquakes settle over The Heartlands, three incompatible lords suddenly find that a much bigger threat awaits on the horizon...">
    <meta name="csrf-token" content="eyU0tbxMDtLJpSjVYTf4aKksCXpeGJsSzJMHHeP8">

    <meta property="og:site_name" content="The Heartlands Webcomic" />
    <meta property="og:type" content="website">
    <meta property="og:locale" content="en_US" />
    <meta property="og:url" content="https://heartlandscomic.com">
    <meta property="og:title" content="The Heartlands Webcomic">
    <meta property="og:description" content="A dark fantasy / mystery webcomic. New panels every saturday. When earthquakes settle over The Heartlands, three incompatible lords suddenly find that a much bigger threat awaits on the horizon...">
    <meta property="og:image" content="https://heartlandscomic.com/images/art/miscellaneous/here_we_go_again.png">

    <meta property="twitter:image" content="https://heartlandscomic.com/images/art/miscellaneous/here_we_go_again.png">
    <meta property="twitter:card" content="https://heartlandscomic.com/images/assets/opengraph/twitter_card.png">
    <meta property="twitter:url" content="https://heartlandscomic.com">
    <meta property="twitter:title" content="The Heartlands Webcomic">
    <meta property="twitter:description" content="A dark fantasy / mystery webcomic. New panels every saturday. When earthquakes settle over The Heartlands, three incompatible lords suddenly find that a much bigger threat awaits on the horizon...">

    <meta name="theme-color" content="#19081A">

    <link rel="icon" type="image/x-icon" href="https://heartlandscomic.com/images/favicon/favicon.ico"/>
    <link rel="apple-touch-icon" sizes="180x180" href="https://heartlandscomic.com/images/favicon/apple-touch-icon.png">
    <link rel="mask-icon" href="https://heartlandscomic.com/images/favicon/safari-pinned-tab.svg" color="#5bbad5">

    <link rel="preload" as="style" href="https://heartlandscomic.com/build/assets/app-bd2e65d4.css" /><link rel="preload" as="style" href="https://heartlandscomic.com/build/assets/main-e44453c5.css" /><link rel="modulepreload" href="https://heartlandscomic.com/build/assets/app-8d7e9ae3.js" /><link rel="modulepreload" href="https://heartlandscomic.com/build/assets/mobile-menu-7bfa1a46.js" /><link rel="modulepreload" href="https://heartlandscomic.com/build/assets/eye-e5afa35e.js" /><link rel="stylesheet" href="https://heartlandscomic.com/build/assets/app-bd2e65d4.css" /><link rel="stylesheet" href="https://heartlandscomic.com/build/assets/main-e44453c5.css" /><script type="module" src="https://heartlandscomic.com/build/assets/app-8d7e9ae3.js"></script>            <link rel="modulepreload" href="https://heartlandscomic.com/build/assets/comic-reader-da2838e2.js" /><link rel="modulepreload" href="https://heartlandscomic.com/build/assets/achievement-handler-84927999.js" /><script type="module" src="https://heartlandscomic.com/build/assets/comic-reader-da2838e2.js"></script></head>
<body class="bg-main min-h-screen">
<div class="absolute w-full lg:w-[1000px] lg:ml-[-500px] lg:left-1/2 max-w-7xl min-h-full bg-inner border-frame border-x-[12px] text-white">
    <header>
        <div class="w-full lg:w-[1000px] z-40 fixed bg-frame h-14 flex items-center ml-[-12px] md:p-4 ">
    <div class="block md:hidden px-3.5 w-full text-[#c09f34]">
        <button id="menuButton" class="btn-nav uppercase max-w-3/4 w-3/4 rounded md:px-4 py-1.5 self-center font-alice">Menu</button>
    </div>
    <nav id="navMenu" class="hidden gap-3 py-2 top-0 flex flex-col w-screen absolute bg-frame md:bg-none md:py-0 font-bold md:mt-0 md:static md:flex-row md:bg-inherit md:flex md:text-sm lg:text-base md:w-3/4 lg:w-full md:gap-5 text-center text-[#c09f34] font-alice tracking-widest">
        <a href="https://heartlandscomic.com" class="btn-nav uppercase w-11/12 md:w-36 rounded px-4 py-1.5 self-center transition-all click-pop">Home</a>
        <a href="https://heartlandscomic.com/about" class="btn-nav uppercase w-11/12 md:w-36 rounded px-4 py-1.5 self-center transition-all click-pop">About</a>
        <a href="https://heartlandscomic.com/characters" class="btn-nav uppercase w-11/12 md:w-36 rounded px-4 py-1.5 self-center transition-all click-pop">Characters</a>
        <a href="https://heartlandscomic.com/news" class="btn-nav uppercase w-11/12 md:w-36 rounded px-4 py-1.5 self-center transition-all click-pop">News</a>
        <a href="https://heartlandscomic.com/bonus" class="btn-nav uppercase w-11/12 md:w-36 rounded px-4 py-1.5 self-center transition-all click-pop">Bonus</a>
    </nav>
    <div class="w-full md:w-1/4 md:max-w-1/4 flex justify-end md:justify-center text-[#c09f34] h-full font-capirola">
                    <div class="flex justify-center text-sm px-2 py-2 ">
                <a href="https://heartlandscomic.com/login" class="text-md underline self-center hover:text-[gold] transition">Login with Discord</a>
            </div>
            </div>
</div>
    </header>

    <main class="pt-12">
            <div class="pt-10 pb-20">
        <div id="comicName" class="hidden">heartlands</div>
<div class="w-full flex flex-col gap-6 h-full text-[#c09f34]">
    <div class="flex justify-center items-center gap-6 md:gap-8">
        <button id="firstButton">
            <img src="https://heartlandscomic.com/images/assets/buttons/l2_main.png" class="h-12 md:h-16 btn-gold click-pop" alt="First page">
        </button>
        <button id="prevButton">
            <img src="https://heartlandscomic.com/images/assets/buttons/l1_main.png" class="h-12 md:h-16 btn-gold click-pop" alt="Previous page">
        </button>
        <span id="pageNumber" class="text-4xl md:text-6xl font-crimson"></span>
        <button id="nextButton" >
            <img src="https://heartlandscomic.com/images/assets/buttons/r1_main.png" class="h-12 md:h-16 btn-gold click-pop" alt="Next page">
        </button>
        <button id="lastButton">
            <img src="https://heartlandscomic.com/images/assets/buttons/r2_main.png" class="h-12 md:h-16 btn-gold click-pop" alt="Last page">
        </button>
    </div>

    <div class="flex flex-col justify-center items-center">
        <div id="loading_animation" class="loadingio-spinner-ripple-0cn4q23e87yv pb-48">
            <div class="ldio-ixvaytllka">
                <div></div>
                <div></div>
            </div>
        </div>
        <div id="comicPanel" class="w-11/12 md:w-3/4">

        </div>

    </div>

</div>

    </div>
    </main>

    <footer>
        <div class="w-full lg:w-[1000px] z-40 fixed bg-frame h-14 bottom-0 ml-[-12px] flex justify-around items-center px-2">
   <div class="w-1/3 text-xs text-[#c09f34] font-alice">

   </div>
    <div class="eye w-1/3 ">
        <a href="https://heartlandscomic.com/extra/gate" aria-label="Gate">
            <div class="ball transition-all duration-1000 md:duration-0 md:transition-none md:top-0 md:left-0 md:transform-none"></div>
        </a>
    </div>
    <div class="w-1/3 text-right flex gap-4 justify-end text-[#c09f34] font-alice ">
        <a href="https://discord.com/invite/Q4R4ANthRp" target="_blank" aria-label="Heartlands Discord Server">
            <i class="fa-brands fa-discord hover:text-[gold] transition hover-glow click-pop" ></i>
        </a>
        <a href="https://www.youtube.com/@theheartlands3591" target="_blank" aria-label="Heartlands YouTube Channel">
            <i class="fa-brands fa-youtube hover:text-[gold] transition hover-glow click-pop" ></i>
        </a>
    </div>
</div>
    </footer>
</div>
</body>
</html>