:root{--visualization-div-height: 0;--visualization-div-width: 0}#char2,#flag,#flag2{height:4rem;width:4rem;opacity:0;transition:0s}#char,#char1{transition:0s;height:4rem;width:4rem}.characters{position:absolute;height:3rem;width:auto;z-index:9}.saturate{filter:saturate(3)}.grayscale{filter:grayscale(100%)}.contrast{filter:contrast(160%)}.brightness{filter:brightness(.25)}.blur{filter:blur(3px)}.invert{filter:invert(100%)}.sepia{filter:sepia(100%)}.bubble{position:relative;font-family:sans-serif;font-size:.8em;line-height:2em;width:auto;background:#fff;border-radius:2em;padding:.5em;text-align:center;color:#000}.bubble-bottom-left:before{content:"";width:0px;height:0px;position:absolute;border-left:1.2em solid #fff;border-right:.5em solid transparent;border-top:.5em solid #fff;border-bottom:1em solid transparent;left:2em;bottom:-1.2em}.bubble{z-index:9;position:absolute;left:-2rem;top:-2rem}#arrow-button-container{display:flex;top:6rem;left:10rem;position:absolute;justify-content:center;gap:5px}.dir-btn{height:1.7rem;width:1.7rem;background-color:transparent;border:none}.dir-btn img{height:1.7rem;width:1.7rem}.print-div{width:100%;z-index:45;height:2.5rem;font-size:1rem;background-color:#1cc6ff98;-webkit-text-stroke:0px rgb(0,0,0);color:#fff;position:absolute;top:0;font-family:Arial,sans-serif;text-align:center;padding:auto;overflow-y:scroll}.user-input{display:grid;position:absolute;left:0;bottom:0;background-color:#00000098;-webkit-text-stroke:0px rgb(0,0,0);color:#fff;text-align:center;width:100%;display:none;z-index:15;font-family:Arial,sans-serif}#user-name{width:90%;margin:0 auto;text-align:center}.user-input-submit{width:25%;margin:0 auto}@media only screen and (max-width: 1140px){#char,#char2,#flag{height:4rem;width:4rem}#arrow-button-container{top:5rem;left:10rem}}@media only screen and (max-width: 940px){#arrow-button-container{top:5rem;left:3.5rem}.arrow-button-container-playable{top:80%!important;left:40%!important}.dir-btn,.dir-btn img{height:2rem;width:2rem}}@media only screen and (max-width: 490px){.dir-btn,.dir-btn img{height:1.4rem;width:1.4rem}}@media only screen and (max-width: 350px){.dir-btn,.dir-btn img{height:1.5rem;width:1.5rem}#arrow-button-container{top:5rem;left:auto;right:1rem}.arrow-button-container-playable{top:80%!important;left:5%!important}#char,#char2,#flag{height:3.75rem;width:3.75rem}}@media only screen and (max-height: 350px){#char,#char2,#flag{height:3.75rem;width:3.75rem}}.behaveFloat{-webkit-animation:behaveFloat 8s ease-in-out infinite both;animation:behaveFloat 8s ease-in-out infinite both}.behaveVibrate{-webkit-animation:behaveVibrate .3s linear infinite both;animation:behaveVibrate .3s linear infinite both}.behaveMoveNorth{-webkit-animation:behaveMoveNorth 5.5s cubic-bezier(.25,.46,.45,.94) both;animation:behaveMoveNorth 5.5s cubic-bezier(.25,.46,.45,.94) both}.behaveMoveNorthRepeat{-webkit-animation:behaveMoveNorth 5.5s cubic-bezier(.25,.46,.45,.94) infinite both;animation:behaveMoveNorth 5.5s cubic-bezier(.25,.46,.45,.94) infinite}.behaveMoveSouth{-webkit-animation:behaveMoveSouth 5.5s cubic-bezier(.25,.46,.45,.94) both;animation:behaveMoveSouth 5.5s cubic-bezier(.25,.46,.45,.94) both}.behaveMoveSouthRepeat{-webkit-animation:behaveMoveSouth 5.5s cubic-bezier(.25,.46,.45,.94) infinite both;animation:behaveMoveSouth 5.5s cubic-bezier(.25,.46,.45,.94) infinite both}.behaveMoveEast{-webkit-animation:behaveMoveEast 5.5s cubic-bezier(.25,.46,.45,.94) both;animation:behaveMoveEast 5.5s cubic-bezier(.25,.46,.45,.94) both}.behaveMoveEastRepeat{-webkit-animation:behaveMoveEast 5.5s cubic-bezier(.25,.46,.45,.94) infinite both;animation:behaveMoveEast 5.5s cubic-bezier(.25,.46,.45,.94) infinite both}.behaveSwimEastWest{-webkit-animation:behaveSwimEastWest 5.5s cubic-bezier(.25,.46,.45,.94) infinite both;animation:behaveSwimEastWest 5.5s cubic-bezier(.25,.46,.45,.94) infinite both}.behaveShrink{-webkit-animation:behaveShrink 2s cubic-bezier(.55,.085,.68,.53) both;animation:behaveShrink 2s cubic-bezier(.55,.085,.68,.53) both}@-webkit-keyframes behaveFloat{0%{-webkit-transform:rotate(0);transform:rotate(0)}to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes behaveFloat{0%{-webkit-transform:rotate(0);transform:rotate(0)}to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@-webkit-keyframes behaveVibrate{0%{-webkit-transform:translate(0);transform:translate(0)}20%{-webkit-transform:translate(-2px,2px);transform:translate(-2px,2px)}40%{-webkit-transform:translate(-2px,-2px);transform:translate(-2px,-2px)}60%{-webkit-transform:translate(2px,2px);transform:translate(2px,2px)}80%{-webkit-transform:translate(2px,-2px);transform:translate(2px,-2px)}to{-webkit-transform:translate(0);transform:translate(0)}}@keyframes behaveVibrate{0%{-webkit-transform:translate(0);transform:translate(0)}20%{-webkit-transform:translate(-2px,2px);transform:translate(-2px,2px)}40%{-webkit-transform:translate(-2px,-2px);transform:translate(-2px,-2px)}60%{-webkit-transform:translate(2px,2px);transform:translate(2px,2px)}80%{-webkit-transform:translate(2px,-2px);transform:translate(2px,-2px)}to{-webkit-transform:translate(0);transform:translate(0)}}@-webkit-keyframes behaveMoveSouth{0%{-webkit-transform:translateY(0);transform:translateY(0)}to{-webkit-transform:translateY(27rem);transform:translateY(27rem)}}@keyframes behaveMoveSouth{0%{-webkit-transform:translateY(0);transform:translateY(0)}to{-webkit-transform:translateY(27rem);transform:translateY(27rem)}}@-webkit-keyframes behaveMoveNorth{0%{-webkit-transform:translateY(0);transform:translateY(0)}to{-webkit-transform:translateY(-27rem);transform:translateY(-27rem)}}@keyframes behaveMoveNorth{0%{-webkit-transform:translateY(0);transform:translateY(0)}to{-webkit-transform:translateY(-27rem);transform:translateY(-27rem)}}@-webkit-keyframes behaveMoveEast{0%{-webkit-transform:translateX(0);transform:translate(0)}to{-webkit-transform:translateX(-27rem);transform:translate(-27rem)}}@keyframes behaveMoveEast{0%{-webkit-transform:translateX(0);transform:translate(0)}to{-webkit-transform:translateX(-27rem);transform:translate(-27rem)}}@-webkit-keyframes behaveSwimEastWest{0%{-webkit-transform:translateX(0);transform:translate(0)}50%{-webkit-transform:translateX(27rem);transform:translate(27rem)}to{-webkit-transform:translateX(0);transform:translate(0)}}@keyframes behaveSwimEastWest{0%{-webkit-transform:translateX(0);transform:translate(0)}50%{-webkit-transform:translateX(27rem);transform:translate(27rem)}to{-webkit-transform:translateX(0);transform:translate(0)}}@-webkit-keyframes behaveShrink{0%{-webkit-transform:scale(1);transform:scale(1)}to{-webkit-transform:scale(0);transform:scale(0)}}@keyframes behaveShrink{0%{-webkit-transform:scale(1);transform:scale(1)}to{-webkit-transform:scale(0);transform:scale(0)}}