index.html

<!doctype html>
<html lang="en"><head><meta charset="utf-8"><meta name="viewport" content="width=device-width,initial-scale=1,viewport-fit=cover">
<title>Pawfoil: free pet trading card maker, holo cards in seconds | CyberMax</title>
<meta name="description" content="Turn your pet's photo into a shiny collectible trading card with funny stats and moves. Free HD download, no sign-up, no watermark grab: your photo never leaves your phone.">
<link rel="canonical" href="https://cybermax.cybermax-tools.workers.dev/games/pawfoil/">
<meta property="og:type" content="website"><meta property="og:site_name" content="CyberMax">
<meta property="og:title" content="Pawfoil: make your pet a holo trading card">
<meta property="og:description" content="Photo in, collectible card out: stats, two funny moves, a rarity roll. Free HD download.">
<meta property="og:url" content="https://cybermax.cybermax-tools.workers.dev/games/pawfoil/">
<meta property="og:image" content="https://cybermax.cybermax-tools.workers.dev/games/pawfoil/og.png"><meta property="og:image:width" content="1200"><meta property="og:image:height" content="630">
<meta name="twitter:card" content="summary_large_image"><meta name="twitter:image" content="https://cybermax.cybermax-tools.workers.dev/games/pawfoil/og.png">
<meta name="theme-color" content="#1B1430">
<link rel="manifest" href="manifest.webmanifest">
<link rel="icon" href="icon.svg" type="image/svg+xml"><link rel="apple-touch-icon" href="icon-192.png">
<meta name="apple-mobile-web-app-capable" content="yes"><meta name="apple-mobile-web-app-title" content="Pawfoil">
<link rel="stylesheet" href="fun.css"><link rel="stylesheet" href="style.css">
<script>try{var t=localStorage.getItem('cm-theme');if(t)document.documentElement.dataset.theme=t}catch(e){}</script>
<script type="application/ld+json">{"@context":"https://schema.org","@type":"WebApplication","name":"Pawfoil","url":"https://cybermax.cybermax-tools.workers.dev/games/pawfoil/","image":"https://cybermax.cybermax-tools.workers.dev/games/pawfoil/og.png","description":"Free pet trading card maker: your pet's photo becomes a collectible card with stats, moves and a rarity roll. Runs in the browser; photos never leave the device.","applicationCategory":"MultimediaApplication","operatingSystem":"Any","publisher":{"@type":"Organization","name":"CyberMax","url":"https://cybermax.cybermax-tools.workers.dev/"},"offers":[{"@type":"Offer","price":"0","priceCurrency":"USD","description":"Free HD card"},{"@type":"Offer","price":"2.99","priceCurrency":"USD","description":"CyberMax Fun Pass, monthly"}]}</script>
</head><body>
<div class="wrap wide">
<header class="top"><a class="brand" href="https://cybermax.cybermax-tools.workers.dev/games/"><svg viewBox="0 0 512 512" aria-hidden="true"><clipPath id="lg"><rect width="512" height="512" rx="116"/></clipPath><g clip-path="url(#lg)"><rect width="512" height="512" fill="#FF6A3D"/><path d="M512 250V512H250Z" fill="#D9481F"/></g><g transform="translate(86 86) scale(3.4)"><path d="M66 27 A27 27 0 1 0 66 73" fill="none" stroke="#11141B" stroke-width="17" stroke-linecap="round"/><rect x="66" y="41" width="20" height="18" rx="4" fill="#11141B"/></g></svg>CyberMax</a>
<nav><a href="https://cybermax.cybermax-tools.workers.dev/games/">Games</a></nav><button class="icon" id="theme" type="button" aria-label="Switch light or dark">◐</button></header>
<main>
<h1>Make your pet a holo trading card <span class="pro-badge">PASS</span></h1>
<p class="muted lede">Add a photo, type a name, roll for rarity. Stats and moves are made for your pet. Free HD download; your photo never leaves this device.</p>
<div class="maker">
  <section class="controls panel">
    <label class="photo"><input type="file" id="file" accept="image/*"><span class="btn">📷 Choose a photo</span></label>
    <button class="btn ghost sm" id="sample" type="button">Try a sample pet (AI image)</button>
    <label class="field">Pet's name <input id="name" maxlength="18" placeholder="e.g. Biscuit" autocomplete="off"></label>
    <div class="chips" id="kinds" role="group" aria-label="Kind of pet"></div>
    <div class="row adj"><label>Zoom <input id="zoom" type="range" min="1" max="3" step="0.01" value="1"></label><span class="muted small">Drag the photo on the card to move it.</span></div>
    <div class="row"><button class="btn" id="roll" type="button">🎲 Roll again</button><span class="muted small" id="rolls"></span></div>
    <div class="pro-box"><b>Fun Pass extras</b>
      <div class="chips" id="frames" role="group" aria-label="Pick a frame"></div>
      <label class="small"><input type="checkbox" id="clean"> Hide the CyberMax line on the card</label>
    </div>
  </section>
  <section class="preview">
    <div class="tilt" id="tilt"><canvas id="card" width="750" height="1050" aria-label="Your pet's trading card"></canvas><div class="holo" id="holo"></div></div>
    <div class="row share"><button class="btn" id="dl" type="button">⬇ Download HD card</button><button class="btn ghost" id="share" type="button">Share</button><a class="btn ghost sm" id="sx" target="_blank" rel="noopener">X</a><a class="btn ghost sm" id="sb" target="_blank" rel="noopener">Bluesky</a><a class="btn ghost sm" id="sw" target="_blank" rel="noopener">WhatsApp</a></div>
    <div class="row"><button class="btn ghost sm" id="install" type="button" hidden>📲 Add to Home Screen</button><button class="btn pass sm" id="pass-btn" type="button">✨ Fun Pass</button></div>
  </section>
