```html
<canvas id="g" style="width:100%;border-radius:18px"></canvas>

<div style="font-family:Arial;display:flex;gap:6px;flex-wrap:wrap;margin-top:8px;align-items:center">
<button onclick="sel='arco'">🏹 50 🍊</button>
<button onclick="sel='escudo'">🛡️ 75 🍊</button>
<button onclick="sel='espada'">⚔️ 90 🍊</button>
<button onclick="sel='shotgun'">🔫 100 🍊</button>
<button onclick="sel='arv'" style="background:#c8f7c5">🌳 50 🍊</button>

<span id="h" style="font-weight:bold;font-size:18px;background:#ff8c00;color:white;padding:6px 14px;border-radius:20px">🍊 80</span>

<span id="coin" style="font-weight:bold;font-size:18px;background:#ffd700;color:#5a4300;padding:6px 14px;border-radius:20px">🪙 0</span>

<span id="t" style="font-family:Arial;font-weight:bold;margin-left:6px"></span>
</div>

<div id="msg"
style="position:fixed;left:50%;top:45%;transform:translate(-50%,-50%);
font-family:Arial Black,Arial;font-size:32px;color:white;
text-shadow:0 0 10px black,0 4px 0 black;
display:none;z-index:99;text-align:center">
</div>

<script>
const c=document.getElementById('g');
c.width=500;
c.height=520;
const x=c.getContext('2d');

let sel='arco';
let plantas=[];
let zumbis=[];
let tiros=[];
let sois=[];

let din=80;
let moedas=0;

let anim=0;
let onda=0;
let proximaOnda=600;
let fase=1;
let msgTimer=0;

function mostraMsg(txt,tempo=120){
  const m=document.getElementById('msg');
  m.innerHTML=txt;
  m.style.display='block';
  msgTimer=tempo;
}


// =========================
// CLIQUE NO JOGO
// =========================

c.onclick=e=>{
  const r=c.getBoundingClientRect();

  const mx=(e.clientX-r.left)*(c.width/r.width);
  const my=(e.clientY-r.top)*(c.height/r.height);

  // PEGAR LARANJAS
  for(let i=sois.length-1;i>=0;i--){
    if(Math.hypot(sois[i].x-mx,sois[i].y-my)<38){
      din+=25;
      sois.splice(i,1);
      return;
    }
  }

  const cx=Math.floor(mx/100);
  const cy=Math.floor((my-100)/84);

  if(my<100 || cx<0 || cx>=5 || cy<0 || cy>=5)return;

  if(plantas.find(p=>p.cx===cx && p.cy===cy))return;

  const custo={
    arco:50,
    escudo:75,
    espada:90,
    shotgun:100,
    arv:50
  }[sel];

  if(din<custo)return;

  din-=custo;

  const base={
    cx:cx,
    cy:cy,
    x:cx*100,
    y:cy*84+100,
    cd:0
  };

  if(sel==='arco')
    plantas.push({...base,hp:8,hpMax:8,tipo:'arco'});

  if(sel==='escudo')
    plantas.push({...base,hp:28,hpMax:28,tipo:'escudo'});

  if(sel==='espada')
    plantas.push({...base,hp:14,hpMax:14,tipo:'espada'});

  if(sel==='shotgun')
    plantas.push({...base,hp:10,hpMax:10,tipo:'shotgun'});

  if(sel==='arv')
    plantas.push({...base,hp:6,hpMax:6,tipo:'arv',cd:150});
};


// =========================
// LARANJAS
// =========================

setInterval(()=>{
  if(Math.random()<0.4){
    sois.push({
      x:Math.random()*400+50,
      y:10,
      bal:0
    });
  }
},3000);


// =========================
// DESENHAR PLANTAS
// =========================

function desenha(p){

  const pul=Math.sin(anim+p.cx)*3;

  x.save();

  x.translate(
    p.x+45,
    p.y+35+pul
  );

  if(p.tipo==='arv'){

    x.font='46px Arial';
    x.fillText('🌳',-23,-5);

  }else{

    x.font='48px Arial';
    x.fillText('🦫',-24,-2);

    const arma={
      arco:'🏹',
      escudo:'🛡️',
      espada:'⚔️',
      shotgun:'🔫'
    }[p.tipo];

    x.font='28px Arial';
    x.fillText(arma,12,-10);

    x.font='18px Arial';
    x.fillText('🧣',-30,-12+Math.sin(anim*3)*2);
  }

  x.restore();

  // BARRA DE VIDA
  x.fillStyle='rgba(0,0,0,0.4)';
  x.fillRect(p.x+10,p.y+6,60,6);

  x.fillStyle=p.hp<p.hpMax*0.3?'#ff0000':'#00ff88';

  x.fillRect(
    p.x+10,
    p.y+6,
    60*Math.max(0,p.hp/p.hpMax),
    6
  );
}


// =========================
// LOOP
// =========================

function loop(){

  anim+=0.09;

  if(msgTimer>0){
    msgTimer--;

    if(msgTimer===0){
      document.getElementById('msg').style.display='none';
    }
  }

  proximaOnda--;

  x.clearRect(0,0,500,520);


  // CÉU
  x.fillStyle='#87CEEB';
  x.fillRect(0,0,500,100);

  x.font='30px Arial';

  x.fillText(
    '🌞',
    430+Math.sin(anim)*4,
    55
  );

  x.fillText('☁️',70,45);


  // GRAMA
  x.fillStyle='#2d5a27';
  x.fillRect(0,100,500,420);


  // TERRENO
  for(let cy=0;cy<5;cy++){

    for(let cx=0;cx<5;cx++){

      x.fillStyle=(cx+cy)%2
        ?'#7dd17c'
        :'#6abf69';

      x.fillRect(
        cx*100,
        cy*84+100,
        98,
        82
      );
    }
  }


  // =========================
  // LARANJAS
  // =========================

  sois.forEach(s=>{

    s.y+=0.6;
    s.bal+=0.1;

    x.font='30px Arial';

    x.fillText(
      '🍊',
      s.x,
      s.y+Math.sin(s.bal)*2
    );
  });


  // =========================
  // PLANTAS
  // =========================

  plantas.forEach(p=>{

    desenha(p);

    p.cd--;


    // ARQUEIRO
    if(
      p.tipo==='arco' &&
      p.cd<=0 &&
      zumbis.some(z=>z.cy===p.cy && z.x>p.x)
    ){

      tiros.push({
        x:p.x+62,
        y:p.y+28,
        cy:p.cy,
        tipo:'flecha',
        dmg:1
      });

      p.cd=50;
    }


    // SHOTGUN
    if(
      p.tipo==='shotgun' &&
      p.cd<=0 &&
      zumbis.some(z=>z.cy===p.cy && z.x>p.x)
    ){

      tiros.push({
        x:p.x+62,
        y:p.y+28,
        cy:p.cy,
        tipo:'bala',
        dmg:3
      });

      p.cd=85;
    }


    // ESPADA
    if(p.tipo==='espada'){

      zumbis.forEach(z=>{

        if(
          z.cy===p.cy &&
          Math.abs(z.x-p.x)<42 &&
          p.cd<=0
        ){

          z.hp-=2.5;
          p.cd=35;
        }
      });
    }


    // ÁRVORE PRODUZ LARANJA
    if(p.tipo==='arv' && p.cd<=0){

      sois.push({
        x:p.x+30,
        y:p.y+5,
        bal:0
      });

      p.cd=280;
    }
  });


  // =========================
  // TIROS
  // =========================

  for(let i=tiros.length-1;i>=0;i--){

    const t=tiros[i];

    t.x+=5;

    if(t.tipo==='flecha'){

      x.fillStyle='black';
      x.fillRect(t.x,t.y,14,3);

      x.font='14px Arial';
      x.fillText('➤',t.x+10,t.y+5);

    }else{

      x.font='22px Arial';
      x.fillText('💥',t.x,t.y);
    }


    let acertou=false;

    for(const z of zumbis){

      if(
        z.cy===t.cy &&
        Math.abs(z.x-t.x)<26
      ){

        z.hp-=t.dmg;
        acertou=true;
        break;
      }
    }

    if(acertou || t.x>520){
      tiros.splice(i,1);
    }
  }


  // =========================
  // ONDAS
  // =========================

  const el=document.getElementById('t');

  if(onda>=5){

    fase++;
    onda=0;
    proximaOnda=600;

    mostraMsg(
      `⭐ FASE ${fase}!<br><span style="font-size:18px">Zumbis mais fortes!</span>`,
      180
    );

    plantas.forEach(p=>{
      p.hp=p.hpMax;
    });

  }else if(proximaOnda>0){

    el.innerText=
      `🌊 Onda ${onda+1}/5 em ${Math.ceil(proximaOnda/60)}s | Fase ${fase}`;

    el.style.color='green';

    if(proximaOnda===60){
      mostraMsg('⚠️ ELES ESTÃO<br>CHEGANDO!',60);
    }

  }else{

    onda++;

    mostraMsg(`🧟 ONDA ${onda}/5`,80);

    el.innerText=
      `🧟 ONDA ${onda}/5 - Fase ${fase}`;

    el.style.color='red';

    const qtd=2+onda+fase;

    for(let k=0;k<qtd;k++){

      setTimeout(()=>{

        const cy=Math.floor(Math.random()*5);

        const vidaBase=
          fase===1
          ?8
          :10+fase*2;

        if(Math.random()<0.5){

          zumbis.push({
            x:520+Math.random()*40,
            y:cy*84+100,
            cy:cy,
            hp:vidaBase,
            hpMax:vidaBase,
            emoji:'🧟',
            vel:0.24+fase*0.02
          });

        }else{

          zumbis.push({
            x:520+Math.random()*40,
            y:cy*84+100,
            cy:cy,
            hp:vidaBase+4,
            hpMax:vidaBase+4,
            emoji:'🧟‍♂️',
            vel:0.20+fase*0.02
          });
        }

      },k*450);
    }

    proximaOnda=900;
  }


  // =========================
  // ZUMBIS
  // =========================

  for(let i=zumbis.length-1;i>=0;i--){

    const z=zumbis[i];

    z.x-=z.vel;

    x.font='38px Arial';

    x.fillText(
      z.emoji,
      z.x+8,
      z.y+52+Math.sin(anim*1.5)*1.5
    );


    // VIDA DO ZUMBI
    x.fillStyle='rgba(0,0,0,0.3)';
    x.fillRect(z.x+5,z.y+8,50,5);

    x.fillStyle='#ff4444';

    x.fillRect(
      z.x+5,
      z.y+8,
      50*Math.max(0,z.hp/z.hpMax),
      5
    );


    // ATAQUE NAS PLANTAS
    plantas.forEach(p=>{

      if(
        p.cy===z.cy &&
        Math.abs(p.x-z.x)<32
      ){

        p.hp-=
          p.tipo==='escudo'
          ?0.006
          :0.014;

        z.x+=0.18;
      }
    });


    // =========================
    // ZUMBI MORRE
    // =========================

    if(z.hp<=0){

      // Zumbi normal = 2 moedas
      // Zumbi forte = 3 moedas

      const recompensa=
        z.hpMax>=12
        ?3
        :2;

      moedas+=recompensa;

      mostraMsg(
        `🪙 +${recompensa}`,
        35
      );

      zumbis.splice(i,1);

      continue;
    }


    // ZUMBI CHEGOU NA BASE
    if(z.x<0){

      alert(
        'Perdeu na Fase '+
        fase+
        ' Onda '+
        onda
      );

      location.reload();
    }
  }


  // REMOVER PLANTAS MORTAS
  for(let i=plantas.length-1;i>=0;i--){

    if(plantas[i].hp<=0){
      plantas.splice(i,1);
    }
  }


  // MOSTRAR LARANJAS
  document.getElementById('h').innerText=
    '🍊 '+din;


  // MOSTRAR MOEDAS
  document.getElementById('coin').innerText=
    '🪙 '+moedas;


  requestAnimationFrame(loop);
}


// MENSAGEM INICIAL
mostraMsg(
  '🌳 Plante 2 árvores!<br><span style="font-size:16px">Zumbis em 10s</span>',
  180
);

loop();

</script>
```

<script defer data-domain="html.cafe" src="https://milkymouse.com/js/script.js"></script>