<!--
----- 06/12/25 -----
jet neptroon edition


░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░▒▒▒▒▓▒▓███████▓▓▓▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▓▓▓▓▓▓▓▓▓▓██████████████▓▒░░░░░▒▓████▓███████████████████████████████▓▒▒░░░░░░░░░
░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░▒▒▒▓▓▒▓▓███████▓▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▓▓▓▓▓▓▓▓▓▓█▓██████████▓▒░░░░░░░░▒█████████████████████████████████████▓▒░░░░░░
░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░▒▒▒▒▒▓▓███████▓▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▓▓▓▓▓███████████▓▒░░░░░░░░░░▒▓████████████████████████████████████▓▒░░
░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░▒▒░▓▓▓▓▓██████▓▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▓▓████████████▓▓▒░░░░░░░░░░░▒▓████████████████████████████████████
░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░▒▓░░▒▒▓▓███████▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▓█████████████▓▓▒░░░░░░░░░░░░░▒▓████████████████████████████████
░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░▒▒░░▒▒▓▓███████▓▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▓██████████████▓▒░░░░░░░░░░░░░░░░▒▓████████████████████████████
░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░▒░░▒▒▒▓███████▓▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▓██████████████▓▒░░░░░░░░░░░░░░░░░░░▒▓████████████████████████
░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░▒░░▒███████████▓▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▓▒▒▒▒▒▒▒▓▒▒▒▒▒▒▒▒▒▒▒▒▒▒▓██████████████▒░░░░░░░░░░░░░░░░░░░░░░░░▒████████████████████
░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░▒▓█▓▓▓█████████▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▓▒▒▒▒▓▓▓▓▓▓▓████▓▓▓▓▓▓▒▒▒▒▒▒▒▓▓▓█████████████▓▒░░░░░░░░░░░░░░░░░░░░░░░░░░▒▒▒▓▓█████████████
░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░▒▓▓▒▓▒▓▓███████▓▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▓▓▓▓▓▓▓▓▓██████▓█▓▓▒▒▒▓▓▒▒▒▒▓██▓▓▓████████████████▓▒▒▒░░░░░░░░░░░░░░░░░░░░░░░░░░░▓████████████
░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░▓▓░▒▒▓▒▓███████▓▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▓▓▓▓▓▓▓▓▓▓████▓▓▓▓▒▒▒▒▒▒▒▒▒▒▒▒▓▓▒▒▒▓▓████████████████▓▓▓▒▒░░░░░░░░░░░░░░░░░░░░░░░░░░░░▒▓████████
░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░▓▒▒▒▓▒▓████████▓▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▒▒▒▒▒▒░▒▒▒▓▓▒▒▒▒▓▓███████████▓▓█▓▓▒▒▒░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░▒▓▓▓██
░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░▒▓▒▒▓▒▓████████▓▓▒▒▒▒▒▒▒▒▒▒▒▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▒▒▒▒▒▒▒▒▒▓▒▒▒▒▒▒▒▒▒▓▓▒▒▒▒▒▓█████████▓▓▓▓████▓▓▒░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░▒
░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░▒▒▒▓▒▓████████▓▓▒▒▒▒▒▒▒▒▒▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▒▒▓▓▓▒▒▒▓▒▓▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▓████████▓▓▓▓████▒▒▒░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░
░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░▒▒▒▒▓▓███████▓▓▓▒▒▒▒▒▒▒▓▓▓▓▓▓▓▓▓▓▓▓▓▒▓▓▓▓▒▒▓▓▓▓▒▒█▓▓▒▒▓▒▓▓▓▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▓█████▓▓▓▒▒▓████▓▒░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░
░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░▒▒▒▒▓████████▓▓▓▓▒▒▓▓███████████▓▓▓▓▓▒▒▓█▓▓▓████▓▓███▓▓▓▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▓▓██▓▓▓▓▓▓▓███▓▓▒░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░
░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░▒▒▒▒▓████████▓▓▓▓▓██████████████▓▓▓▓▓▓▓▓▓▓▓▓██▓▓▓▓▓▓▓▓▓▒▒▒▒▒▒▒▒▓▒▒▒▒▒▒▒▒▒▒▒▓▓▓▓▓▓▒▓▓▓██▓▒░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░
░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░▒▒▓████████▓▓███▓▓▓▓▓█▓▓▓▓▒▓██▓▓▒▒▒▒▒▓▓▓▓▓█▓▓▓▓▓▓▓▓▓▓▓▒▒▒▓▓▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▓▓▒▒▒▓▓█▒░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░
░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░▒▓████████▓▓▓▓▓▓▓▓▓▓▓▓▓██▒▓▓█▓▒▒▒▒▒▒▒▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▓▓█▓▓▒▒▒▒░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░
░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░▒▓███████▓█▓▓▓▓▓▓▓██████████▓▒▒▒▒▒▒▒▒▒▓▓▓▓▒▒▓▓▓▓▓▓▓▓▓▓▓▓▓▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒███▓▒▒▒░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░
░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░▒▒▒▒▒▓▓▓▓▓▓▓████████▓▒▒░░░░▒████▓▓▓▒▓█▓▓▓▓▓████████▓▓██▒▒▒▒▒▒▒▒▒▒▒▒▒▓▓▓▓▓▓▓▓▓▓▓▓▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▓▓█▓▒▒▒░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░
░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░▒▓▓▓▓▓███████████████████████▒▒▒████▓▒▓▓▓██▓▓█▓▓██▓█████▓▓▓▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▓▓▓▓▓▓▓▓▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░
░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░▒▓██████████████████████████████████████▓▓▓█████▓▓▓▓▓█▓▓▓█▓▓▓▓▓▒▒▒▓▒▒▒▒▒▒▒▒▒▒▒▓▓▓▓▓▓▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░
░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░▒▓██████████████████████████████████████████▒▒▓█████▓▓▓▓▓▓▓▓▓▓▓▓▓▓▒▒▒▓▓▓▒▒▒▒▓▓▓▓▓▓▓▓▓▓▓▓▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒░░▒▒░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░
░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░▒▒▒▓████████████████████████████████████████████▓▒▓████▓▓▓▓▓▓▓▓▓▓▓▓▓▓▒▓▓▓▓▓▓▒▒▒▒▒▒▒▒▒▓▓▓▓▓▓▓▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▓██▒░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░
░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░▒▒▓████████████████████████████▓▓▓▓▓▓▓▓████████████▒▓▓██▓▓▒▒▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▒▒▒▒▒▓█▓▓▒▒▓▓▓▓▓▓▓▓▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▓▓▓░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░
░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░▒▒▒▓█████████████████████████▓▓▒▒▒▒▒▒▒▒▒▓▓▓▓▓█████████████▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▒▒██████▓▓▓▓▓▓▓▓▓▓▓▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░
░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░▒▒▒▒███████████████████████▓▓▓▓▒▒▒▒▒▒▒▒▒▒▒▒▓▓▓▓▓▓███████████▓▓▓▓▓▓▓▓▓▓▓▓▓█████▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒░▒▒▒░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░
░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░▒▒▒▒█████████████████████▓▓▓▓▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▓▓▓▓▓▓▓▓▓▓████████▓▓▓▓▓▓▓▓▓▓▓▓███████▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒░▒▒▒▒░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░
░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░▒▓████████████████████▓▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▓▓▓▓▓▓▓▓▓▓▓████████▓▓▓▓▓▓▓▓▓▓▓█▓▓████▓▓▓▓████████████████▓▓▓▓▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░
░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░▒▒▓▓███████████████████▓▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▓▓▓▓▓▓▓▓▓▓▓████████▓▓▓▓▓▓▓▓▓▓▓▓▓██████████████████▓▓███████▓▓▓▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░
░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░▒▒▓▓▓██████████████████▓▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▓▓▓▓▓▓▓▓▓▓▓▓████████▓▓▓▓▓▓▓▓▓▓██████████▓▓▓█████▓▓▓▓▓▓█████▓▓▓▓▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░
░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░▒▒▒▒▓▓█████████████████▓▓▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▓▓▓▓▓▓▓▓▓▓▓▓▓█████████▓▓▓▓▓▓▓█████████▓▓▓▓███████████████████▓▓▓▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░
░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░▒▒▓▓▓█████████████████▓▓▒▒▒▒▒▒▒▒▒▓▓▓▓▓▓▓▓▓▓▓▒▒▒▒▒▒▓▓▓▓▓▓▓▓▓▓▓▓███████▓█▓▓▓▓▓▓███████████████████▓▓███████▓▓▓▓██▓▓▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░
░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░▒▒▒▓█▓█████████████████▓▓▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▓▓▓▓███▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓██████████▓▓▓▓▓█████████████████████████▓▓▓▓▓▓▓▓▓▓▓▓▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░
░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░▒▒▒▓▓▓█████████████████▓▒▒▒▒▒▒▒▒▒▓▒▒▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓█████████▓▓▓▓████████████████████▓███▓▓▓▓▓▓▓▓▓▓▓▓▓▓▒▒▒▒▒▒▒▒▒▓▒▒▒▒▒▒▒▒▒▒░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░▒▒▒▒▒
░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░▒▒▒█▓▓█████████████████▓▒▒▒▒▒▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓██████████▓▓▓█▓▓███████████████████▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▒▒▒▒▒▓▓▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▓██▓▒░░░░░░░░░░░░░░░░░░░░░▒▒▒▒▒▒▒▒▒▒▒
░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░▒▓▓▓██████████████████▓▓▒▒▒▒▒▓▓▓▓▓▓██████▓████▓▓▓▓▓▓▓▒▓▓▓▓▓▓▓▓▓▓█████████████▓▓▓▓█▓▓██▓▓▓███████████▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▒▒▓▓▓▓▓▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒░░▓██▓▒▒▒░░░░░░░░░░░▒▒▒▓▒▒▒▒▒▒▒▓▓▓▓▓▓
░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░▒▒▓███████████████████▓▓▒▒▒▒▒▒▒▒▓▓▓▓▓█████████████▓▓▓▓▒▒▒▒▓▓▓▓▓█████████████████▓▓▓▓▓██▓▓▓▓█████████████▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▒▒▒▒▓▓▓▓▓▒▒▒▒▒▒▒▒▒▒▒▒▒▒░░░▒███▓▒▒░░▒▒▒▒▒▒▒▒▒▒▒▓▓▓▓▓▓▓▓▓▒▒░░░
░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░▒▒░▒███████████████████▓▓▒▒▒▓▒▒▒▒▒▒▒▓▓▓▓▓▓▓███▓▓████▓▓▓▓▒▒▒▒▓▓▓████████████████████▓▓▓████▓▓▓▓████████████▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▒▒▒▒▒▒▒▒▒▒▒▒▒░░░▒▒▓█▓▓▒▒▒▒▒▒▒▒▓▓▓▓▓▓▓▓▓▒▒░░░░░░░░░
░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░▒▓███████████████████▓▒▒▒▓▓▒▒▒▒▒▒▓▓▓▓▓▓▓▓▓▓▓▓████▓▓▓▓▓▒▒▒▓▓███████████████████████▓▓▓▓███▓▓▓▓▓▓██████▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▓▓▓▓▓▓▓▓▓▓▓▓▓▓▒▒▒▒░▒▒▒▒░░░░░░░░
░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░▒▓████████████████████▓▒▒▒▒▒▒▓▓▒▒▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▒▒▓▓▓█████████████████████████▓▓▓███▓▓▓▓▓▓█▓▓██▓▓▓▓▓▓████████████▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▒▒▒▒▒▒▒▒▒▒▒▒▒▓▓▓▓▓▒▒▒▒▒░░░▒░░░░▒▒▒░░▒▒▒▒▒░░
░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░▒▒▓████████████████████▓▓▓▒▒▒▒▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓████████████▓███████████▓██▓▓▓████████▓▓████████▓█████████████▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▓▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒░░░▒▒▒▒▒▒
░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░▒▓█████████████████████▓▓▓▒▓▓▓▒▒▒▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓███████████▓████████████▒▒▓█████████████████████████████████████▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▒▒▒▒▒▒▒▒▒▒▓▓▓▒▒▒▒▓▓▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒
░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░▒▒▓██████████████████████▓▓▒▒▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓████████▓█▓███████████▒░░▒▓███████████████████████████████████▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▒▓▓▓▓▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒
░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░▒▒▓███████████████████████▓▓▒▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▒▒▒▒▓▓▓██████████▓███████████░░░░▒▓██████████████████████████████████▓██▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▒▓▓▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒
░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░▒▒▓███████████████████████▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▒▒▓▓▒▒▒▓▓▓▓▓█████████▓██████████▓░░░▒▒▒▒███████████████████████████████████▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒
░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░▒▓████████████████████████▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓██▓█████████▓██████████░░░░░░░░▓█████████████████████████████████▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒
░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░▒▓█████████████████████████▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓███████████▓▓█▓▓██████▓█████████▒░░░░░░░▒░▒██████████████████████████████▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒
░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░▒▓███████████████████████████▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓███████████▓▓▓▓████▓▓█████████░▒░░░░▒▒▒▒▒▓▓████████████████████████▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒
░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░▒▓████████████████████████████▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓████████▓▓▓▓▓▓▓███▓█████████▓▒▒░░▒▒▓▓▓▓▓▓▓▓██████████████████▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒
░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░▒▓██████████████████████████████▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓███▓▓▓▓▓▓▓▓█████████████▓▓▓▓▓▓█████████████▒▒▒▓▓▓▓▓▓▓▓▓▓▓▓▓▓██▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▓▓▒▒▒▒▒▒▒▒▒▒▒▒▒
░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░▒▓████████████████████████████████▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓████████████████████████▓▓▓▓██▓███████▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓███▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒
░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░▒▓██████████████████████████████████▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓██████▓▓▓▓▓█████████▓▓▓▓▓▓█████▓▓▒▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓███████▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▒▒▓▓▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒
░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░▒▓█████████████████████████████████████▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓█████████▓▓█▓██████▓▓██████████▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓██████████▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒
░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░▓▓██████████████████████████████████████▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓█████████████████▓▓▓▓▓█████████▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒
░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░▒▓▓▓████████████████████████████████████████▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓████████████▓▓█▓▓██████████▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▒▒▒▒▓▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒
░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░▒▓▓▒▓█████████████████████████████████████████▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓███████▓▓▓▓███████████▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▒▒▒▓▓▓▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒
░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░▒▓▒▒▒▓███████████████████████████████████████████▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓█████▓█████████████▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▒▒▓▓▓▓▓▒▓▓▓▓▓▓▓▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒
░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░▓▓▒▒▒▓█████████████████████████████████████████████▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓███▓▓███████████▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▒▒▓▓▓▓▓▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒
░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░▒▓▒▒▒▒▓▓██████████████████████████████████████████████▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓████████████▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▒▓▓▓▓▓▓▓▓▓▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒
░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░▒▒▒▒▒▓██████████████████████████████████████████████████▓▓▓▓▓▓▓▓▓▓▓▓▓█▓▓███████████▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▒▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒
░░░░░░░░░░░░░░░░░░░░░░░░░░░░░▒▒▒▒▒▓██████████████████████████████████████████████████████▓▓▓▓▓▓▓▓▓▓▓▓██████████▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒
░░░░░░░░░░░░░░░░░░░░░░░░░░░░▒▒▒▒▒▒▒▒▒▒▓▓██████████████████████████████████████████████████████▓▓▓▓████████████▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▒▒▒▒▒▒▒▒▒▒▓▓▓▓▓▒▒▒▒▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▒▒▓▓▓▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒
░░░░░░░░░░░░░░░░░░░░░░░░░▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▓▓▓██████████████████████████████████████████████████████████████████▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒
░░░░░░░░░░░░░░░░░░░░░░▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▓▓▓▓████████████████████████████████████████████████████████████████▓▓▓▓▓▓▓▓▓▓▓▓▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒
░░░░░░░░░░░░░░░░░░░▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▓▓▓▓█████████████████████████████████████████████████████████████▓▓▓▓▓▓▓▓▓▓▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒
░░░░░░░░░░░░░░░░▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▓▓▓▓▓████████████████████████████████████████████████████████████▓▓▓▓▓▓▓▓▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒
░░░░░░░░░░░░░░▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▓▓▓▓█████████████████████████████████████████████████████▓▓▓███▓▓▓▓▓▓▓▓▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▓▒▒▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒
░░░░░░░░░░░░▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▓▓▓▓███████████████████████████████████████████████████▓▓▓▓███▓▓▓▓▓▓▓▓▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒
░░░░░░░░░░▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▓▓▓▓████████████████████████████████████████████████▓▓▓▓▓▓▓▓███▓▓▓▓▓▓▓▓▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒
-->
<!doctype html>
<html lang="en" data-bs-theme="dark">
  <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>Fishtank - www.ppvs.su</title>
    <meta name="description" content="Fishtank live on PPV.TO">
    <meta name="keywords" content="www.ppvs.su, fishtank, live, ppvland fishtank, fishtank ppvland, fishtank restream, fishtank, restream, fishtank cameras free, bathroom camera free, m3u8">
    <meta property="og:title" content="Fishtank live on PPV.TO" />
    <meta property="og:url" content="https://www.ppvs.su" />
    <meta name="twitter:title" content="Fishtank restream | PPV.TO">
    <meta name="twitter:description" content="Fishtank restream | PPV.TO">
    <meta name="twitter:card" content="summary_large_image">
    <link rel="preconnect" href="https://fonts.bunny.net" crossorigin>
    <link href="https://fonts.bunny.net/css?family=kanit:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i" rel="stylesheet"> 
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap/5.3.1/css/bootstrap.min.css" integrity="sha512-Z/def5z5u2aR89OuzYcxmDJ0Bnd5V1cKqBEbvLOiUNWdg9PQeXVvXLI90SE4QOHGlfLqUnDNVAYyZi8UwUTmWQ==" crossorigin="anonymous" referrerpolicy="no-referrer" />
    <link rel="stylesheet" href="/assets/css/main.css?v=19">
    <script src="https://code.jquery.com/jquery-3.2.1.slim.min.js" integrity="sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN" crossorigin="anonymous"></script>
    <script src="/assets/js/jwplayer.js"></script>
    <script  src="/assets/js/ppvchat11.js?v=1800284733MzJiNmIyODc1MTVmNjM5ZTczMTgxNjg5ZadhMWNmOTU"></script>
    <script  src="/assets/js/util.js?v=1800284719MzJiNmIyODc1MTVmNjM5ZTczMTfxNjg5ZjdhMWNmOTU"></script>
    <style>
      .message-cont {
        height: 20.50vw !important;
      }
      .navbar {
        max-height:50px!important;
      }
      @media (min-width: 1200px) {
        .chat-column {
          width: 25.575% !important;
        }
        .wide-toast {
          width:450px!important;
        }
      }
    </style>
  </head>
  <body class="bg-black">
  <nav class="navbar navbar-expand-lg bg-black">
   <div class="container-fluid">
      <a class="navbar-brand" href="https://www.ppvs.su/"><img class="" src="/assets/img/ppv_to.png" height="30" alt="Logo" /></a><button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation"><span class="navbar-toggler-icon"></span></button>
      <div class="collapse navbar-collapse" id="navbarSupportedContent">
         <ul class="navbar-nav me-auto mb-2 mb-lg-0">
         <li class="nav-item"><a class="nav-link" href="/request">Request</a></li>
            <li class="nav-item"><a class="nav-link" href="/vods">VODs</a></li>
            <li class="nav-item"><a class="nav-link" href="https://ppv.zone/">Mirror list</a></li>
            <li class="nav-item"><a class="nav-link" href="https://discord.gg/5AMPdpckjH">Discord</a></li>
            <li class="nav-item"><a class="nav-link active" href="/ft">Fishtank</a></li>
         </ul>
         <ul class="navbar-nav ml-auto mb-2 mb-lg-0">
 
            <li class="nav-item dropdown">
                <a class="nav-link dropdown-toggle" href="#" role="button" data-bs-toggle="dropdown" aria-expanded="false">English</a>
                <ul class="dropdown-menu dropdown-menu-lg-end">
                  <li><a class="dropdown-item" href="#" onclick="document.cookie = 'fs_locale=en; expires=Mon, 18 Jan 2038 12:00:00 UTC; path=/';location.reload();">English</a></li>
                  <li><a class="dropdown-item" href="#" onclick="document.cookie = 'fs_locale=de; expires=Mon, 18 Jan 2038 12:00:00 UTC; path=/';location.reload();">Deutsch</a></li>
                  <li><a class="dropdown-item" href="#" onclick="document.cookie = 'fs_locale=es; expires=Mon, 18 Jan 2038 12:00:00 UTC; path=/';location.reload();">Español</a></li>
               </ul>
            </li>
 
            <li class="nav-item"><a class="nav-link" href="/auth/login">Login</a></li>
            <li class="nav-item"><a class="nav-link" href="/auth/register">Register</a></li>
        </ul>
      </div>
   </div>
