body {
   font-family: Arial;
}
#tausta {
   position:absolute;
   width:700px;
   height:600px;
}
#dragarea {
   position:absolute;
   width:700px;
   height:600px;
   overflow: hidden;
   -webkit-overflow-scrolling: unset;
   z-index:1;
}
#taustakartta {
   position:relative;
   top:10px;
   text-align:center;
   width:700px;
   height:521px;
}
#palaute {
   position:absolute;
   text-align:left;
   font-size:18px;
   top:529px;
   left:180px;
   width:350px;
   height:80px;
   z-index:10;
}
#debug {
   position: absolute;
   top:500px;
}
#pisteet {
   position: absolute;
   top:60px;
   left:620px;
   font-size:16px;
   color: #fff;
   display:none;
}
#tarkdiv {
   position: absolute;
   xdisplay: none;
   top:220px;
   left:720px;
   box-shadow: 5px 10px 8px #888888:
}
#tarkbtn {
   position: absolute;
   background-color:#ddf;
   width:100px;
   height:40px;
   font-size:18px;
   border:solid #555 1px;
   border-radius:5px;
   cursor:pointer;   
   bottom:60px;
   right:20px;
   z-index:1;
}

#loppudiv {
   position: absolute;
   text-align: center;
   display: none;
   top:100px;
   right:0px;
   width:100%;
   font-size:20px;
}
#n1, #n2, #n3, #n4, #n5, #n6, #n7, #n8, #n9, #n10, #n11, #n12, #n13, #n14, #n15,
#n16, #n17, #n18 {
  position: absolute;
  font-size:18px;
  padding:2px;
  cursor: pointer;
   -webkit-overflow-scrolling: unset;
  touch-action: none;
  color: #fff;
}
#n1 {left:50px;  top:70px;}
#n2 {left:150px;  top:70px;}
#n3 {left:250px;  top:70px;}
#n4 {left:350px;  top:70px;}
#n5 {left:480px;  top:70px;}
#n6 {left:50px;  top:115px;}
#n7 {left:150px;  top:115px;}
#n8 {left:250px;  top:115px;}
#n9 {left:350px;  top:115px;}
#n10 {left:480px;  top:115px;}
#n11 {left:50px;  top:160px;}
#n12 {left:150px;  top:160px;}
#n13 {left:250px;  top:160px;}
#n14 {left:350px;  top:160px;}
#n15 {left:480px;  top:160px;}
#n16 {left:50px;  top:205px;}
#n17 {left:250px;  top:205px;}
#n18 {left:480px;  top:205px;}

#k1, #k2, #k3, #k4, #k5 {
  position:absolute;
  width:100px;
  height:20px;
  background-color:#ccc;
  display:none;
}
#k1 {top:400px;left:300px;}
#k2 {top:370px;left:510px;}
#k3 {top:390px;left:90px;}
#k4 {top:180px;left:510px;}
#k5 {top:200px;left:70px;}