</div>
<div class="nudge"><span>Want a Legendary every time? The <b>Fun Pass</b> lets you pick any frame, hides the CyberMax line and works in every CyberMax game.</span><button class="btn pass sm" data-pass="nudge" type="button">See the pass</button></div>

<section class="seo">
<h2>How Pawfoil works</h2>
<p>Pick a photo of your dog, cat, bunny, bird or any pet. Pawfoil frames it as a collectible trading card with HP, six stats (Cuteness is always high), a type and two funny moves like <i>Sock Heist</i> or <i>3 AM Zoomies</i>. Each roll draws a rarity: Common, Rare, Epic (holo) or Legendary (gold holo). Roll again until you love it, then download the HD PNG or share it.</p>
<h3>Private: your photo stays on your device</h3>
<p>The card is drawn in your browser. Your photo is never uploaded, stored or seen by anyone but you. No account, no email.</p>
<h3>Free, with an optional Fun Pass</h3>
<p>Every card is free in full HD. The optional <b>CyberMax Fun Pass</b> ($2.99/month, $19/year, or $4.99 once) lets you pick any frame (Legendary on demand), hides the small CyberMax line on the card, and unlocks extras in every CyberMax game.</p>
<h3>FAQ</h3>
<p><b>Can I print it?</b> Yes: the download is 750×1050 px, a standard 2.5×3.5 inch card at 300 dpi. <b>Why not an AI card generator?</b> Pawfoil uses your real photo (no strange AI faces), is instant, works offline and needs no sign-up. <b>Is it really free?</b> Yes, the HD download is free; the pass only adds extras.</p>
<h2>More free games from CyberMax</h2>
<div class="more"><a href="https://cybermax.cybermax-tools.workers.dev/games/kenwren/"><b>Kenwren</b><span>How well do your friends know you?</span></a><a href="https://cybermax.cybermax-tools.workers.dev/games/pathmoor/"><b>Pathmoor</b><span>Daily path puzzle</span></a><a href="https://cybermax.cybermax-tools.workers.dev/games/whirlane/"><b>Whirlane</b><span>One-tap orbit dodger</span></a></div>
</section>
</main>
<footer>© 2026 CyberMax · <a href="https://cybermax.cybermax-tools.workers.dev/games/">Games</a> · <a href="https://cybermax.cybermax-tools.workers.dev/toys/">Toys</a> · <a href="https://cybermax.cybermax-tools.workers.dev/store/">Store</a> · <a href="https://cybermax.cybermax-tools.workers.dev/privacy">Privacy</a> · <a href="https://cybermax.cybermax-tools.workers.dev/terms">Terms</a></footer>
</div>
<script type="module" src="game.js"></script>
</body></html>