#selector{position:absolute;top:-12%;left:-.1%;width:10%;margin-top:-3%;display:none;pointer-events:none}#gem{position:absolute;top:0;left:0;width:6%;display:none;margin-left:2%;z-index:1000000}.block{position:relative;float:left;width:11.11111%;margin-top:-3.8%}#character-boy{top:16.5578%;left:33.2088%}#character-girl{top:45.1155%;left:55.4147%}#character-cat{top:45.1155%;left:33.2088%}#character-devil{top:16.5578%;left:55.4147%}#character-princess{top:30.8366%;left:44.3118%}.character{position:absolute;width:11.11111%;z-index:100;display:none;-webkit-tap-highlight-color:transparent;-webkit-transform:translateZ(0)}.walking{animation:walk .5s 2 linear;-webkit-animation:walk .5s 2 linear}@keyframes walk{30%{transform:rotate(3deg)}80%{transform:rotate(-3deg)}}@-webkit-keyframes walk{30%{-webkit-transform:rotate(3deg)}80%{-webkit-transform:rotate(-3deg)}}body,html{font-family:Arial;padding:0;margin:0}input{border:1px solid gray;background-color:#fff;font-size:.8em}input[type=submit]{cursor:pointer}input[type=text]{text-transform:uppercase;padding-left:5px}::-webkit-input-placeholder{text-transform:none}::-moz-placeholder{text-transform:none}:-ms-input-placeholder{text-transform:none}#wrapper{position:absolute;top:0;left:0;width:100%;min-height:100%}#background{position:absolute;top:0;left:0;z-index:-1;width:100%;height:100%;opacity:.6}#game{position:relative;margin:4% auto 2% auto;max-width:1150px}#field{position:relative;width:65%}#loading-bg{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1000;background-color:#000;opacity:.9}#loading-msg{position:absolute;top:5%;left:5%;width:50%;background-color:#fafafa;opacity:.9;z-index:1001;padding:10px;border-radius:5px;font-size:1.5em;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box}#loading-msg img{animation:rotate 1s infinite linear;-webkit-animation:rotate 1s infinite linear;vertical-align:middle;margin-right:15px}@keyframes rotate{100%{transform:rotate(360deg)}}@-webkit-keyframes rotate{100%{-webkit-transform:rotate(360deg)}}#info{position:absolute;top:-3.7%;right:0;width:32%;background-color:#fafafa;opacity:.8;padding:10px;border-radius:5px;border:1px solid gray;font-weight:700;font-size:1.2em;margin-right:2px;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box}#form{display:flex;display:-webkit-flex;flex-direction:row;-webkit-flex-direction:row}#initials{flex:1;-webkit-flex:1;margin-right:10px;min-width:0}#user{display:none}#scores{float:left;margin-top:1em;font-size:85%;width:80%}#highscores{border-top:1px solid gray;border-bottom:1px solid gray;padding:10px 0 10px 3px;font-size:95%}#highscores div{max-height:11.5em;overflow:hidden}#highscores div:hover{overflow:auto}#planet{float:left;margin-top:20px;width:11%;margin:1em .7em 0 0;max-width:32px}#help{float:left;font-style:italic;font-size:95%;letter-spacing:.02em;width:80%;margin-top:1em;font-family:"Times New Roman",Times}#speech-bubble{float:left;width:11%;max-width:32px;margin:1em .7em 0 0}#about{position:relative;margin:0 auto;padding:0 5px;max-width:1150px;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box}#about div{font-size:1em;width:65%;text-align:center}#about h1{font-size:1em;display:inline;font-weight:400}#about img{width:180px;margin:0 5px;border:0}#about a{color:#1b689e;font-weight:700;text-decoration:none}#about a:hover{color:#02a1e5}.txt{color:#3d9447;font-weight:700}@media screen and (max-width:900px){#info{font-size:1em}}@media screen and (max-width:700px){#about div,#info{font-size:.8em}#about img{width:120px}#loading-msg{font-size:1.2em;width:60%}#loading-msg img{width:40px;margin-right:10px}}@media screen and (max-width:600px){#loading-msg{top:1%;left:1%;width:98%;text-align:center}#game{margin:5% auto 2% auto;width:99%}#field{width:100%}#info{position:relative;top:0;margin:10px auto;width:100%;font-size:1em}#about div{font-size:1em;width:100%}#about img{width:150px}}