var strwdth=window.innerWidth,strhght=window.innerHeight-5;
  
  var pelmnt=document.getElementsByClassName("plrs")[0],plrsz=18,plyarr=[],plypos=[];
  if(strwdth>strhght) {
    var plrswd=Math.ceil(strhght/plrsz);var plrsht=plrswd;} else {
	var plrswd=Math.ceil(strwdth/plrsz);var plrsht=plrswd;
  }

  if(strwdth>strhght) {var bllsz="30",blllnht="1.5",blltp="-2.6",bllft="-2.5",bllopt="0.35";} else {var bllsz="17",blllnht="1",blltp="0.3",bllft="-1.4",bllopt="0.7";}
  var sccrbll=document.createElement("style");var bllplr22=".plr22::before{content:\"⚽\";position:relative;font-size:"+bllsz+"px;line-height:"+blllnht+"em;top:"+blltp+"px;left:"+bllft+"px;opacity:"+bllopt+";}";
  sccrbll.type="text/css";document.head.appendChild(sccrbll);
  sccrbll.sheet.insertRule("@media {"+bllplr22+"}",sccrbll.length);

  function setplrs(n) {
    for(var p=0;p<23;p++) {
      var plrstp=Math.ceil(strhght/2);var plrslt=Math.ceil(strwdth/2);var plrsln=Math.floor(p/4)*1.7;
      if(p<10) {var plrclr="darkred";if(strwdth>strhght) {plrstp=plrstp-plrstp+2.3*plrsht+(p%4)*4*plrsht;plrslt=plrslt-Math.ceil(plrswd*9.8)+plrsln*plrswd*2.08;} else {plrslt=plrslt-plrslt+2.3*plrswd+(p%4)*4*plrswd;plrstp=plrstp-plrsht*10+plrsln*plrsht*1.99;}}
  	  if(p>9&&p<20) {var plrclr="darkblue";if(strwdth>strhght) {plrstp=plrstp-plrstp+2.3*plrsht+(p%4)*4*plrsht;plrslt=plrslt-plrswd*5+plrsln*plrswd*1.99;} else {plrslt=plrslt-plrslt+2.3*plrswd+(p%4)*4*plrswd;plrstp=plrstp-plrsht*4.8+plrsln*plrsht*2;}}
      if(p==20) {var plrclr="white";if(strwdth>strhght) {plrstp=plrstp-Math.ceil(plrsht/2)-2;plrslt=plrslt-plrslt+58;} else {plrslt=plrslt-Math.ceil(plrswd/2)-2;plrstp=plrstp-plrstp+10;}}
  	  if(p==21) {var plrclr="gray";if(strwdth>strhght) {plrstp=plrstp-Math.ceil(plrsht/2)-2;plrslt=plrslt+plrslt-plrswd-62;} else {plrslt=plrslt-Math.ceil(plrswd/2)-2;plrstp=plrstp+plrstp-plrsht-14;}}
  	  if(p==22) {var plrclr="#52606d";if(strwdth>strhght) {plrstp=60;plrslt=43} else {plrslt=Math.ceil(strwdth/4);plrstp=2;}}
      pelmnt.innerHTML+=(n==0?"<div class=\"plr"+p+"\"></div>":"<div></div>");
  	  var plrp=document.getElementsByClassName("plr"+p)[0];
  	  if(p<20) {var plrpclr="2px solid white",plrpani="";} else if(p>19&&p<22) {plrpclr="3px dashed #ffff99";plrpani="animation:animate 8s linear infinite;";} else if(p==22){plrpclr="4px solid #ffff99";plrpani="clip-path:polygon(97.45% 65.75%,49.69% 100.00%,2.35% 65.15%,20.87% 9.37%,79.64% 9.73%);animation:animate 8s linear infinite;";}
  	  plrp.setAttribute("style","position:absolute;top:"+plrstp+"px;left:"+plrslt+"px;width:"+plrswd+"px;height:"+plrsht+"px;margin:0;border-radius:50%;border:"+plrpclr+";background:radial-gradient(circle at "+Math.ceil(plrswd/3)+"px "+Math.ceil(plrsht/3)+"px,"+plrclr+",black);"+plrpani+"z-index:1;");	
  	  if(p==22) {var plrpaniclr="4px solid #ffff99";} else {plrpaniclr="3px dashed #ffff99";}
  	  plrp.setAttribute("onmouseover","javascript:event.target.style.animation='animate 1.5s linear infinite';javascript:event.target.style.border='"+plrpaniclr+"';");
  	  if(p<20) {plrp.setAttribute("onmouseout","javascript:event.target.style.animation='animate 3.5s ease-out alternate';javascript:event.target.style.border='2px solid white';");
  	  } else {plrp.setAttribute("onmouseout","javascript:event.target.style.animation='animate 8s linear infinite';");}
    }
  }
  setplrs(0);
  
  document.getElementById("sccrfldsz").width=strwdth;document.getElementById("sccrfldsz").height=strhght;
  
  var c = document.getElementById("sccrfldsz");
  var ctx = c.getContext("2d");
  var grd = ctx.createRadialGradient(strwdth/2,strhght/2,strhght/10,strwdth/2,strhght/2,strhght);
  
  function drwcnvs(c,ctx,grd,strwdth,strhght) {
    grd.addColorStop(0,"green");
    grd.addColorStop(0.1,"darkgreen");
    grd.addColorStop(0.3,"green");
    grd.addColorStop(0.5,"darkgreen");
    grd.addColorStop(0.7,"green");  
    grd.addColorStop(0.9,"green");  
    grd.addColorStop(1,"darkgreen");
    ctx.fillStyle = grd;
    ctx.fillRect(0,0,strwdth,strhght);
    
    var xlntrvl=10;var ylntrvl=30;
    if(strwdth>strhght) {var xlntrvl=100;var ylntrvl=10;}
    
    ctx.strokeStyle="white";
    ctx.lineWidth=3;
    ctx.beginPath();
    ctx.moveTo(xlntrvl,ylntrvl);
    ctx.lineTo(strwdth-xlntrvl,ylntrvl);
    
    ctx.moveTo(xlntrvl,ylntrvl-1);
    ctx.lineTo(xlntrvl,strhght-ylntrvl+1);
    
    ctx.moveTo(xlntrvl,strhght-ylntrvl);
    ctx.lineTo(strwdth-xlntrvl,strhght-ylntrvl); 
    
    ctx.moveTo(strwdth-xlntrvl,ylntrvl-1);
    ctx.lineTo(strwdth-xlntrvl,strhght-ylntrvl+1);   
    
    if(strwdth>strhght) {
      ctx.moveTo(strwdth/2,ylntrvl);
      ctx.lineTo(strwdth/2,strhght-ylntrvl);    
    
      ctx.moveTo(xlntrvl-60,strhght/2-61);
      ctx.lineTo(xlntrvl-60,strhght/2+61);    
      ctx.moveTo(xlntrvl-60,strhght/2-60);
      ctx.lineTo(xlntrvl,strhght/2-60);  
      ctx.moveTo(xlntrvl-60,strhght/2+60);
      ctx.lineTo(xlntrvl,strhght/2+60);  
	  
      ctx.moveTo(xlntrvl+70,strhght/2-91);
      ctx.lineTo(xlntrvl+70,strhght/2+91);
      ctx.moveTo(xlntrvl,strhght/2-90);
      ctx.lineTo(xlntrvl+70,strhght/2-90);
      ctx.moveTo(xlntrvl,strhght/2+90);
      ctx.lineTo(xlntrvl+70,strhght/2+90);
	  
      ctx.moveTo(xlntrvl+180,strhght/2-181);
      ctx.lineTo(xlntrvl+180,strhght/2+181);  
      ctx.moveTo(xlntrvl,strhght/2-180);
      ctx.lineTo(xlntrvl+180,strhght/2-180);  
      ctx.moveTo(xlntrvl,strhght/2+180);
      ctx.lineTo(xlntrvl+180,strhght/2+180);  
	  
      ctx.moveTo(strwdth-xlntrvl-180,strhght/2-181);
      ctx.lineTo(strwdth-xlntrvl-180,strhght/2+181);  
      ctx.moveTo(strwdth-xlntrvl-180,strhght/2-180);
      ctx.lineTo(strwdth-xlntrvl,strhght/2-180); 
      ctx.moveTo(strwdth-xlntrvl-180,strhght/2+180);
      ctx.lineTo(strwdth-xlntrvl,strhght/2+180); 
	  
      ctx.moveTo(strwdth-xlntrvl-70,strhght/2-91);
      ctx.lineTo(strwdth-xlntrvl-70,strhght/2+91);  
      ctx.moveTo(strwdth-xlntrvl-70,strhght/2-90);
      ctx.lineTo(strwdth-xlntrvl,strhght/2-90);  
      ctx.moveTo(strwdth-xlntrvl-70,strhght/2+90);
      ctx.lineTo(strwdth-xlntrvl,strhght/2+90);  
	  
      ctx.moveTo(strwdth-xlntrvl+60,strhght/2-61);
      ctx.lineTo(strwdth-xlntrvl+60,strhght/2+61);  	
      ctx.moveTo(strwdth-xlntrvl,strhght/2-60);
      ctx.lineTo(strwdth-xlntrvl+60,strhght/2-60);  	
      ctx.moveTo(strwdth-xlntrvl,strhght/2+60);
      ctx.lineTo(strwdth-xlntrvl+60,strhght/2+60);  		
    } else {
      ctx.moveTo(xlntrvl,strhght/2);
      ctx.lineTo(strwdth-xlntrvl,strhght/2);  
	  
      ctx.moveTo(strwdth/2-41,ylntrvl-20);
      ctx.lineTo(strwdth/2+41,ylntrvl-20);    
      ctx.moveTo(strwdth/2-40,ylntrvl-20);
      ctx.lineTo(strwdth/2-40,ylntrvl); 
      ctx.moveTo(strwdth/2+40,ylntrvl-20);
      ctx.lineTo(strwdth/2+40,ylntrvl); 
	  
      ctx.moveTo(strwdth/2-51,ylntrvl+30);
      ctx.lineTo(strwdth/2+51,ylntrvl+30);
      ctx.moveTo(strwdth/2-50,ylntrvl);
      ctx.lineTo(strwdth/2-50,ylntrvl+30);
      ctx.moveTo(strwdth/2+50,ylntrvl);
      ctx.lineTo(strwdth/2+50,ylntrvl+30);
	  
      ctx.moveTo(strwdth/2-101,ylntrvl+80);
      ctx.lineTo(strwdth/2+101,ylntrvl+80);  
      ctx.moveTo(strwdth/2-100,ylntrvl);
      ctx.lineTo(strwdth/2-100,ylntrvl+80); 
      ctx.moveTo(strwdth/2+100,ylntrvl);
      ctx.lineTo(strwdth/2+100,ylntrvl+80); 
	  
      ctx.moveTo(strwdth/2-101,strhght-ylntrvl-80);
      ctx.lineTo(strwdth/2+101,strhght-ylntrvl-80);  
      ctx.moveTo(strwdth/2-100,strhght-ylntrvl);
      ctx.lineTo(strwdth/2-100,strhght-ylntrvl-80);  
      ctx.moveTo(strwdth/2+100,strhght-ylntrvl);
      ctx.lineTo(strwdth/2+100,strhght-ylntrvl-80);  
	  
      ctx.moveTo(strwdth/2-51,strhght-ylntrvl-30);
      ctx.lineTo(strwdth/2+51,strhght-ylntrvl-30);  
      ctx.moveTo(strwdth/2-50,strhght-ylntrvl-30);
      ctx.lineTo(strwdth/2-50,strhght-ylntrvl);  
      ctx.moveTo(strwdth/2+50,strhght-ylntrvl-30);
      ctx.lineTo(strwdth/2+50,strhght-ylntrvl);  
	  
      ctx.moveTo(strwdth/2-41,strhght-ylntrvl+20);
      ctx.lineTo(strwdth/2+41,strhght-ylntrvl+20);  		
      ctx.moveTo(strwdth/2-40,strhght-ylntrvl);
      ctx.lineTo(strwdth/2-40,strhght-ylntrvl+20);  
      ctx.moveTo(strwdth/2+40,strhght-ylntrvl);
      ctx.lineTo(strwdth/2+40,strhght-ylntrvl+20);  	
    }
    ctx.stroke();
    
    if(strwdth>strhght) {var rds=90;} else {var rds=50;}
    ctx.beginPath();
    ctx.arc(strwdth/2,strhght/2,rds,0,2*Math.PI,false);  
    ctx.stroke();  
    
    ctx.beginPath();  
    if(strwdth>strhght) {ctx.arc(xlntrvl+153,strhght/2,rds,1.6*Math.PI,0.4*Math.PI,false);} else {ctx.arc(strwdth/2,ylntrvl+64,rds,2.1*Math.PI,0.9*Math.PI,false);}  
    ctx.stroke();   
    
    ctx.beginPath();  
    if(strwdth>strhght) {ctx.arc(strwdth-xlntrvl-153,strhght/2,rds,0.6*Math.PI,1.4*Math.PI,false);} else {ctx.arc(strwdth/2,strhght-ylntrvl-64,rds,1.1*Math.PI,1.9*Math.PI,false);}  
    ctx.stroke(); 
    
    if(strwdth>strhght) {ctx.font="30px Arial";ctx.strokeText("FENO",(xlntrvl-30*2.2),(ylntrvl+Math.ceil(30/1.2)),2.0*30);} else {ctx.font="25px Arial";ctx.strokeText("FENO",(xlntrvl),(ylntrvl-(ylntrvl-25)));}
    if(strwdth>strhght) {ctx.font="30px Arial";ctx.strokeText("PLAY",(strwdth-30*3.2),(ylntrvl+Math.ceil(30/1.2)),2.0*30);} else {ctx.font="25px Arial";ctx.strokeText("PLAY",(strwdth-(xlntrvl*7.3)),(ylntrvl-(ylntrvl-25)));}
    if(strwdth>strhght) {ctx.font="30px Arial";ctx.strokeText("UNDO",(strwdth-30*3.2),(strhght-Math.ceil(30/2.5)),2.0*30);} else {ctx.font="25px Arial";ctx.strokeText("UNDO",(strwdth-(xlntrvl*8.3)),(strhght-Math.ceil(ylntrvl/4.3)));}
    if(strwdth>strhght) {ctx.font="30px Arial";ctx.strokeText("DRAW",(xlntrvl-30*2.4),(strhght-Math.ceil(30/2.5)),2.3*30);} else {ctx.font="25px Arial";ctx.strokeText("DRAW",(xlntrvl),(strhght-Math.ceil(ylntrvl/4.3)));}
  }
  
  drwcnvs(c,ctx,grd,strwdth,strhght);

  function plrdrg(e) {
    var trgt=e.target;trgt.moving=true;
    if(e.clientX) {trgt.ox=e.clientX;trgt.oy=e.clientY;} else {trgt.ox=e.touches[0].clientX;trgt.oy=e.touches[0].clientY;}
    trgt.otp=window.getComputedStyle(trgt).getPropertyValue('top').split('px')[0]*1;
    trgt.olt=window.getComputedStyle(trgt).getPropertyValue('left').split('px')[0]*1;
	if(trgt.getAttribute("class")) {plypos=[];plypos.push({m:trgt.getAttribute("class"),x:trgt.olt,y:trgt.otp});}
    document.onmousemove=rundrg;document.ontouchmove=rundrg;
    function rundrg(event) {event.preventDefault();
      if(!trgt.moving) {return;}
      if(event.clientX) {trgt.dx=event.clientX-trgt.ox;trgt.dy=event.clientY-trgt.oy;} else {trgt.dx=event.touches[0].clientX-trgt.ox;trgt.dy=event.touches[0].clientY-trgt.oy;}
      var plrleft=(trgt.olt+trgt.dx);var plrtop=(trgt.otp+trgt.dy);trgt.style.left=plrleft+"px";trgt.style.top=plrtop+"px";
	  if(trgt.getAttribute("class")) {plypos.push({m:trgt.getAttribute("class"),x:plrleft,y:plrtop});}
	}	
    function stpdrg() {trgt.moving=false;if(trgt.getAttribute("class")) {plyarr.push(plypos);}}
    trgt.onmouseup=stpdrg;trgt.ontouchend=stpdrg;
  }
  document.onmousedown=plrdrg;document.ontouchstart=plrdrg;

  msgfeno.addEventListener("click",scrnlck);msgfeno.addEventListener("touchmove",scrnlck);
  function scrnlck() {
    if(document.getElementById("msg")) {
      var whomsgid=document.getElementById("msg"),whomsgelm=document.createElement("style");
      if(whomsgid.style.visibility=="visible") {var whovsbl="hidden",whofd="whofdout";} else {var whovsbl="visible",whofd="whofdin";}
	    if(strwdth>strhght) {var lftrt=0.2,tprt=0.7,wdthrt=2.0,hghtrt=1.0;} else {var lftrt=0.2,tprt=1.1,wdthrt=2.5,hghtrt=1.4;}
        whomsgid.setAttribute("title","Notice - Screen Rotate Lock");
        whomsgid.setAttribute("style","position:absolute;z-index:1;left:"+Math.ceil(30*lftrt)+"px;top:"+Math.ceil(30/tprt)+"px;width:122px;height:68px;margin:0;visibility:"+whovsbl+";background:linear-gradient(to top,transparent,#b1b1b1 90%),black repeating-linear-gradient(180deg,transparent,transparent 20px,rgba(0,0,0,1) 12px,rgba(255,255,255,0.9) 62px);background-clip:padding-box;border-left:1px solid rgba(255,255,255,0.3);border-radius:10px;border-top:1px solid rgba(255,255,255,0.7);box-shadow:0px 1px 3px 1px #969494;border-radius:6px;padding:5px 0;animation:"+whofd+" 3s;");
        var whochmpcss=".whomp::after{content:'';position:absolute;top:-6px;border-width:3px;border-style:solid;border-color:transparent transparent #ffffff transparent;}";
        whomsgelm.type="text/css";document.head.appendChild(whomsgelm);
        whomsgelm.sheet.insertRule(whochmpcss,whomsgelm.length);
        if(strwdth>strhght) {
          whomsgid.innerHTML="<b style='position:absolute;margin-left:110px;margin-top:2px;font-size:10px;color:red;z-index:1;' onclick='scrnlck();'>X</b><div style='position:absolute;margin-top:10px;width:122px;text-align:center;' onclick='scrnlck();'><b style='font-size:21px;color:orange;'>F11</b><br><b style='font-size:16px;color:white;'>Enlarge Screen <br>F5</b></div>";
        } else {
          whomsgid.innerHTML="<b style='position:absolute;margin-left:110px;margin-top:2px;font-size:10px;color:red;z-index:1;' onclick='scrnlck();'>X</b><div style='position:absolute;margin-top:2px;width:122px;text-align:center;' onclick='scrnlck();'><img src='./fstbimg/png/screenlock.png' style='position:relative;vertical-align:bottom;border-radius:30px;border:1px groove #eeeeee;filter:drop-shadow(3px 3px 3px gray);cursor:pointer;animation: 8s ease 0s infinite normal none running whofdio;'><br><b style='font-size:12px;color:white;'>Lock Screen Rotation</b></div>";
        }
    }
  }
  function stlmsgfeno() {
	if(strwdth>strhght) {var lftrt=1.15,tprt=3.5,wdthrt=2.0,hghtrt=1.0;} else {var lftrt=0.2,tprt=7.4,wdthrt=2.5,hghtrt=1.4;}
    document.getElementById("msgfeno").setAttribute("style","position:absolute;left:"+Math.ceil(30*lftrt)+"px;top:"+Math.ceil(30/tprt)+"px;width:"+Math.ceil(30*wdthrt)+"px;height:"+Math.ceil(30/hghtrt)+"px;margin:0;border:'1px solid';");
  }	  
  stlmsgfeno();
  
  drgundo.addEventListener("click",hstrybck);drgundo.addEventListener("touchmove",hstrybck);
  function drwlp(){
    ctx.clearRect(0,0,strwdth,strhght);drwcnvs(c,ctx,grd,strwdth,strhght);setplrs(1);
    for(var i=0;i<plyarr.length;i++) {
	  for(var j=0;j<plyarr[i].length-1;j++) {
		if(plyarr[i][j].m=="l") {ctx.beginPath();ctx.moveTo(plyarr[i][j].x,plyarr[i][j].y);ctx.lineTo(plyarr[i][(j+1)].x,plyarr[i][(j+1)].y);ctx.stroke();}
        if(plyarr[i][j].m.indexOf("plr")>-1) {var uplrstl=document.getElementsByClassName(plyarr[i][j].m)[0];uplrstl.style.left=plyarr[i][j].x+"px";uplrstl.style.top=plyarr[i][j].y+"px";}
	  }
    }
  }
  function hstrybck() {plyarr=lnduprm(plyarr);plyarr.splice(-1,1);stldrgundo();setTimeout(drwlp,1);}
  function stldrgundo() {
	if(strwdth>strhght) {var lftrt=3.2,tprt=0.8,wdthrt=2.0,hghtrt=1.0;} else {var lftrt=2.8,tprt=1.1,wdthrt=2.5,hghtrt=1.4;}
    document.getElementById("drgundo").setAttribute("style","position:absolute;left:"+(strwdth-Math.ceil(30*lftrt))+"px;top:"+(strhght-Math.ceil(30/tprt))+"px;width:"+Math.ceil(30*wdthrt)+"px;height:"+Math.ceil(30/hghtrt)+"px;margin:0;border:'1px solid'");
  }	  
  stldrgundo();
 
  var sx=0,sy=0;var drawing=false;
  drgdraw.addEventListener("click",actvclr);drgdraw.addEventListener("touchmove",actvclr);
  function actvclr() {
    c.addEventListener("mousemove",function(e) {rundrw(e);},false);c.addEventListener("touchmove",function(e) {rundrw(e);},false);
    c.addEventListener("mousedown",function(e) {setln(e);},false);c.addEventListener("touchstart",function(e) {setln(e);},false);
    c.addEventListener("mouseup",function(e) {stpdrw(e);},false);c.addEventListener("touchend",function(e) {stpdrw(e);},false);  
	if(document.getElementById("drgdraw").style.border=="") {
	  document.getElementById("drgdraw").style.border="1px dashed #ffff99";document.getElementById("drgdraw").style.background="#ffff99";document.getElementById("drgdraw").style.opacity=0.5;
      function lndrw(cx,cy) {ctx.beginPath();ctx.moveTo(sx,sy);ctx.lineTo(cx,cy);ctx.stroke();}
      function setln(e) {if(e.offsetX) {sx=e.offsetX;sy=e.offsetY;} else {sx=e.touches[0].clientX,sy=e.touches[0].clientY;}drawing=true;plypos=[];plypos.push({m:"l",x:sx,y:sy});}
      function rundrw(e) {if(!drawing) return;if(e.offsetX) {var cx=e.offsetX,cy=e.offsetY;} else {var cx=e.touches[0].clientX,cy=e.touches[0].clientY;}lndrw(cx,cy);sx=cx;sy=cy;plypos.push({m:"l",x:sx,y:sy});}
      function stpdrw(e) {drawing=false;plyarr.push(plypos);}     		
	} else {
	  document.getElementById("drgdraw").style.border="";document.getElementById("drgdraw").style.background="";document.getElementById("drgdraw").style.opacity=0;
      function lndrw() {}
      function setln(e) {drawing=false;}
      function rundrw(e) {lndrw();}
      function stpdrw(e) {drawing=false;}     		
	} plyarr=lnduprm(plyarr);
  }
  function lnduprm(plyarr) {
	var dupindx=[];var dupfnd={};
	for(var ln=0;ln<plyarr.length;ln++) {
	  if(plyarr[ln].length>1) {var strfd=JSON.stringify(plyarr[ln]);if(dupfnd[strfd]) {continue;}dupindx.push(plyarr[ln]);dupfnd[strfd]=true;}
	}
	return dupindx;
  }

  drgdraw.addEventListener("mouseup",grabdrw);drgdraw.addEventListener("touchend",grabdrw);
  function grabdrw() {
	var drgdrwstl=document.getElementById("drgdraw").style;
	if(strwdth>strhght) {var lftrt=0.9,tprt=0.8;} else {var lftrt=0.3,tprt=1.1;}
	drgdrwstl.left=(30*lftrt)+"px";drgdrwstl.top=(strhght-Math.ceil(30/tprt))+"px";
  }
  function actvdrw() {
	if(strwdth>strhght) {var lftrt=0.9,tprt=0.8,wdthrt=2.3,hghtrt=1.0;} else {var lftrt=0.3,tprt=1.1,wdthrt=2.5,hghtrt=1.4;}
    document.getElementById("drgdraw").setAttribute("style","position:absolute;left:"+Math.ceil(30*lftrt)+"px;top:"+(strhght-Math.ceil(30/tprt))+"px;width:"+Math.ceil(30*wdthrt)+"px;height:"+Math.ceil(30/hghtrt)+"px;margin:0;");
  }	  
  actvdrw();

  plyrec.addEventListener("click",playing);plyrec.addEventListener("touchmove",playing);
  function playing() { 
    var grbplystl=document.getElementById("plyrec").style;
	if(grbplystl.opacity==0) {
	grbplystl.opacity=0.5;ctx.clearRect(0,0,strwdth,strhght);drwcnvs(c,ctx,grd,strwdth,strhght);setplrs(2);
      function itmdly(i) {
        setTimeout(function() {
		  for(var j=0;j<plyarr[i].length-1;j++){if(plyarr[i][j].m=="l") {jltmdly(i,j);} else {jptmdly(i,j);}}
	    },i*200);
      }
	  function jltmdly(i,j) {
        setTimeout(function() {
		  if(plyarr[i][j].m=="l") {ctx.beginPath();ctx.moveTo(plyarr[i][j].x,plyarr[i][j].y);ctx.lineTo(plyarr[i][(j+1)].x,plyarr[i][(j+1)].y);ctx.stroke();}
	    },j*200);
      }	 	  
	  function jptmdly(i,j) {
        setTimeout(function() {
		  if(plyarr[i][j].m.indexOf("plr")>-1) {
			var plrstl=document.getElementsByClassName(plyarr[i][j].m)[0];
			plrstl.style.left=plyarr[i][j].x+"px";plrstl.style.top=plyarr[i][j].y+"px";
		    plrstl.style.animation='animate 5.5s ease-out alternate';plrstl.style.border='3px dashed #ffff99';
		  }
	    },j*100);
      }	 
      for(var i=0;i<plyarr.length;i++) {itmdly(i);}setTimeout(function(){grbplystl.opacity=0;},Math.ceil(i*270));setTimeout(drwlp,Math.ceil(i*370));
	} else {grbplystl.opacity=0;}setTimeout(grabply,0.1);
  }
  
  plyrec.addEventListener("mouseup",grabply);plyrec.addEventListener("touchend",grabply);
  function grabply() {
	var grbplystl=document.getElementById("plyrec").style;
	if(strwdth>strhght) {var lftrt=3.2,tprt=2.9;} else {var lftrt=2.5,tprt=7.9;}
	grbplystl.left=strwdth-(30*lftrt)+"px";grbplystl.top=(Math.ceil(30/tprt))+"px";
  }
  function playdrw() {
    pelmnt.innerHTML+="<div id=\"drgplay\"></div>";
    var plystl=document.getElementById("drgplay").style;
	plystl.position="absolute";
    if(strwdth>strhght) {var plystllft=strwdth-(30*3.2),plystltp=(Math.ceil(30/2.9)),plystlwd=(30*2.1),plystlht=(Math.ceil(30/1.2));} else {var plystllft=strwdth-(30*2.5),plystltp=(Math.ceil(30/7.9)),plystlwd=(30*2.2),plystlht=(Math.ceil(30/1.4));}	
	plystl.left=plystllft+"px";plystl.top=plystltp+"px";plystl.width=plystlwd+"px";plystl.height=plystlht+"px";plystl.border="1px solid #ffff99";plystl.clip='rect(0,0,0,0)';plystl.animation='animateply 1.6s linear infinite';	  	
    var plyrl="",rthzt=0,tpanm=0,rtanm=2,btanm=0,ltanm=0;
	
    for(var a=0;a<21;a++) {
      rthzt=Number(a*5);
	  if(a<5) {tpanm=0;if(a==4) {rtanm=(Math.ceil(plystlwd/(5-a)+2));} else {rtanm=(Math.ceil(plystlwd/(5-a)));}btanm=1;ltanm=0;}
	  if(a>4&&a<10) {if(a==5) {tpanm=0;} else {tpanm=Math.ceil(plystlht/(5-(a-5)));}rtanm=(Math.ceil(plystlwd/1.0)+2);btanm=(plystlht+2);ltanm=Math.ceil(plystlwd/1.0);}
	  if(a>9&&a<16) {tpanm=plystlht;rtanm=(plystlwd+2);btanm=(plystlht+2);if(a==15) {ltanm=0;} else {ltanm=Math.ceil(plystlwd/(a-9));}}
	  if(a>15) {if(a==20) {tpanm=0;} else {tpanm=Math.ceil(plystlht/(a-15));}rtanm=2;btanm=(plystlht+2);ltanm=0;}
	  plyrl=plyrl+rthzt+"%{clip:rect("+tpanm+"px,"+rtanm+"px,"+btanm+"px,"+ltanm+"px);}";
    }

    var crtstl=document.createElement("style");
    crtstl.type="text/css";document.head.appendChild(crtstl);
    crtstl.sheet.insertRule("@keyframes animateply {"+plyrl+"}",crtstl.length);

	var plyrecstl=document.getElementById("plyrec").style;
	plyrecstl.position="absolute";
    if(strwdth>strhght) {var prclft=strwdth-(30*3.2),prctp=(Math.ceil(30/2.9)),prcwd=(30*2.1)+2,prcht=(Math.ceil(30/1.2))+2;} else {var prclft=strwdth-(30*2.5),prctp=(Math.ceil(30/7.9)),prcwd=(30*2.2)+2,prcht=(Math.ceil(30/1.4))+2;}	
	plyrecstl.left=prclft+"px";plyrecstl.top=prctp+"px";plyrecstl.width=prcwd+"px";plyrecstl.height=prcht+"px";plyrecstl.background="#ffff99";plyrecstl.opacity=0;
  }	
  playdrw();

  if(strwdth>strhght) {var sptlghtsz="25",sptlghtlnht="1.0",sptlghttp="-4.9",sptlghtft="3.5",sptlghtopt="0.60";} else {var sptlghtsz="25",sptlghtlnht="0.6",sptlghttp="0.1",sptlghtft="3.1",sptlghtopt="1.2";}
  var sptlghtrec=document.createElement("style");var sptlght="#rec::before{content:\"•\";position:relative;font-size:"+sptlghtsz+"px;color:red;line-height:"+sptlghtlnht+"em;top:"+sptlghttp+"px;left:"+sptlghtft+"px;opacity:"+sptlghtopt+";}";
  sptlghtrec.type="text/css";document.head.appendChild(sptlghtrec);
  sptlghtrec.sheet.insertRule("@media {"+sptlght+"}",sptlghtrec.length);
  
  function runrec() {
    pelmnt.innerHTML+="<div id=\"rec\"></div>";
    var recstl=document.getElementById("rec").style,rectp=0,recstllft=0;
	recstl.position="absolute";
    if(strwdth>strhght) {rectp=60;recstllft=strwdth-70} else {recstllft=Math.ceil(4*strwdth/6)+8;rectp=8;}
	recstl.left=recstllft+"px";recstl.top=rectp+"px";recstl.width="15px";recstl.height="15px";recstl.boxShadow="0 0 0 0 rgba(141,2,2,1)";
	recstl.background="rgba(141,2,2,1)";recstl.borderRadius="50%";recstl.transform="scale(1)";recstl.animation="recani 2s infinite";recstl.cursor="pointer";
	
    var recanistl=document.createElement("style");var recrl="0%{transform:scale(0.70);box-shadow:0 0 0 0 rgba(141,2,2,0.7);}70%{transform:scale(1);box-shadow:0 0 0 10px rgba(141,2,2,0.0);}100%{transform:scale(0.70);box-shadow:0 0 0 0 rgba(141,2,2,0.0);}";
    recanistl.type="text/css";document.head.appendChild(recanistl);
    recanistl.sheet.insertRule("@keyframes recani {"+recrl+"}",recanistl.length);	
  }
  runrec();
  
  rec.addEventListener("mouseup",grabrec);rec.addEventListener("touchend",grabrec);
  function grabrec() {
	var grecstl=document.getElementById("rec").style,grectp=0,grecstllft=0;
	if(strwdth>strhght) {grectp=60;grecstllft=strwdth-70} else {grecstllft=Math.ceil(4*strwdth/6)+8;grectp=8;}
	grecstl.left=grecstllft+"px";grecstl.top=grectp+"px";
  }