</nav>
    <div class="container-fluid bootstrapisgay">
      <div class="row align-items-start">
        <div class="col py-0 p-1">
          <video id="player" /></video>
          <div id="season_pass_cams" class="px-2 row row-cols-2 justify-content-center"></div>
        </div>
        <div class="col-xl-3 px-0 chat-column">
          <div class="text-center text-muted pt-0 pb-1">
            <a href="#" id="infomenu" class="link-secondary link-offset-2 link-underline-opacity-25 link-underline-opacity-100-hover">🛈</a> • 
            <a href="" id="mutesfx" class="link-secondary link-offset-2 link-underline-opacity-25 link-underline-opacity-100-hover">sfx</a> • 
            <a href="/vip" target="_blank" class="link-secondary link-offset-2 link-underline-opacity-25 link-underline-opacity-100-hover">donate </a> • 
            <a href="#" class="link-secondary link-offset-2 link-underline-opacity-25 link-underline-opacity-100-hover" data-bs-toggle="modal" data-bs-target="#ft_settings">settings / useful stuff / gastank</a>
            <span id="expand" style="display:none;"> • <a href="#" class="link-secondary link-offset-2 link-underline-opacity-25 link-underline-opacity-100-hover">expand cams</a></span>
          </div>
          <div id="normal_cams" class="row m-0"></div>
          <div id="chat-col" class="pe-1 pt-1">
              <div class="card bg-darker rounded-100">
                  <h5 class="card-header d-flex justify-content-between align-items-end">
                      <span>ppv.to chat</span>
                      <span class="my-auto text-muted" style="font-size: small;"><span id="viewers"></span> <span id="status">not connected</span> <span class="text-secondary"></span></span>
                  </h5>
                  <div class="card-body p-0">
                      <div class="message-cont" id="message-cont">
                          <div class="message-list" id="message-list"></div>
                          <div class="emote-picker-container">
                              <div class="emote-picker" id="emote-picker">
                                  <div class="emote-container" id="emote-container"><h6 class="emote-section-heading">All emotes</h6></div>
                              </div>
                          </div>
                      </div>
                      <div class="tc-message-box">
                          <form class="w-100 message-form" id="message-form">
                              <div class="input-group">
                                  <textarea type="text" class="tc-message-input col-12 form-control rounded comment-name message-input-item" id="message-input" placeholder="Send a message"></textarea>
                                  <button id="emotes" class="input-group-text chat-button message-input-item"><img style="vertical-align:top;" height="20px" src="/assets/emote.svg" aria-hidden="true"></button>
                              </div>
                              <input style="display:none;" id="send_message" type="submit"></input>
                          </form>
                      </div>
                  </div>
              </div>
          </div>
        </div>
      </div>
    </div>
    <div class="modal modal-lg fade" tabindex="-1" id="ft_settings">
        <div class="modal-dialog">
            <div class="modal-content bg-darker">
                <div class="modal-header">
                    <h5 class="modal-title">Settings & useful stuff</h5>
                    <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
                </div>
                <div class="modal-body">
                    <h4>Useful stuff</h4>
                    <h5>MPV door navigation, playlist and active Fishtank general thread</h5>
                    <p><a href="https://kiwifarms.st/threads/sam-hydes-fishtank-live-general.164029/page-3651#post-21713354" target="_blank">https://kiwifarms.st/threads/sam-hydes-fishtank-live-general.164029/page-3651#post-21713354</a></p>

                    <h5>TopJsBottom's PPV Firefox extension</h5>
                                        <p><a href="https://addons.mozilla.org/en-GB/firefox/addon/ppv/" target="_blank">https://addons.mozilla.org/en-GB/firefox/addon/ppv/</a></p>
                    
                    <h5>Playlist for media player</h5>
                    <p><a href="https://ppv.to/fishtank.m3u" target="_blank">https://ppv.to/fishtank.m3u</a></p>
                    
                    <h5>FishCord</h5>
                    <p>PPV chat-centered community (Fishtank, Gastank, Slavtank)<a href="https://discord.gg/SBXqAWMgaF" target="_blank">https://discord.gg/SBXqAWMgaF</a></p>

                    <h4>Settings</h4>
                    <form id="stream_settings">
                        <div class="mb-3">
                            <p class="mb-2">Change "tank" <span class="text-muted">(different cameras, Fishtank and Gastank, a gas station)</span></p>
                            <select id="cameraset" class="form-select">
                                <option value="fishyspicytank">Fishtank / Spictank</option>
                                <option value="fishtank-direct">Fishtank</option>
                                <option value="gastank">Gastank</option>
                                <option disabled>???</option>
                                <option disabled>???</option>
                            </select>
                        </div>
                        <div class="mb-3">
                            <p class="mb-2">Make chat links clickable <span class="text-muted">(links are clicked at your own risk)</span></p>
                            <input type="radio" class="btn-check" name="links" id="disable-links" autocomplete="off" checked>
                            <label class="btn" for="disable-links">Disabled</label>
                            <input type="radio" class="btn-check" name="links" id="enable-links" autocomplete="off">
                            <label class="btn" for="enable-links">Enabled</label>
                        </div>

                        <div class="mb-3">
                            <p class="mb-2">Embed media from trusted sources <span class="text-muted" data-bs-toggle="tooltip" data-bs-title="4chan media and youtube videos">?</span></p>
                            <input type="radio" class="btn-check" name="embed" id="disable-embed" autocomplete="off" checked>
                            <label class="btn" for="disable-embed">Disabled</label>
                            <input type="radio" class="btn-check" name="embed" id="enable-embed" autocomplete="off">
                            <label class="btn" for="enable-embed">Enabled</label>
                        </div>

                        <div class="mb-2">
                            <p class="mb-2">Show "special" cameras (cameras below player)</p>
                            <input type="radio" class="btn-check" name="special" id="disable-special" autocomplete="off">
                            <label class="btn" for="disable-special">Disabled</label>

                            <input type="radio" class="btn-check" name="special" id="enable-special" autocomplete="off" checked>
                            <label class="btn" for="enable-special">Enabled</label>
                        </div>
                    </form>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Close</button>
                </div>
            </div>
        </div>
    </div>
    <div class="modal modal-lg fade" tabindex="-1" id="ft_notification">
        <div class="modal-dialog">
            <div class="modal-content bg-darker">
                <div class="modal-header">
                    <h5 class="modal-title">Information</h5>
                    <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Dismiss"></button>
                </div>
                <div class="modal-body">
                    <h4>Fishtank</h4>
                    <p>
                        Season 4 has ended early due to reddit shenanigans. Previous contestant livestreams on-site will be mirrored here (Spictank / Fishtank camera set)
                    </p>

                    <h4>Spictank (elestanque.live)</h4>
                    <p>
                        Spictank is an El Salvadorian(?) spin of Fishtank led by Mexican Jet. A paywall was soon added to elestanque.live due to large volumes of viewers & gay Livepeer costs. That being said, we restream the feeds through our own infrastructure as to not contribute to the problem.
                    </p>

                    <h4>Gastank</h4>
                    <p>
                        Gastank is a play on the Fishtank name where we stream the entire CCTV system from a random gas station. Gastank is the default "camera" set on this page when there's nothing else on.
                    </p>
                    <p>
                        Gastank & other camera sets remain accessible from <a href="#" onclick='return document.querySelector("body > div.container-fluid.bootstrapisgay > div > div.col-xl-3.px-0.chat-column > div.text-center.text-muted.pt-0.pb-1 > a:nth-child(4)").click();' data-bs-dismiss="modal">settings => Change "tank"</a>
                    </p>

                    <h4>Good to know</h4>
                    <p>
                        Clicking "settings / useful stuff / gastank" will allow you to change what camera set is displayed, configure chat options and find links to useful resources.
                    </p>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Close</button>
                </div>
            </div>
        </div>
    </div>
    
    <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.1/dist/js/bootstrap.bundle.min.js" integrity="sha384-HwwvtgBNo3bZJJLYd8oVXjrBZt8cqVSpeBNS5n7C8IVInixGAoxmnlMuBnhbgrkm" crossorigin="anonymous"></script>
    <audio id='blip' src='https://cdn.fishtank.live/sounds/blip.mp3'>
    <audio id='click' src='https://cdn.fishtank.live/sounds/chunk-short.mp3'>
    <script defer>
      var FS_STREAM_ID = 975;
      function addEntry(nigger) {
        console.log(nigger)
        //if(nigger.type=='normal') {
        //  itemtemplate = '<div class="col-4 col-md-4 pe-1 ps-0 pt-1"><a href="/ft/{id}" class="card cam" data-playlist="{playlist}" data-uri="{id}" data-name="{name}" draggable="false"><img src="https://i.3045x.com/{playbackId}/thumbnail.jpg" class="card-img h-100" alt="{name}" loading="lazy"></img><div class="card-img-overlay text-white px-2 p-1"><span class="badge text-bg-dark fw-light">{name}</span></div></a></div>';
        //}
        //if(nigger.type=='season_pass') {
        //  itemtemplate = '<div class="col-3 col-xxl px-1 py-1"><a href="/ft/{id}" class="card cam" data-playlist="{playlist}" data-uri="{id}" data-name="{name}" draggable="false"><img src="https://i.3045x.com/{playbackId}/thumbnail.jpg" class="card-img h-75" alt="{name}" loading="lazy"></img><div class="card-img-overlay text-white px-2 p-1"><span class="badge text-bg-dark fw-light">{name}</span></div></a></div>';
        //}
        if(nigger.type=='normal' || nigger.type=='public') {
          nigger.type = 'normal';
          itemtemplate = '<div class="col-4 col-md-4 pe-1 ps-0 pt-1"><a href="/ft/{id}" id="{id}" class="card cam ratio ratio-16x9" data-playlist="{playlist}" data-uri="{id}" data-name="{name}" draggable="false"><img style="min-height:85px;" src="https://ft-thumbs.poocloud.in/{id}/preview.jpg" class="card-img h-100" alt="{name}" loading="lazy"></img><div class="card-img-overlay text-white px-2 p-1"><span class="badge text-bg-dark fw-light">{name}</span></div></a></div>';
        }
        if(nigger.type=='season_pass') {
          //itemtemplate = '<div class="col-3 col-xxl px-1 py-1"><a href="/ft/{id}" id="{id}" class="card cam ratio ratio-16x9" data-playlist="{playlist}" data-uri="{id}" data-name="{name}" draggable="false"><img style="min-height:100px;" src="https://ft-thumbs.poocloud.in/{id}/preview.jpg" class="card-img h-75" alt="{name}" loading="lazy"></img><div class="card-img-overlay text-white px-2 p-1"><span class="badge text-bg-dark fw-light">{name}</span></div></a></div>';
          itemtemplate = '<div class="px-1 py-1" style="width: 194px; max-width: 100%;"><div class="ratio ratio-16x9" style="max-height: 110px;"><a href="/ft/{id}" id="{id}" class="card cam w-100 h-100" data-playlist="{playlist}" data-uri="{id}" data-name="{name}" draggable="false"><img src="https://ft-thumbs.poocloud.in/{id}/preview.jpg" class="card-img" alt="{name}" loading="lazy" style="object-fit: cover; width: 100%; height: 100%;"><div class="card-img-overlay text-white px-2 p-1"><span class="badge text-bg-dark fw-light">{name}</span></div></a></div></div>';
        }
        if(nigger.playlist.includes("nice-flower.store")) {
          nigger.playlist = nigger.playlist + '?md5=P8zvWiXVtHcnYYHgDiLU9w&expires=1754227912&net=MjE2LjczLjIxNi4xMg%3D%3D';
        }
        let item = itemtemplate.replace(/{(\w*)}/g, function(m, key){ return nigger.hasOwnProperty(key) ? nigger[key] : "";});
        $(`#${nigger.type}_cams`).append(item);
      }
      function loadCameras() {
        // dynamically update execute again or update cookie and execute again
        const cameraset = getCookie("ft_cameraset") || 'fishyspicytank';

        document.getElementById("cameraset").value = cameraset;

        let fetchPromise = fetch(`/${cameraset}.json?v=45`, { "headers": { "X-FS-Client": "FS WebClient 1.0" } })
          .then(response => response.json())
          .then(res => {
            if (res.streams.length >= 1) {
              try { // clear cameras (dont care if it fails probably don't exist..)
                $(`#normal_cams`).html("");
                $(`#season_pass_cams`).html("");
              } catch(error) {
                //
              }
              res.streams.map(addEntry);
            }
            // custom button in cameras
            $(`#normal_cams`).append('<div class="col-4 col-md-4 pe-1 ps-0 pt-1"><a href="#" id="collapse" class="card" draggable="false"><div style="min-height:88px;"></div><div class="card-img-overlay text-white px-2 p-1"><span class="badge text-bg-dark fw-light">Collapse cameras<br>Expand chat</span></div></a></div>');
            //init('camera-13-4');
            if (typeof initialized !== 'undefined' && initialized) {
                $('.cam').mouseenter(function(){
                  if(getCookie("mutesfx")!=='1') {
                    blip.pause();
                    blip.currentTime = 0;
                    blip.play();
                  }
                }).click(function(e){
                  e.preventDefault();
                  if(getCookie("mutesfx")!=='1') {
                    click.pause();
                    click.currentTime = 0;
                    click.play();
                  }
                  let playlist = $(this).attr("data-playlist");
                  let thumbnail = $(this).attr("src");
                  let name = $(this).attr("data-name");
                  let url = $(this).attr("href");
                  //window.history.replaceState(null, document.title, url) // uncomment when router is fixed
                  $('.cam').removeClass("border-light");
                  $(this).addClass("border-light");
                  if(playlist) {
                    loadStream(playlist, thumbnail, name)
                  }
                });
                elements = $(`[data-uri*="nktv"]`);
                if (elements.length == 1) {
                    elements.each(function() {
                        $(this).click();
                    });
                }
            } else {
                init("nktv");
            }
          })
          .catch((error) => {
            alert(`Shit hit the fan...: ${error.message || error}`);
          });
      }
      function loadStream(playlist, thumbnail, name) {
        try { // weird edge case
          var existingToasts = document.querySelectorAll('.toast');
          existingToasts.forEach(function (toast) {
            toast.remove();
          });
          clearInterval(playlistintcheck);
        } catch (err) {
          console.log("no interval to clear");
        }

        const pe = document.getElementById("player");
        if (pe && pe.classList.contains('jwplayer')) {
          player.load({file: playlist})
        } else {
          player = jwplayer("player").setup({
            title: name,
            image: thumbnail,
            aspectratio: "16:9",
            width: "100%",
            repeat: true,
            responsive: true,
            playlist: [ { file: playlist } ],
            cast: {},
            liveTimeout: 20
          });
        }

        try { player.play(); } catch (err) { console.log("no autoplay permissions") }
        player.on('error', function(event) {
            createCenterTopToast(`Failed to load stream. Click the camera again or try another.`, "bg-darker", {"name":"Error"});
            //var playlistintcheck = setInterval(function() {
            //    (async () => {
            //        const stat = await checkLiveStatus(playlist); // need to add 5 second timeout or it stacks
            //        if(stat) {
            //            var existingToasts = document.querySelectorAll('.toast');
            //            existingToasts.forEach(function (toast) {
            //                toast.remove();
            //            });
            //            clearInterval(playlistintcheck);
            //            player.load({file: playlist});
            //            player.play();
            //        }
            //    })();
            //}, 5000);
        });
      }
      function updateMute() {
        if(getCookie("mutesfx")=='0') {
          click.pause();
          click.currentTime = 0;
          click.play();
        }
      }
      function init(room) {
        initialized = true;
        var blip = document.getElementById('blip');
        var click = document.getElementById('click');
        blip.volume = 0.2;
        click.volume = 0.2;
        $('.cam').mouseenter(function(){
          if(getCookie("mutesfx")!=='1') {
            blip.pause();
            blip.currentTime = 0;
            blip.play();
          }
        }).click(function(e){
          e.preventDefault();
          if(getCookie("mutesfx")!=='1') {
            click.pause();
            click.currentTime = 0;
            click.play();
          }
          let playlist = $(this).attr("data-playlist");
          let thumbnail = $(this).attr("src");
          let name = $(this).attr("data-name");
          let url = $(this).attr("href");
          //window.history.replaceState(null, document.title, url) // uncomment when router is fixed
          $('.cam').removeClass("border-light");
          $(this).addClass("border-light");
          if(playlist) {
            loadStream(playlist, thumbnail, name)
          }
        });
        $('#mutesfx').click(function(e){
          e.preventDefault();
          if(getCookie("mutesfx")!=='1') {
            document.cookie = 'mutesfx=1; expires=Mon, 18 Jan 2038 12:00:00 UTC; path=/';
          } else {
            document.cookie = 'mutesfx=0; expires=Mon, 18 Jan 2038 12:00:00 UTC; path=/';
          }
          updateMute();
        });
        if(room) {
          console.log("Loading", room);
          elements = $(`[data-uri*="${room}"]`);
          if (elements.length == 1) {
            elements.each(function() {
              $(this).click();
            });
          }
        }
        //loademotes();
        connect(FS_STREAM_ID);
        var tooltipTriggerList = [].slice.call(document.querySelectorAll('[data-bs-title]'));
        var tooltipList = tooltipTriggerList.map(function (tooltipTriggerEl) {
          return new bootstrap.Tooltip(tooltipTriggerEl);
        });
        //api = new Api(`${window.location.origin}/api`);
        updateMute();
        $('#expand').click(function(e){
          expand();
        });
        $('#collapse').click(function(e){
          if($("#expand").is(":visible")) {
            return expand();
          }
          collapse();
        });

        $('#cameraset').on('change', function () {
            const cameraset = $(this).val();
            setCookie("ft_cameraset",cameraset,999);
            loadCameras();
        });


        // camera switching keybinds. can probs make user editable at some point. key: "camera id"
        const keybinds = {
          e: "collapse",   // Move along you aint see shit
          1: "camera-1-4", // Bedroom 1
          2: "camera-2-4", // Bedroom 2
          3: "camera-3-4", // Bedroom 3
          4: "camera-4-4", // Bedroom 4
          u: "camera-5-4", // Hallway Upstairs
          d: "camera-6-4", // Hallway Downstairs
          l: "camera-7-4", // Living Room
          p: "camera-8-4", // Living Room PTZ
          k: "camera-9-4", // Kitchen
          r: "camera-10-4", // Laundry Room
          g: "camera-11-4", // Garage
          c: "camera-12-4", // Confessional
          i: "camera-13-4" // Director
        };

        document.addEventListener("keydown", (event) => {
          const key = event.key.toLowerCase();
          const focus = $("#message-input").is(":focus");
          if (focus || event.ctrlKey || event.metaKey) { // don't do anything if chat is focused or ctrl key held
            return;
          }
          if (keybinds[key]) {
            $(`#${keybinds[key]}`).click(); // 'click' camera id
          }
        });
        const interval = setInterval(updateImages, 15000);

        const linksEnabled = getCookie('enable-links');
        if (linksEnabled === 'true') {
            document.getElementById('enable-links').checked = true;
        } else {
            document.getElementById('disable-links').checked = true;
        }

       const embedsEnabled = getCookie('enable-embeds');
        if (embedsEnabled === 'true') {
            document.getElementById('enable-embed').checked = true;
        } else {
            document.getElementById('disable-embed').checked = true;
        }

        const enableSpecial = getCookie('enable-special');
        if (enableSpecial === 'false') {
            document.getElementById('disable-special').checked = true;
            $("#season_pass_cams").hide();
        } else {
            document.getElementById('enable-special').checked = true;
        }

        $('#ft_notification').modal('show');
      }
      function updateImages() {
        const images = document.querySelectorAll("img.card-img");
        const id = crypto.randomUUID();
    
        images.forEach(img => {
          let url = new URL(img.src);

          if (url.searchParams.has("s")) {
            url.searchParams.set("s", id);
          } else {
            url.searchParams.append("s", id);
          }
          img.src = url.toString();
        });
      }
      function collapse() {
        $("#normal_cams").hide();
        $("#expand").show();
        $("#message-cont").css("cssText", "height: 40.19vw !important;");
        scrolltop();
      }
      function expand() {
        $("#normal_cams").show();
        $("#expand").hide();
        $("#message-cont").css("cssText", "height: 20.50vw !important;");
        scrolltop();
      }
      function scrolltop() {
        const tcmc = document.getElementById('message-cont');
        tcmc.scrollTop = tcmc.scrollHeight;
      }
      $(document).ready(function() {
        const path = window.location.pathname.split('/');
        const room = path.pop() || path.pop();
        try {
          loademotes();
        } catch(err) {
          console.log("no emotes");
        }
        loadCameras(room);
        const motd = `
          Type /help to see available commands.<br><br>
          The following keybinds have been added:
          <div class="mx-2 mt-2 mb-2">
            • <code>E</code>: Expand and collapse chat<br>
            • <code>1</code>: Bedroom 1<br>
            • <code>2</code>: Bedroom 2<br>
            • <code>3</code>: Bedroom 3<br>
            • <code>4</code>: Bedroom 4<br>
            • <code>U</code>: Hallway Upstairs<br>
            • <code>D</code>: Hallway Downstairs<br>
            • <code>L</code>: Living Room<br>
            • <code>P</code>: Living Room PTZ<br>
            • <code>K</code>: Kitchen<br>
            • <code>R</code>: Laundry Room<br>
            • <code>G</code>: Garage<br>
            • <code>C</code>: Confessional<br>
            • <code>I</code>: Director<br>
          </div>
          Keybinds to switch cameras will not work if you're focused/typing into the chatbox.`;
        $("#infomenu").click(function() {
          createRightTopToast(motd, "darker", {"name":"Information"});
        });
      });

      function linkify(node) {
          console.log("linkify");
          const urlRegex = /(https?:\/\/[^\s]+)/g;
          const messageTextSpan = node.querySelector("p.message-text > span:nth-of-type(3)");
          if (!messageTextSpan) return;
      
          const originalText = messageTextSpan.textContent;
          messageTextSpan.textContent = '';

          let lastIndex = 0;
          let match;
          while ((match = urlRegex.exec(originalText)) !== null) {
              const url = match[0];

              if (match.index > lastIndex)
                  messageTextSpan.appendChild(document.createTextNode(originalText.slice(lastIndex, match.index)));

              const a = document.createElement('a');
              a.href = url;
              a.textContent = url;
              a.target = "_blank";
              a.rel = "noopener noreferrer";
              messageTextSpan.appendChild(a);

              lastIndex = match.index + url.length;
          }
        
          if (lastIndex < originalText.length)
              messageTextSpan.appendChild(document.createTextNode(originalText.slice(lastIndex)));
      }

      function embedPreview(node) {
          const p = node.querySelector("p");
          if (!p) return;

          const links = p.querySelectorAll('a');
          links.forEach(link => {
              const url = link.href;
          
              // youtube
              const ytMatch = url.match(/^https?:\/\/(?:www\.)?youtube\.com\/watch\?v=([a-zA-Z0-9_-]{11})/);
              if (ytMatch) {
                  console.log("youtube embed");
                  const videoId = ytMatch[1];
                  const iframe = document.createElement("iframe");
                  iframe.width = 320;
                  iframe.height = 180;
                  iframe.src = `https://www.youtube.com/embed/${videoId}`;
                  iframe.frameBorder = 0;
                  iframe.allowFullscreen = true;
                  iframe.referrerPolicy = "no-referrer";
                  p.after(iframe);
                  return;
              }

              // 4chan disabled because cors issue
              const chan = url.match(/^https?:\/\/i\.4cdn\.org\/[a-z0-9]+\/[a-z0-9]+\.(jpg|jpeg|png|gif|webm)$/i);
              if (chan) {
                  console.log("4chan embed");
                  const encodedUrl = encodeURIComponent(url);
                  const proxyUrl = `https://mc-2mhdiicnc6.b-cdn.net/thumbnail/plain/${encodedUrl}@jpg`;
                  const ext = chan[1].toLowerCase();
                  if (ext === 'webm') {
                      //cannot proxy video ):
                      //const video = document.createElement("video");
                      //video.src = url;
                      //video.controls = true;
                      //video.style.maxWidth = "320px";
                      //video.style.maxHeight = "240px";
                      //p.after(video);
                  } else {
                      const img = document.createElement("img");
                      img.src = proxyUrl;
                      img.style.maxWidth = "320px";
                      img.style.maxHeight = "240px";
                      img.loading = "lazy";
                      p.after(img);
                  }
              }
          });
      }


      function transformMessage(node) {
          const enableLinks = getCookie('enable-links') === 'true';
          const enableEmbeds = getCookie('enable-embeds') === 'true';

          if (enableLinks) {
              linkify(node);
          }
          if(enableEmbeds) {
              embedPreview(node);
          }
      }

      const obs = new MutationObserver(mutations => {
          mutations.forEach(mutation => {
              mutation.addedNodes.forEach(node => {
                  if (node.nodeType === 1) {
                      transformMessage(node);
                  }
              });
          });
      });

      obs.observe(document.getElementById("message-list"), { childList: true, subtree: true });

      document.getElementById('enable-links').addEventListener('change', function() {
          if (this.checked) {
              setCookie('enable-links', 'true');
          }
      });
      document.getElementById('disable-links').addEventListener('change', function() {
          if (this.checked) {
              setCookie('enable-links', 'false');
          }
      });
      document.getElementById('enable-embed').addEventListener('change', function() {
          if (this.checked) {
              setCookie('enable-embeds', 'true');
          }
      });
      document.getElementById('disable-embed').addEventListener('change', function() {
          if (this.checked) {
              setCookie('enable-embeds', 'false');
          }
      });
      document.getElementById('enable-special').addEventListener('change', function() {
          if (this.checked) {
              setCookie('enable-special', 'true');
              $("#season_pass_cams").show();
          }
      });
      document.getElementById('disable-special').addEventListener('change', function() {
          if (this.checked) {
              setCookie('enable-special', 'false');
              $("#season_pass_cams").hide();
          }
      });
    </script>
      </body>
</html>