body,html{  font-family: 'Russo One', cursive;  font-size:1.2em;  background:#00001B;  width:100%;  height:100%;  color:#a8acaf;  -webkit-touch-callout: none;  -webkit-user-select: none;  -khtml-user-select: none;  -moz-user-select: none;  -ms-user-select: none;  user-select: none;  overflow:hidden;  position:relative; }  .scrollable-layer{  position:fixed;  left:0;  top:0;  right:0;  bottom:0;  overflow:auto; }  @media only screen and (max-width:500px){  #modal{  font-size:0.9em;  } } #mapCanvas{  display:block; } canvas, img {  image-rendering: optimizeSpeed;   image-rendering: -moz-crisp-edges;   image-rendering: -webkit-optimize-contrast; image-rendering: -o-crisp-edges; image-rendering: pixelated;  -ms-interpolation-mode: nearest-neighbor;  image-rendering: optimize-contrast;  } #wait-fader{  display:none;  opacity:0;  transition:0.2s;  position:absolute;  left:0;  top:0;  right:0;  bottom:0; }  #wait-fader.show-fader{  opacity:1.0;  display:block; } #wait-fader .desc{  font-size: 12px;  } #wait-fader .loading{  font-size: 30px; } #wait-fader .bg{  background:#00101B;  background:rgba(0,20,50,0.6);  position:absolute;  left:0;  top:0;  right:0;  bottom:0;  padding-top:15vh;  text-align:center;  box-sizing:border-box;  display:block; }  .clickable {  pointer-events:all;  background:#28394a;  cursor:pointer;  vertical-align:middle; }  .clickable:hover{  background:#2e3f50 !important;  border-color:#789 !important; }  .clickable:active{  -webkit-box-shadow: inset 4px 8px 0px 4px rgba(0,10,20,0.75);  -moz-box-shadow: inset 4px 8px 0px 4px rgba(0,10,20,0.75);  box-shadow: inset 4px 8px 0px 4px rgba(0,10,20,0.75); }  .magic-animation{  animation: magicFrames linear 1s;  animation-iteration-count: 1;  transform-origin: 50% 50%;  animation-fill-mode:forwards; -webkit-animation: magicFrames linear 1s;  -webkit-animation-iteration-count: 1;  -webkit-transform-origin: 50% 50%;  -webkit-animation-fill-mode:forwards; -moz-animation: magicFrames linear 1s;  -moz-animation-iteration-count: 1;  -moz-transform-origin: 50% 50%;  -moz-animation-fill-mode:forwards;  }  @keyframes magicFrames{  0% { transform: rotate(0deg) scaleX(0.01) scaleY(0.01) ;  }  50% { transform: rotate(300deg) scaleX(1.00) scaleY(1.00) ;  }  100% { transform: rotate(600deg) scaleX(0.01) scaleY(0.01) ;  display:none;  } }  @-moz-keyframes magicFrames{  0% { -moz-transform: rotate(0deg) scaleX(0.01) scaleY(0.01) ;  }  50% { -moz-transform: rotate(300deg) scaleX(1.00) scaleY(1.00) ;  }  100% { -moz-transform: rotate(600deg) scaleX(0.01) scaleY(0.01) ;  display:none;  } }  @-webkit-keyframes magicFrames {  0% { -webkit-transform: rotate(0deg) scaleX(0.01) scaleY(0.01) ;  }  50% { -webkit-transform: rotate(300deg) scaleX(1.00) scaleY(1.00) ;  }  100% { -webkit-transform: rotate(600deg) scaleX(0.01) scaleY(0.01) ;  display:none;  } }