1<!DOCTYPE html><!--3v2EDr8GZ7QfgZ8C551Jx--><html lang="en"><head><meta charSet="utf-8"/><meta name="viewport" content="width=device-width, initial-scale=1"/><link rel="preload" href="/_next/static/media/caa3a2e1cccd8315-s.p.853070df.woff2" as="font" crossorigin="" type="font/woff2"/><link rel="stylesheet" href="/_next/static/chunks/72cb93360ecd1286.css" data-precedence="next"/><link rel="preload" as="script" fetchPriority="low" href="/_next/static/chunks/7a0a31b0bb154d05.js"/>
1<script src="/_next/static/chunks/56d57f93b2d82c70.js" async=""></script>
1<script src="/_next/static/chunks/69be39811437728d.js" async=""></script>
1<script src="/_next/static/chunks/b92a6bcc475c219f.js" async=""></script>
1<script src="/_next/static/chunks/82abf2d65f5428ae.js" async=""></script>
1<script src="/_next/static/chunks/turbopack-9b1286110cf73668.js" async=""></script>
1<script src="/_next/static/chunks/25f2a11d595c23a3.js" async=""></script>
1<script src="/_next/static/chunks/ff1a16fafef87110.js" async=""></script>
1<script src="/_next/static/chunks/d2be314c3ece3fbe.js" async=""></script>
1<script src="/_next/static/chunks/62e532f5d8ecf0cf.js" async=""></script>
1<script src="/_next/static/chunks/1fd3df0aa4dcdb44.js" async=""></script>
1<script src="/_next/static/chunks/b4ca32e12feaec85.js" async=""></script>
1<link rel="preload" href="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-9816094922761343" as="script" crossorigin=""/><link rel="preload" href="https://www.googletagmanager.com/gtag/js?id=G-JW5YYBCWM5" as="script"/><link rel="preload" href="https://pl28977479.profitablecpmratenetwork.com/ff3c46ba8a2aefdde2fc1569349891d5/invoke.js" as="script"/><meta name="next-size-adjust" content=""/><title>Slay the Spire 2 Card Database â All 567 Cards | Slay the Spire 2 Guide</title><meta name="description" content="Browse all 567 Slay the Spire 2 cards. Filter by class, type, rarity, and keywords like Sly, Doom, Exhaust, and more."/><link rel="manifest" href="/site.webmanifest"/><meta name="robots" content="index, follow"/><meta name="googlebot" content="index, follow"/><link rel="canonical" href="https://slaythespire2.space/cards/"/><meta property="og:title" content="Slay the Spire 2 Card Database â All 567 Cards | Slay the Spire 2 Guide"/><meta property="og:description" content="Browse all 567 Slay the Spire 2 cards. Filter by class, type, rarity, and keywords like Sly, Doom, Exhaust, and more."/><meta property="og:url" content="https://slaythespire2.space/cards/"/><meta property="og:image" content="https://slaythespire2.space/images/logo/sts2-logo.jpeg"/><meta property="og:image:width" content="1200"/><meta property="og:image:height" content="630"/><meta property="og:image:alt" content="Slay the Spire 2 Card Database"/><meta name="twitter:card" content="summary_large_image"/><meta name="twitter:title" content="Slay the Spire 2 Card Database â All 567 Cards"/><meta name="twitter:description" content="Browse all 567 Slay the Spire 2 cards. Filter by class, type, rarity, and keywords like Sly, Doom, Exhaust, and more."/><meta name="twitter:image" content="https://slaythespire2.space/images/logo/sts2-logo.jpeg"/><link rel="icon" href="/favicon.ico" sizes="32x32"/><link rel="icon" href="/favicon-16x16.png" sizes="16x16" type="image/png"/><link rel="icon" href="/favicon-32x32.png" sizes="32x32" type="image/png"/><link rel="icon" href="/favicon-192x192.png" sizes="192x192" type="image/png"/><link rel="apple-touch-icon" href="/apple-touch-icon.png"/>
1<script type="application/ld+json">[{"@context":"https://schema.org","@type":"WebSite","name":"Slay the Spire 2 Guide","url":"https://slaythespire2.space","description":"The ultimate Slay the Spire 2 resource. Cards, relics, class guides, tier lists, and co-op tools.","potentialAction":{"@type":"SearchAction","target":"https://slaythespire2.space/cards?q={search_term_string}","query-input":"required name=search_term_string"}},{"@context":"https://schema.org","@type":"Organization","name":"Slay the Spire 2 Guide","url":"https://slaythespire2.space","logo":"https://slaythespire2.space/images/logo/sts2-logo.jpeg"}]</script>
1<script src="/_next/static/chunks/a6dad97d9634a72d.js" noModule=""></script>
1</head><body class="geist_9c6cb61b-module__8NX9hq__variable font-sans bg-gray-950 text-gray-100 antialiased"><div hidden=""><!--$--><!--/$--></div><nav class="sticky top-0 z-50 bg-gray-900/95 backdrop-blur border-b border-gray-800"><div class="max-w-7xl mx-auto px-4 flex items-center justify-between h-14"><a class="flex items-center gap-2 hover:opacity-80 transition-opacity" href="/"><img alt="Slay the Spire 2" loading="lazy" width="32" height="32" decoding="async" data-nimg="1" class="rounded object-cover" style="color:transparent" src="/images/logo/sts2-logo.jpeg"/><span class="font-bold text-base text-amber-400 hidden sm:block">STS2 Guide</span></a><div class="hidden md:flex items-center gap-6"><div class="relative"><button class="flex items-center gap-1 text-sm transition-colors text-amber-400 font-semibold">Database<svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chevron-down transition-transform" aria-hidden="true"><path d="m6 9 6 6 6-6"></path></svg></button></div><div class="relative"><button class="flex items-center gap-1 text-sm transition-colors text-gray-300 hover:text-white">Guides<svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chevron-down transition-transform" aria-hidden="true"><path d="m6 9 6 6 6-6"></path></svg></button></div><div class="relative"><button class="flex items-center gap-1 text-sm transition-colors text-gray-300 hover:text-white">Tools<svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chevron-down transition-transform" aria-hidden="true"><path d="m6 9 6 6 6-6"></path></svg></button></div><a href="https://store.steampowered.com/app/2868840/Slay_the_Spire_2/" target="_blank" rel="noopener noreferrer" class="text-sm bg-[#1b2838] hover:bg-[#2a475e] text-white font-medium px-3 py-1.5 rounded-md transition-colors border border-[#4c6b8a]/50 flex items-center gap-1.5"><svg viewBox="0 0 24 24" class="w-4 h-4 fill-current" aria-hidden="true"><path d="M11.979 0C5.678 0 .511 4.86.022 11.037l6.432 2.658c.545-.371 1.203-.59 1.912-.59.063 0 .125.004.188.006l2.861-4.142V8.91c0-2.495 2.028-4.524 4.524-4.524 2.494 0 4.524 2.031 4.524 4.527s-2.03 4.525-4.524 4.525h-.105l-4.076 2.911c0 .052.004.105.004.159 0 1.875-1.515 3.396-3.39 3.396-1.635 0-3.016-1.173-3.331-2.727L.436 15.27C1.862 20.307 6.486 24 11.979 24c6.627 0 11.999-5.373 11.999-12S18.606 0 11.979 0zM7.54 18.21l-1.473-.61c.262.543.714.999 1.314 1.25 1.297.539 2.793-.076 3.332-1.375.263-.63.264-1.319.005-1.949s-.75-1.121-1.377-1.383c-.624-.26-1.29-.249-1.878-.03l1.523.63c.956.4 1.409 1.5 1.009 2.455-.397.957-1.497 1.41-2.455 1.012H7.54zm11.415-9.303c0-1.662-1.353-3.015-3.015-3.015-1.665 0-3.015 1.353-3.015 3.015 0 1.665 1.35 3.015 3.015 3.015 1.663 0 3.015-1.35 3.015-3.015zm-5.273-.005c0-1.252 1.013-2.266 2.265-2.266 1.249 0 2.266 1.014 2.266 2.266 0 1.251-1.017 2.265-2.266 2.265-1.252 0-2.265-1.014-2.265-2.265z"></path></svg>Steam</a></div><button class="md:hidden text-gray-400 hover:text-white" aria-label="Toggle menu"><svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-menu" aria-hidden="true"><path d="M4 5h16"></path><path d="M4 12h16"></path><path d="M4 19h16"></path></svg></button></div></nav><main class="min-h-screen"><div class="max-w-7xl mx-auto px-4 py-10"><div class="mb-8"><h1 class="text-3xl font-bold text-white mb-2">Slay the Spire 2 â Card Database</h1><p class="text-gray-400">All <!-- -->567<!-- --> cards. Filter by class, type, rarity, or keyword.</p></div><div class="bg-gray-900 border border-gray-800 rounded-xl p-4 mb-8 space-y-4"><input type="text" placeholder="Search cards..." class="w-full bg-gray-800 border border-gray-700 rounded-lg px-4 py-2.5 text-sm text-white placeholder-gray-500 focus:outline-none focus:border-amber-500" value=""/><div class="space-y-3"><div class="flex flex-wrap gap-2"><button class="px-3 py-1.5 rounded-lg text-xs font-medium transition-colors border bg-amber-500 text-gray-900 border-amber-500">All Classes</button><button class="px-3 py-1.5 rounded-lg text-xs font-medium transition-colors border bg-gray-900 text-gray-400 border-gray-700 hover:border-gray-500 hover:text-white">Ironclad</button><button class="px-3 py-1.5 rounded-lg text-xs font-medium transition-colors border bg-gray-900 text-gray-400 border-gray-700 hover:border-gray-500 hover:text-white">Silent</button><button class="px-3 py-1.5 rounded-lg text-xs font-medium transition-colors border bg-gray-900 text-gray-400 border-gray-700 hover:border-gray-500 hover:text-white">Defect</button><button class="px-3 py-1.5 rounded-lg text-xs font-medium transition-colors border bg-gray-900 text-gray-400 border-gray-700 hover:border-gray-500 hover:text-white">Regent</button><button class="px-3 py-1.5 rounded-lg text-xs font-medium transition-colors border bg-gray-900 text-gray-400 border-gray-700 hover:border-gray-500 hover:text-white">Necrobinder</button><button class="px-3 py-1.5 rounded-lg text-xs font-medium transition-colors border bg-gray-900 text-gray-400 border-gray-700 hover:border-gray-500 hover:text-white">Colorless</button></div><div class="flex flex-wrap gap-2"><button class="px-3 py-1.5 rounded-lg text-xs font-medium transition-colors border bg-amber-500 text-gray-900 border-amber-500">All Types</button><button class="px-3 py-1.5 rounded-lg text-xs font-medium transition-colors border bg-gray-900 text-gray-400 border-gray-700 hover:border-gray-500 hover:text-white">Attack</button><button class="px-3 py-1.5 rounded-lg text-xs font-medium transition-colors border bg-gray-900 text-gray-400 border-gray-700 hover:border-gray-500 hover:text-white">Skill</button><button class="px-3 py-1.5 rounded-lg text-xs font-medium transition-colors border bg-gray-900 text-gray-400 border-gray-700 hover:border-gray-500 hover:text-white">Power</button><span class="w-px bg-gray-700 mx-1"></span><button class="px-3 py-1.5 rounded-lg text-xs font-medium transition-colors border bg-amber-500 text-gray-900 border-amber-500">All Rarities</button><button class="px-3 py-1.5 rounded-lg text-xs font-medium transition-colors border bg-gray-900 text-gray-400 border-gray-700 hover:border-gray-500 hover:text-white">Common</button><button class="px-3 py-1.5 rounded-lg text-xs font-medium transition-colors border bg-gray-900 text-gray-400 border-gray-700 hover:border-gray-500 hover:text-white">Uncommon</button><button class="px-3 py-1.5 rounded-lg text-xs font-medium transition-colors border bg-gray-900 text-gray-400 border-gray-700 hover:border-gray-500 hover:text-white">Rare</button><button class="px-3 py-1.5 rounded-lg text-xs font-medium transition-colors border bg-gray-900 text-gray-400 border-gray-700 hover:border-gray-500 hover:text-white">
1Special</button></div><div class="flex flex-wrap gap-2"><button class="px-3 py-1.5 rounded-lg text-xs font-medium transition-colors border bg-amber-500 text-gray-900 border-amber-500">All Keywords</button><button class="px-3 py-1.5 rounded-lg text-xs font-medium transition-colors border bg-gray-900 text-gray-400 border-gray-700 hover:border-gray-500 hover:text-white">Sly</button><button class="px-3 py-1.5 rounded-lg text-xs font-medium transition-colors border bg-gray-900 text-gray-400 border-gray-700 hover:border-gray-500 hover:text-white">Doom</button><button class="px-3 py-1.5 rounded-lg text-xs font-medium transition-colors border bg-gray-900 text-gray-400 border-gray-700 hover:border-gray-500 hover:text-white">Summon</button><button class="px-3 py-1.5 rounded-lg text-xs font-medium transition-colors border bg-gray-900 text-gray-400 border-gray-700 hover:border-gray-500 hover:text-white">Sacrifice</button><button class="px-3 py-1.5 rounded-lg text-xs font-medium transition-colors border bg-gray-900 text-gray-400 border-gray-700 hover:border-gray-500 hover:text-white">Exhaust</button><button class="px-3 py-1.5 rounded-lg text-xs font-medium transition-colors border bg-gray-900 text-gray-400 border-gray-700 hover:border-gray-500 hover:text-white">Ethereal</button><button class="px-3 py-1.5 rounded-lg text-xs font-medium transition-colors border bg-gray-900 text-gray-400 border-gray-700 hover:border-gray-500 hover:text-white">Retain</button><button class="px-3 py-1.5 rounded-lg text-xs font-medium transition-colors border bg-gray-900 text-gray-400 border-gray-700 hover:border-gray-500 hover:text-white">Vulnerable</button><button class="px-3 py-1.5 rounded-lg text-xs font-medium transition-colors border bg-gray-900 text-gray-400 border-gray-700 hover:border-gray-500 hover:text-white">Weak</button><button class="px-3 py-1.5 rounded-lg text-xs font-medium transition-colors border bg-gray-900 text-gray-400 border-gray-700 hover:border-gray-500 hover:text-white">Poison</button></div><div class="flex flex-wrap gap-2"><button class="px-3 py-1.5 rounded-lg text-xs font-medium transition-colors border bg-amber-500 text-gray-900 border-amber-500">All Tags</button><button class="px-3 py-1.5 rounded-lg text-xs font-medium transition-colors border bg-gray-900 text-gray-400 border-gray-700 hover:border-gray-500 hover:text-white">ð New in STS2</button><button class="px-3 py-1.5 rounded-lg text-xs font-medium transition-colors border bg-gray-900 text-gray-400 border-gray-700 hover:border-gray-500 hover:text-white">ð¥ Multiplayer</button><button class="px-3 py-1.5 rounded-lg text-xs font-medium transition-colors border bg-gray-900 text-gray-400 border-gray-700 hover:border-gray-500 hover:text-white">ð Doom</button><button class="px-3 py-1.5 rounded-lg text-xs font-medium transition-colors border bg-gray-900 text-gray-400 border-gray-700 hover:border-gray-500 hover:text-white">ð Sly</button></div></div></div><div class="flex items-center justify-between mb-4 flex-wrap gap-3"><p class="text-sm text-gray-500">Showing <span class="text-white font-medium">567</span> of <!-- -->567<!-- --> cards</p><select class="bg-gray-900 border border-gray-700 rounded-lg px-3 py-1.5 text-xs text-gray-300 focus:outline-none focus:border-amber-500"><option value="name-asc" selected="">Name AâZ</option><option value="name-desc">Name ZâA</option><option value="rarity-asc">Rarity: Common first</option><option value="rarity-desc">Rarity: Rare first</option></select></div><div class="grid grid-cols-2 sm:grid-cols-3 md:grid-cols-4 lg:grid-cols-5 xl:grid-cols-6 gap-3"><div class="group bg-gray-900 border border-gray-800 hover:border-gray-600 rounded-xl overflow-hidden transition-all hover:-translate-y-0.5"><div class="relative bg-gray-800 aspect-[3/4] flex items-center justify-center overflow-hidden"><img src="/images/cards/abrasive.webp" alt="Abrasive" class="w-full h-full object-cover" loading="lazy"/><div class="absolute top-2 left-2 w-7 h-7 rounded-full bg-gray-900/90 border border-gray-700 flex items-center justify-center text-xs font-bold text-amber-400">3</div><div class="absolute top-2 right-2 w-2.5 h-2.5 rounded-full" style="background-color:#f39c12" title="rare"></div></div><div class="p-3"><div class="flex items-start justify-between gap-1 mb-1"><h3 class="text-sm font-semibold text-white leading-tight">Abrasive</h3></div><div class="flex items-center gap-1.5 mb-2"><span class="text-xs px-1.5 py-0.5 rounded font-medium" style="background-color:#27ae6033;color:#27ae60">Silent</span><span class="text-xs text-gray-500 capitalize">skill</span></div><p class="text-xs text-gray-400 leading-relaxed line-clamp-3">Sly. Gain 1 Dexterity. Gain 4 Thorns.</p><div class="flex flex-wrap gap-1 mt-2"><span class="text-xs bg-gray-800 text-gray-400 px-1.5 py-0.5 rounded capitalize">sly</span><span class="text-xs bg-gray-800 text-gray-400 px-1.5 py-0.5 rounded capitalize">dexterity</span></div><div class="flex flex-wrap gap-1 mt-2"><span class="text-xs bg-amber-500/20 text-amber-400 px-1.5 py-0.5 rounded border border-amber-500/30">ð</span></div></div></div><div class="group bg-gray-900 border border-gray-800 hover:border-gray-600 rounded-xl overflow-hidden transition-all hover:-translate-y-0.5"><div class="relative bg-gray-800 aspect-[3/4] flex items-center justify-center overflow-hidden"><img src="/images/cards/accelerant.webp" alt="Accelerant" class="w-full h-full object-cover" loading="lazy"/><div class="absolute top-2 left-2 w-7 h-7 rounded-full bg-gray-900/90 border border-gray-700 flex items-center justify-center text-xs font-bold text-amber-400">1</div><div class="absolute top-2 right-2 w-2.5 h-2.5 rounded-full" style="background-color:#f39c12" title="rare"></div></div><div class="p-3"><div class="flex items-start justify-between gap-1 mb-1"><h3 class="text-sm font-semibold text-white leading-tight">Accelerant</h3></div><div class="flex items-center gap-1.5 mb-2"><span class="text-xs px-1.5 py-0.5 rounded font-medium" style="background-color:#27ae6033;color:#27ae60">Silent</span><span class="text-xs text-gray-500 capitalize">
1power</span></div><p class="text-xs text-gray-400 leading-relaxed line-clamp-3">Poison is triggered 1 additional time.</p><div class="flex flex-wrap gap-1 mt-2"><span class="text-xs bg-gray-800 text-gray-400 px-1.5 py-0.5 rounded capitalize">poison</span></div></div></div><div class="group bg-gray-900 border border-gray-800 hover:border-gray-600 rounded-xl overflow-hidden transition-all hover:-translate-y-0.5"><div class="relative bg-gray-800 aspect-[3/4] flex items-center justify-center overflow-hidden"><img src="/images/cards/accuracy.webp" alt="Accuracy" class="w-full h-full object-cover" loading="lazy"/><div class="absolute top-2 left-2 w-7 h-7 rounded-full bg-gray-900/90 border border-gray-700 flex items-center justify-center text-xs font-bold text-amber-400">1</div><div class="absolute top-2 right-2 w-2.5 h-2.5 rounded-full" style="background-color:#27ae60" title="uncommon"></div></div><div class="p-3"><div class="flex items-start justify-between gap-1 mb-1"><h3 class="text-sm font-semibold text-white leading-tight">Accuracy</h3></div><div class="flex items-center gap-1.5 mb-2"><span class="text-xs px-1.5 py-0.5 rounded font-medium" style="background-color:#27ae6033;color:#27ae60">Silent</span><span class="text-xs text-gray-500 capitalize">power</span></div><p class="text-xs text-gray-400 leading-relaxed line-clamp-3">Shivs deal 4 additional damage.</p></div></div><div class="group bg-gray-900 border border-gray-800 hover:border-gray-600 rounded-xl overflow-hidden transition-all hover:-translate-y-0.5"><div class="relative bg-gray-800 aspect-[3/4] flex items-center justify-center overflow-hidden"><img src="/images/cards/acrobatics.webp" alt="Acrobatics" class="w-full h-full object-cover" loading="lazy"/><div class="absolute top-2 left-2 w-7 h-7 rounded-full bg-gray-900/90 border border-gray-700 flex items-center justify-center text-xs font-bold text-amber-400">1</div><div class="absolute top-2 right-2 w-2.5 h-2.5 rounded-full" style="background-color:#95a5a6" title="common"></div></div><div class="p-3"><div class="flex items-start justify-between gap-1 mb-1"><h3 class="text-sm font-semibold text-white leading-tight">Acrobatics</h3></div><div class="flex items-center gap-1.5 mb-2"><span class="text-xs px-1.5 py-0.5 rounded font-medium" style="background-color:#27ae6033;color:#27ae60">Silent</span><span class="text-xs text-gray-500 capitalize">skill</span></div><p class="text-xs text-gray-400 leading-relaxed line-clamp-3">Draw 3 cards. Discard 1 card.</p></div></div><div class="group bg-gray-900 border border-gray-800 hover:border-gray-600 rounded-xl overflow-hidden transition-all hover:-translate-y-0.5"><div class="relative bg-gray-800 aspect-[3/4] flex items-center justify-center overflow-hidden"><img src="/images/cards/adaptive_strike.webp" alt="Adaptive Strike" class="w-full h-full object-cover" loading="lazy"/><div class="absolute top-2 left-2 w-7 h-7 rounded-full bg-gray-900/90 border border-gray-700 flex items-center justify-center text-xs font-bold text-amber-400">2</div><div class="absolute top-2 right-2 w-2.5 h-2.5 rounded-full" style="background-color:#f39c12" title="rare"></div></div><div class="p-3"><div class="flex items-start justify-between gap-1 mb-1"><h3 class="text-sm font-semibold text-white leading-tight">Adaptive Strike</h3></div><div class="flex items-center gap-1.5 mb-2"><span class="text-xs px-1.5 py-0.5 rounded font-medium" style="background-color:#2980b933;color:#2980b9">Defect</span><span class="text-xs text-gray-500 capitalize">attack</span></div><p class="text-xs text-gray-400 leading-relaxed line-clamp-3">Deal 18 damage. Add a 0Energy copy of this card into your Discard Pile.</p></div></div><div class="group bg-gray-900 border border-gray-800 hover:border-gray-600 rounded-xl overflow-hidden transition-all hover:-translate-y-0.5"><div class="relative bg-gray-800 aspect-[3/4] flex items-center justify-center overflow-hidden"><img src="/images/cards/adrenaline.webp" alt="Adrenaline" class="w-full h-full object-cover" loading="lazy"/><div class="absolute top-2 left-2 w-7 h-7 rounded-full bg-gray-900/90 border border-gray-700 flex items-center justify-center text-xs font-bold text-amber-400">0</div><div class="absolute top-2 right-2 w-2.5 h-2.5 rounded-full" style="background-color:#f39c12" title="rare"></div></div><div class="p-3"><div class="flex items-start justify-between gap-1 mb-1"><h3 class="text-sm font-semibold text-white leading-tight">Adrenaline</h3></div><div class="flex items-center gap-1.5 mb-2"><span class="text-xs px-1.5 py-0.5 rounded font-medium" style="background-color:#27ae6033;color:#27ae60">Silent</span><span class="text-xs text-gray-500 capitalize">skill</span></div><p class="text-xs text-gray-400 leading-relaxed line-clamp-3">Gain Energy. Draw 2 cards. Exhaust.</p><div class="flex flex-wrap gap-1 mt-2"><span class="text-xs bg-gray-800 text-gray-400 px-1.5 py-0.5 rounded capitalize">exhaust</span></div></div></div><div class="group bg-gray-900 border border-gray-800 hover:border-gray-600 rounded-xl overflow-hidden transition-all hover:-translate-y-0.5"><div class="relative bg-gray-800 aspect-[3/4] flex items-center justify-center overflow-hidden"><img src="/images/cards/afterimage.webp" alt="Afterimage" class="w-full h-full object-cover" loading="lazy"/><div class="absolute top-2 left-2 w-7 h-7 rounded-full bg-gray-900/90 border border-gray-700 flex items-center justify-center text-xs font-bold text-amber-400">1</div><div class="absolute top-2 right-2 w-2.5 h-2.5 rounded-full" style="background-color:#f39c12" title="rare"></div></div><div class="p-3"><div class="flex items-start justify-between gap-1 mb-1"><h3 class="text-sm font-semibold text-white leading-tight">Afterimage</h3></div><div class="flex items-center gap-1.5 mb-2"><span class="text-xs px-1.5 py-0.5 rounded font-medium" style="background-color:#27ae6033;color:#27ae60">Silent</span><span class="text-xs text-gray-500 capitalize">
1power</span></div><p class="text-xs text-gray-400 leading-relaxed line-clamp-3">Whenever you play a card, gain 1 Block.</p><div class="flex flex-wrap gap-1 mt-2"><span class="text-xs bg-gray-800 text-gray-400 px-1.5 py-0.5 rounded capitalize">block</span></div></div></div><div class="group bg-gray-900 border border-gray-800 hover:border-gray-600 rounded-xl overflow-hidden transition-all hover:-translate-y-0.5"><div class="relative bg-gray-800 aspect-[3/4] flex items-center justify-center overflow-hidden"><img src="/images/cards/afterlife.webp" alt="Afterlife" class="w-full h-full object-cover" loading="lazy"/><div class="absolute top-2 left-2 w-7 h-7 rounded-full bg-gray-900/90 border border-gray-700 flex items-center justify-center text-xs font-bold text-amber-400">1</div><div class="absolute top-2 right-2 w-2.5 h-2.5 rounded-full" style="background-color:#95a5a6" title="common"></div></div><div class="p-3"><div class="flex items-start justify-between gap-1 mb-1"><h3 class="text-sm font-semibold text-white leading-tight">Afterlife</h3></div><div class="flex items-center gap-1.5 mb-2"><span class="text-xs px-1.5 py-0.5 rounded font-medium" style="background-color:#2c3e5033;color:#2c3e50">Necrobinder</span><span class="text-xs text-gray-500 capitalize">skill</span></div><p class="text-xs text-gray-400 leading-relaxed line-clamp-3">Summon 6. Exhaust.</p><div class="flex flex-wrap gap-1 mt-2"><span class="text-xs bg-gray-800 text-gray-400 px-1.5 py-0.5 rounded capitalize">summon</span><span class="text-xs bg-gray-800 text-gray-400 px-1.5 py-0.5 rounded capitalize">exhaust</span></div><div class="flex flex-wrap gap-1 mt-2"><span class="text-xs bg-amber-500/20 text-amber-400 px-1.5 py-0.5 rounded border border-amber-500/30">ð</span></div></div></div><div class="group bg-gray-900 border border-gray-800 hover:border-gray-600 rounded-xl overflow-hidden transition-all hover:-translate-y-0.5"><div class="relative bg-gray-800 aspect-[3/4] flex items-center justify-center overflow-hidden"><img src="/images/cards/aggression.webp" alt="Aggression" class="w-full h-full object-cover" loading="lazy"/><div class="absolute top-2 left-2 w-7 h-7 rounded-full bg-gray-900/90 border border-gray-700 flex items-center justify-center text-xs font-bold text-amber-400">1</div><div class="absolute top-2 right-2 w-2.5 h-2.5 rounded-full" style="background-color:#f39c12" title="rare"></div></div><div class="p-3"><div class="flex items-start justify-between gap-1 mb-1"><h3 class="text-sm font-semibold text-white leading-tight">Aggression</h3></div><div class="flex items-center gap-1.5 mb-2"><span class="text-xs px-1.5 py-0.5 rounded font-medium" style="background-color:#c0392b33;color:#c0392b">Ironclad</span><span class="text-xs text-gray-500 capitalize">power</span></div><p class="text-xs text-gray-400 leading-relaxed line-clamp-3">At the start of your turn, put a random Attack from your Discard Pile into your Hand and Upgrade it.</p></div></div><div class="group bg-gray-900 border border-gray-800 hover:border-gray-600 rounded-xl overflow-hidden transition-all hover:-translate-y-0.5"><div class="relative bg-gray-800 aspect-[3/4] flex items-center justify-center overflow-hidden"><img src="/images/cards/alchemize.webp" alt="Alchemize" class="w-full h-full object-cover" loading="lazy"/><div class="absolute top-2 left-2 w-7 h-7 rounded-full bg-gray-900/90 border border-gray-700 flex items-center justify-center text-xs font-bold text-amber-400">1</div><div class="absolute top-2 right-2 w-2.5 h-2.5 rounded-full" style="background-color:#f39c12" title="rare"></div></div><div class="p-3"><div class="flex items-start justify-between gap-1 mb-1"><h3 class="text-sm font-semibold text-white leading-tight">Alchemize</h3></div><div class="flex items-center gap-1.5 mb-2"><span class="text-xs px-1.5 py-0.5 rounded font-medium" style="background-color:#7f8c8d33;color:#7f8c8d">Colorless</span><span class="text-xs text-gray-500 capitalize">skill</span></div><p class="text-xs text-gray-400 leading-relaxed line-clamp-3">Procure a random potion. Exhaust.</p><div class="flex flex-wrap gap-1 mt-2"><span class="text-xs bg-gray-800 text-gray-400 px-1.5 py-0.5 rounded capitalize">exhaust</span></div></div></div><div class="group bg-gray-900 border border-gray-800 hover:border-gray-600 rounded-xl overflow-hidden transition-all hover:-translate-y-0.5"><div class="relative bg-gray-800 aspect-[3/4] flex items-center justify-center overflow-hidden"><img src="/images/cards/alignment.webp" alt="Alignment" class="w-full h-full object-cover" loading="lazy"/><div class="absolute top-2 left-2 w-7 h-7 rounded-full bg-gray-900/90 border border-gray-700 flex items-center justify-center text-xs font-bold text-amber-400">1</div><div class="absolute top-2 right-2 w-2.5 h-2.5 rounded-full" style="background-color:#27ae60" title="uncommon"></div></div><div class="p-3"><div class="flex items-start justify-between gap-1 mb-1"><h3 class="text-sm font-semibold text-white leading-tight">Alignment</h3></div><div class="flex items-center gap-1.5 mb-2"><span class="text-xs px-1.5 py-0.5 rounded font-medium" style="background-color:#8e44ad33;color:#8e44ad">Regent</span><span class="text-xs text-gray-500 capitalize">skill</span></div><p class="text-xs text-gray-400 leading-relaxed line-clamp-3">Gain EnergyEnergy.</p><div class="flex flex-wrap gap-1 mt-2"><span class="text-xs bg-amber-500/20 text-amber-400 px-1.5 py-0.5 rounded border border-amber-500/30">ð</span></div></div></div><div class="group bg-gray-900 border border-gray-800 hover:border-gray-600 rounded-xl overflow-hidden transition-all hover:-translate-y-0.5"><div class="relative bg-gray-800 aspect-[3/4] flex items-center justify-center overflow-hidden"><img src="/images/cards/all_for_one.webp" alt="All for One" class="w-full h-full object-cover" loading="lazy"/><div class="absolute top-2 left-2 w-7 h-7 rounded-full bg-gray-900/90 border border-gray-700 flex items-center justify-center text-xs font-bold text-amber-400">2</div><div class="absolute top-2 right-2 w-2.5 h-2.5 rounded-full" style="background-color:#f39c12" title="rare"></div></div><div class="p-3"><div class="flex items-start justify-between gap-1 mb-1"><h3 class="text-sm font-semibold text-white leading-tight">All for One</h3></div><div class="flex items-center gap-1.5 mb-2"><span class="text-xs px-1.5 py-0.5 rounded font-medium" style="background-color:#2980b933;color:#2980b9">Defect</span><span class="text-xs text-gray-500 capitalize">attack</span></div><p class="text-xs text-gray-400 leading-relaxed line-clamp-3">Deal 10 damage. Put ALL 0Energy cards from your Discard Pile into your Hand.</p></div></div><div class="group bg-gray-900 border border-gray-800 hover:border-gray-600 rounded-xl overflow-hidden transition-all hover:-translate-y-0.5"><div class="relative bg-gray-800 aspect-[3/4] flex items-center justify-center overflow-hidden"><img src="/images/cards/anger.webp" alt="Anger" class="w-full h-full object-cover" loading="lazy"/><div class="absolute top-2 left-2 w-7 h-7 rounded-full bg-gray-900/90 border border-gray-700 flex items-center justify-center text-xs font-bold text-amber-400">0</div><div class="absolute top-2 right-2 w-2.5 h-2.5 rounded-full" style="background-color:#95a5a6" title="common"></div></div><div class="p-3"><div class="flex items-start justify-between gap-1 mb-1"><h3 class="text-sm font-semibold text-white leading-tight">Anger</h3></div><div class="flex items-center gap-1.5 mb-2"><span class="text-xs px-1.5 py-0.5 rounded font-medium" style="background-color:#c0392b33;color:#c0392b">Ironclad</span><span class="text-xs text-gray-500 capitalize">attack</span></div><p class="text-xs text-gray-400 leading-relaxed line-clamp-3">Deal 6 damage. Add a copy of this card into your Discard Pile.</p></div></div><div class="group bg-gray-900 border border-gray-800 hover:border-gray-600 rounded-xl overflow-hidden transition-all hover:-translate-y-0.5"><div class="relative bg-gray-800 aspect-[3/4] flex items-center justify-center overflow-hidden"><img src="/images/cards/anointed.webp" alt="Anointed" class="w-full h-full object-cover" loading="lazy"/><div class="absolute top-2 left-2 w-7 h-7 rounded-full bg-gray-900/90 border border-gray-700 flex items-center justify-center text-xs font-bold text-amber-400">1</div><div class="absolute top-2 right-2 w-2.5 h-2.5 rounded-full" style="background-color:#f39c12" title="rare"></div></div><div class="p-3"><div class="flex items-start justify-between gap-1 mb-1"><h3 class="text-sm font-semibold text-white leading-tight">Anointed</h3></div><div class="flex items-center gap-1.5 mb-2"><span class="text-xs px-1.5 py-0.5 rounded font-medium" style="background-color:#7f8c8d33;color:#7f8c8d">Colorless</span><span class="text-xs text-gray-500 capitalize">skill</span></div><p class="text-xs text-gray-400 leading-relaxed line-clamp-3">Put every Rare card from your Draw Pile into your Hand. Exhaust.</p><div class="flex flex-wrap gap-1 mt-2"><span class="text-xs bg-gray-800 text-gray-400 px-1.5 py-0.5 rounded capitalize">exhaust</span></div></div></div><div class="group bg-gray-900 border border-gray-800 hover:border-gray-600 rounded-xl overflow-hidden transition-all hover:-translate-y-0.5"><div class="relative bg-gray-800 aspect-[3/4] flex items-center justify-center overflow-hidden"><img src="/images/cards/anticipate.webp" alt="Anticipate" class="w-full h-full object-cover" loading="lazy"/><div class="absolute top-2 left-2 w-7 h-7 rounded-full bg-gray-900/90 border border-gray-700 flex items-center justify-center text-xs font-bold text-amber-400">0</div><div class="absolute top-2 right-2 w-2.5 h-2.5 rounded-full" style="background-color:#95a5a6" title="common"></div></div><div class="p-3"><div class="flex items-start justify-between gap-1 mb-1"><h3 class="text-sm font-semibold text-white leading-tight">Anticipate</h3></div><div class="flex items-center gap-1.5 mb-2"><span class="text-xs px-1.5 py-0.5 rounded font-medium" style="background-color:#27ae6033;color:#27ae60">Silent</span><span class="text-xs text-gray-500 capitalize">skill</span></div><p class="text-xs text-gray-400 leading-relaxed line-clamp-3">Gain 3 Dexterity this turn.</p><div class="flex flex-wrap gap-1 mt-2"><span class="text-xs bg-gray-800 text-gray-400 px-1.5 py-0.5 rounded capitalize">dexterity</span></div></div></div><div class="group bg-gray-900 border border-gray-800 hover:border-gray-600 rounded-xl overflow-hidden transition-all hover:-translate-y-0.5"><div class="relative bg-gray-800 aspect-[3/4] flex items-center justify-center overflow-hidden"><img src="/images/cards/apotheosis.webp" alt="Apotheosis" class="w-full h-full object-cover" loading="lazy"/><div class="absolute top-2 left-2 w-7 h-7 rounded-full bg-gray-900/90 border border-gray-700 flex items-center justify-center text-xs font-bold text-amber-400">1</div><div class="absolute top-2 right-2 w-2.5 h-2.5 rounded-full" style="background-color:#f39c12" title="rare"></div></div><div class="p-3"><div class="flex items-start justify-between gap-1 mb-1"><h3 class="text-sm font-semibold text-white leading-tight">Apotheosis</h3></div><div class="flex items-center gap-1.5 mb-2"><span class="text-xs px-1.5 py-0.5 rounded font-medium" style="background-color:#7f8c8d33;color:#7f8c8d">Colorless</span><span class="text-xs text-gray-500 capitalize">skill</span></div><p class="text-xs text-gray-400 leading-relaxed line-clamp-3">Innate. Upgrade ALL your cards. Exhaust.</p><div class="flex flex-wrap gap-1 mt-2"><span class="text-xs bg-gray-800 text-gray-400 px-1.5 py-0.5 rounded capitalize">exhaust</span><span class="text-xs bg-gray-800 text-gray-400 px-1.5 py-0.5 rounded capitalize">innate</span></div></div></div><div class="group bg-gray-900 border border-gray-800 hover:border-gray-600 rounded-xl overflow-hidden transition-all hover:-translate-y-0.5"><div class="relative bg-gray-800 aspect-[3/4] flex items-center justify-center overflow-hidden"><img src="/images/cards/apparition.webp" alt="Apparition" class="w-full h-full object-cover" loading="lazy"/><div class="absolute top-2 left-2 w-7 h-7 rounded-full bg-gray-900/90 border border-gray-700 flex items-center justify-center text-xs font-bold text-amber-400">1</div><div class="absolute top-2 right-2 w-2.5 h-2.5 rounded-full" style="background-color:#e74
1c3c" title="special"></div></div><div class="p-3"><div class="flex items-start justify-between gap-1 mb-1"><h3 class="text-sm font-semibold text-white leading-tight">Apparition</h3></div><div class="flex items-center gap-1.5 mb-2"><span class="text-xs px-1.5 py-0.5 rounded font-medium" style="background-color:#7f8c8d33;color:#7f8c8d">Colorless</span><span class="text-xs text-gray-500 capitalize">skill</span></div><p class="text-xs text-gray-400 leading-relaxed line-clamp-3">Ethereal. Gain 1 Intangible. Exhaust.</p><div class="flex flex-wrap gap-1 mt-2"><span class="text-xs bg-gray-800 text-gray-400 px-1.5 py-0.5 rounded capitalize">exhaust</span><span class="text-xs bg-gray-800 text-gray-400 px-1.5 py-0.5 rounded capitalize">ethereal</span></div></div></div><div class="group bg-gray-900 border border-gray-800 hover:border-gray-600 rounded-xl overflow-hidden transition-all hover:-translate-y-0.5"><div class="relative bg-gray-800 aspect-[3/4] flex items-center justify-center overflow-hidden"><img src="/images/cards/armaments.webp" alt="Armaments" class="w-full h-full object-cover" loading="lazy"/><div class="absolute top-2 left-2 w-7 h-7 rounded-full bg-gray-900/90 border border-gray-700 flex items-center justify-center text-xs font-bold text-amber-400">1</div><div class="absolute top-2 right-2 w-2.5 h-2.5 rounded-full" style="background-color:#95a5a6" title="common"></div></div><div class="p-3"><div class="flex items-start justify-between gap-1 mb-1"><h3 class="text-sm font-semibold text-white leading-tight">Armaments</h3></div><div class="flex items-center gap-1.5 mb-2"><span class="text-xs px-1.5 py-0.5 rounded font-medium" style="background-color:#c0392b33;color:#c0392b">Ironclad</span><span class="text-xs text-gray-500 capitalize">skill</span></div><p class="text-xs text-gray-400 leading-relaxed line-clamp-3">Gain 5 Block. Upgrade a card in your Hand.</p><div class="flex flex-wrap gap-1 mt-2"><span class="text-xs bg-gray-800 text-gray-400 px-1.5 py-0.5 rounded capitalize">block</span></div></div></div><div class="group bg-gray-900 border border-gray-800 hover:border-gray-600 rounded-xl overflow-hidden transition-all hover:-translate-y-0.5"><div class="relative bg-gray-800 aspect-[3/4] flex items-center justify-center overflow-hidden"><img src="/images/cards/arsenal.webp" alt="Arsenal" class="w-full h-full object-cover" loading="lazy"/><div class="absolute top-2 left-2 w-7 h-7 rounded-full bg-gray-900/90 border border-gray-700 flex items-center justify-center text-xs font-bold text-amber-400">1</div><div class="absolute top-2 right-2 w-2.5 h-2.5 rounded-full" style="background-color:#f39c12" title="rare"></div></div><div class="p-3"><div class="flex items-start justify-between gap-1 mb-1"><h3 class="text-sm font-semibold text-white leading-tight">Arsenal</h3></div><div class="flex items-center gap-1.5 mb-2"><span class="text-xs px-1.5 py-0.5 rounded font-medium" style="background-color:#8e44ad33;color:#8e44ad">Regent</span><span class="text-xs text-gray-500 capitalize">power</span></div><p class="text-xs text-gray-400 leading-relaxed line-clamp-3">Whenever you play a Colorless card, gain 1 Strength.</p><div class="flex flex-wrap gap-1 mt-2"><span class="text-xs bg-gray-800 text-gray-400 px-1.5 py-0.5 rounded capitalize">strength</span></div><div class="flex flex-wrap gap-1 mt-2"><span class="text-xs bg-amber-500/20 text-amber-400 px-1.5 py-0.5 rounded border border-amber-500/30">ð</span></div></div></div><div class="group bg-gray-900 border border-gray-800 hover:border-gray-600 rounded-xl overflow-hidden transition-all hover:-translate-y-0.5"><div class="relative bg-gray-800 aspect-[3/4] flex items-center justify-center overflow-hidden"><img src="/images/cards/ascenders_bane.webp" alt="Ascender's Bane" class="w-full h-full object-cover" loading="lazy"/><div class="absolute top-2 left-2 w-7 h-7 rounded-full bg-gray-900/90 border border-gray-700 flex items-center justify-center text-xs font-bold text-amber-400">1</div><div class="absolute top-2 right-2 w-2.5 h-2.5 rounded-full" style="background-color:#e74c3c" title="special"></div></div><div class="p-3"><div class="flex items-start justify-between gap-1 mb-1"><h3 class="text-sm font-semibold text-white leading-tight">Ascender's Bane</h3></div><div class="flex items-center gap-1.5 mb-2"><span class="text-xs px-1.5 py-0.5 rounded font-medium" style="background-color:#7f8c8d33;color:#7f8c8d">Colorless</span><span class="text-xs text-gray-500 capitalize">skill</span></div><p class="text-xs text-gray-400 leading-relaxed line-clamp-3">Unplayable. Ethereal. Eternal.</p><div class="flex flex-wrap gap-1 mt-2"><span class="text-xs bg-gray-800 text-gray-400 px-1.5 py-0.5 rounded capitalize">ethereal</span></div></div></div><div class="group bg-gray-900 border border-gray-800 hover:border-gray-600 rounded-xl overflow-hidden transition-all hover:-translate-y-0.5"><div class="relative bg-gray-800 aspect-[3/4] flex items-center justify-center overflow-hidden"><img src="/images/cards/ashen_strike.webp" alt="Ashen Strike" class="w-full h-full object-cover" loading="lazy"/><div class="absolute top-2 left-2 w-7 h-7 rounded-full bg-gray-900/90 border border-gray-700 flex items-center justify-center text-xs font-bold text-amber-400">1</div><div class="absolute top-2 right-2 w-2.5 h-2.5 rounded-full" style="background-color:#27ae60" title="uncommon"></div></div><div class="p-3"><div class="flex items-start justify-between gap-1 mb-1"><h3 class="text-sm font-semibold text-white leading-tight">Ashen Strike</h3></div><div class="flex items-center gap-1.5 mb-2"><span class="text-xs px-1.5 py-0.5 rounded font-medium" style="background-color:#c0392b33;color:#c0392b">Ironclad</span><span class="text-xs text-gray-500 capitalize">attack</span></div><p class="text-xs text-gray-400 leading-relaxed line-clamp-3">Deal 6 damage. Deals 3 additional damage for each card in your Exhaust Pile.</p><div class="flex flex-wrap gap-1 mt-2"><span class="text-xs bg-gray-800 text-gray-400 px-1.5 py-0.5 rounded capitalize">exhaust</span></div></div></div><div class="group bg-gray-900 border border-gray-800 hover:border-gray-600 rounded-xl overflow-hidden transition-all hover:-translate-y-0.5"><div class="relative bg-gray-800 aspect-[3/4] flex items-center justify-center overflow-hidden"><img src="/images/cards/assassinate.webp" alt="Assassinate" class="w-full h-full object-cover" loading="lazy"/><div class="absolute top-2 left-2 w-7 h-7 rounded-full bg-gray-900/90 border border-gray-700 flex items-center justify-center text-xs font-bold text-amber-400">0</div><div class="absolute top-2 right-2 w-2.5 h-2.5 rounded-full" style="background-color:#f39c12" title="rare"></div></div><div class="p-3"><div class="flex items-start justify-between gap-1 mb-1"><h3 class="text-sm font-semibold text-white leading-tight">Assassinate</h3></div><div class="flex items-center gap-1.5 mb-2"><span class="text-xs px-1.5 py-0.5 rounded font-medium" style="background-color:#27ae6033;color:#27ae60">Silent</span><span class="text-xs text-gray-500 capitalize">attack</span></div><p class="text-xs text-gray-400 leading-relaxed line-clamp-3">Innate. Deal 10 damage. Apply 1 Vulnerable. Exhaust.</p><div class="flex flex-wrap gap-1 mt-2"><span class="text-xs bg-gray-800 text-gray-400 px-1.5 py-0.5 rounded capitalize">exhaust</span><span class="text-xs bg-gray-800 text-gray-400 px-1.5 py-0.5 rounded capitalize">innate</span><span class="text-xs bg-gray-800 text-gray-400 px-1.5 py-0.5 rounded capitalize">vulnerable</span></div></div></div><div class="group bg-gray-900 border border-gray-800 hover:border-gray-600 rounded-xl overflow-hidden transition-all hover:-translate-y-0.5"><div class="relative bg-gray-800 aspect-[3/4] flex items-center justify-center overflow-hidden"><img src="/images/cards/astral_pulse.webp" alt="Astral Pulse" class="w-full h-full object-cover" loading="lazy"/><div class="absolute top-2 left-2 w-7 h-7 rounded-full bg-gray-900/90 border border-gray-700 flex items-center justify-center text-xs font-bold text-amber-400">1</div><div class="absolute top-2 right-2 w-2.5 h-2.5 rounded-full" style="background-color:#95a5a6" title="common"></div></div><div class="p-3"><div class="flex items-start justify-between gap-1 mb-1"><h3 class="text-sm font-semibold text-white leading-tight">Astral Pulse</h3></div><div class="flex items-center gap-1.5 mb-2"><span class="text-xs px-1.5 py-0.5 rounded font-medium" style="background-color:#8e44ad33;color:#8e44ad">Regent</span><span class="text-xs text-gray-500 capitalize">attack</span></div><p class="text-xs text-gray-400 leading-relaxed line-clamp-3">Deal 14 damage to ALL enemies.</p><div class="flex flex-wrap gap-1 mt-2"><span class="text-xs bg-amber-500/20 text-amber-400 px-1.5 py-0.5 rounded border border-amber-500/30">ð</span></div></div></div><div class="group bg-gray-900 border border-gray-800 hover:border-gray-600 rounded-xl overflow-hidden transition-all hover:-translate-y-0.5"><div class="relative bg-gray-800 aspect-[3/4] flex items-center justify-center overflow-hidden"><img src="/images/cards/automation.webp" alt="Automation" class="w-full h-full object-cover" loading="lazy"/><div class="absolute top-2 left-2 w-7 h-7 rounded-full bg-gray-900/90 border border-gray-700 flex items-center justify-center text-xs font-bold text-amber-400">1</div><div class="absolute top-2 right-2 w-2.5 h-2.5 rounded-full" style="background-color:#27ae60" title="uncommon"></div></div><div class="p-3"><div class="flex items-start justify-between gap-1 mb-1"><h3 class="text-sm font-semibold text-white leading-tight">Automation</h3></div><div class="flex items-center gap-1.5 mb-2"><span class="text-xs px-1.5 py-0.5 rounded font-medium" style="background-color:#7f8c8d33;color:#7f8c8d">Colorless</span><span class="text-xs text-gray-500 capitalize">
1power</span></div><p class="text-xs text-gray-400 leading-relaxed line-clamp-3">Every 10 cards you draw, gain Energy.</p></div></div><div class="group bg-gray-900 border border-gray-800 hover:border-gray-600 rounded-xl overflow-hidden transition-all hover:-translate-y-0.5"><div class="relative bg-gray-800 aspect-[3/4] flex items-center justify-center overflow-hidden"><img src="/images/cards/backflip.webp" alt="Backflip" class="w-full h-full object-cover" loading="lazy"/><div class="absolute top-2 left-2 w-7 h-7 rounded-full bg-gray-900/90 border border-gray-700 flex items-center justify-center text-xs font-bold text-amber-400">1</div><div class="absolute top-2 right-2 w-2.5 h-2.5 rounded-full" style="background-color:#95a5a6" title="common"></div></div><div class="p-3"><div class="flex items-start justify-between gap-1 mb-1"><h3 class="text-sm font-semibold text-white leading-tight">Backflip</h3></div><div class="flex items-center gap-1.5 mb-2"><span class="text-xs px-1.5 py-0.5 rounded font-medium" style="background-color:#27ae6033;color:#27ae60">Silent</span><span class="text-xs text-gray-500 capitalize">skill</span></div><p class="text-xs text-gray-400 leading-relaxed line-clamp-3">Gain 5 Block. Draw 2 cards.</p><div class="flex flex-wrap gap-1 mt-2"><span class="text-xs bg-gray-800 text-gray-400 px-1.5 py-0.5 rounded capitalize">block</span></div></div></div><div class="group bg-gray-900 border border-gray-800 hover:border-gray-600 rounded-xl overflow-hidden transition-all hover:-translate-y-0.5"><div class="relative bg-gray-800 aspect-[3/4] flex items-center justify-center overflow-hidden"><img src="/images/cards/backstab.webp" alt="Backstab" class="w-full h-full object-cover" loading="lazy"/><div class="absolute top-2 left-2 w-7 h-7 rounded-full bg-gray-900/90 border border-gray-700 flex items-center justify-center text-xs font-bold text-amber-400">0</div><div class="absolute top-2 right-2 w-2.5 h-2.5 rounded-full" style="background-color:#27ae60" title="uncommon"></div></div><div class="p-3"><div class="flex items-start justify-between gap-1 mb-1"><h3 class="text-sm font-semibold text-white leading-tight">Backstab</h3></div><div class="flex items-center gap-1.5 mb-2"><span class="text-xs px-1.5 py-0.5 rounded font-medium" style="background-color:#27ae6033;color:#27ae60">Silent</span><span class="text-xs text-gray-500 capitalize">attack</span></div><p class="text-xs text-gray-400 leading-relaxed line-clamp-3">Innate. Deal 11 damage. Exhaust.</p><div class="flex flex-wrap gap-1 mt-2"><span class="text-xs bg-gray-800 text-gray-400 px-1.5 py-0.5 rounded capitalize">exhaust</span><span class="text-xs bg-gray-800 text-gray-400 px-1.5 py-0.5 rounded capitalize">innate</span></div></div></div><div class="group bg-gray-900 border border-gray-800 hover:border-gray-600 rounded-xl overflow-hidden transition-all hover:-translate-y-0.5"><div class="relative bg-gray-800 aspect-[3/4] flex items-center justify-center overflow-hidden"><img src="/images/cards/bad_luck.webp" alt="Bad Luck" class="w-full h-full object-cover" loading="lazy"/><div class="absolute top-2 left-2 w-7 h-7 rounded-full bg-gray-900/90 border border-gray-700 flex items-center justify-center text-xs font-bold text-amber-400">1</div><div class="absolute top-2 right-2 w-2.5 h-2.5 rounded-full" style="background-color:#e74c3c" title="special"></div></div><div class="p-3"><div class="flex items-start justify-between gap-1 mb-1"><h3 class="text-sm font-semibold text-white leading-tight">Bad Luck</h3></div><div class="flex items-center gap-1.5 mb-2"><span class="text-xs px-1.5 py-0.5 rounded font-medium" style="background-color:#7f8c8d33;color:#7f8c8d">Colorless</span><span class="text-xs text-gray-500 capitalize">skill</span></div><p class="text-xs text-gray-400 leading-relaxed line-clamp-3">Unplayable. At the end of your turn, if this is in your Hand, lose 13 HP. Eternal.</p></div></div><div class="group bg-gray-900 border border-gray-800 hover:border-gray-600 rounded-xl overflow-hidden transition-all hover:-translate-y-0.5"><div class="relative bg-gray-800 aspect-[3/4] flex items-center justify-center overflow-hidden"><img src="/images/cards/ball_lightning.webp" alt="Ball Lightning" class="w-full h-full object-cover" loading="lazy"/><div class="absolute top-2 left-2 w-7 h-7 rounded-full bg-gray-900/90 border border-gray-700 flex items-center justify-center text-xs font-bold text-amber-400">1</div><div class="absolute top-2 right-2 w-2.5 h-2.5 rounded-full" style="background-color:#95a5a6" title="common"></div></div><div class="p-3"><div class="flex items-start justify-between gap-1 mb-1"><h3 class="text-sm font-semibold text-white leading-tight">Ball Lightning</h3></div><div class="flex items-center gap-1.5 mb-2"><span class="text-xs px-1.5 py-0.5 rounded font-medium" style="background-color:#2980b933;color:#2980b9">Defect</span><span class="text-xs text-gray-500 capitalize">attack</span></div><p class="text-xs text-gray-400 leading-relaxed line-clamp-3">Deal 7 damage. Channel 1 Lightning.</p></div></div><div class="group bg-gray-900 border border-gray-800 hover:border-gray-600 rounded-xl overflow-hidden transition-all hover:-translate-y-0.5"><div class="relative bg-gray-800 aspect-[3/4] flex items-center justify-center overflow-hidden"><img src="/images/cards/banshees_cry.webp" alt="Banshee's Cry" class="w-full h-full object-cover" loading="lazy"/><div class="absolute top-2 left-2 w-7 h-7 rounded-full bg-gray-900/90 border border-gray-700 flex items-center justify-center text-xs font-bold text-amber-400">1</div><div class="absolute top-2 right-2 w-2.5 h-2.5 rounded-full" style="background-color:#f39c12" title="rare"></div></div><div class="p-3"><div class="flex items-start justify-between gap-1 mb-1"><h3 class="text-sm font-semibold text-white leading-tight">Banshee's Cry</h3></div><div class="flex items-center gap-1.5 mb-2"><span class="text-xs px-1.5 py-0.5 rounded font-medium" style="background-color:#2c3e5033;color:#2c3e50">Necrobinder</span><span class="text-xs text-gray-500 capitalize">attack</span></div><p class="text-xs text-gray-400 leading-relaxed line-clamp-3">Deal 33 damage to ALL enemies. Costs EnergyEnergy less for each Ethereal card played this combat.</p><div class="flex flex-wrap gap-1 mt-2"><span class="text-xs bg-gray-800 text-gray-400 px-1.5 py-0.5 rounded capitalize">ethereal</span></div><div class="flex flex-wrap gap-1 mt-2"><span class="text-xs bg-amber-500/20 text-amber-400 px-1.5 py-0.5 rounded border border-amber-500/30">ð</span></div></div></div><div class="group bg-gray-900 border border-gray-800 hover:border-gray-600 rounded-xl overflow-hidden transition-all hover:-translate-y-0.5"><div class="relative bg-gray-800 aspect-[3/4] flex items-center justify-center overflow-hidden"><img src="/images/cards/barrage.webp" alt="Barrage" class="w-full h-full object-cover" loading="lazy"/><div class="absolute top-2 left-2 w-7 h-7 rounded-full bg-gray-900/90 border border-gray-700 flex items-center justify-center text-xs font-bold text-amber-400">1</div><div class="absolute top-2 right-2 w-2.5 h-2.5 rounded-full" style="background-color:#95a5a6" title="common"></div></div><div class="p-3"><div class="flex items-start justify-between gap-1 mb-1"><h3 class="text-sm font-semibold text-white leading-tight">Barrage</h3></div><div class="flex items-center gap-1.5 mb-2"><span class="text-xs px-1.5 py-0.5 rounded font-medium" style="background-color:#2980b933;color:#2980b9">Defect</span><span class="text-xs text-gray-500 capitalize">attack</span></div><p class="text-xs text-gray-400 leading-relaxed line-clamp-3">Deal 5 damage for each Channeled Orb.</p></div></div><div class="group bg-gray-900 border border-gray-800 hover:border-gray-600 rounded-xl overflow-hidden transition-all hover:-translate-y-0.5"><div class="relative bg-gray-800 aspect-[3/4] flex items-center justify-center overflow-hidden"><img src="/images/cards/barricade.webp" alt="Barricade" class="w-full h-full object-cover" loading="lazy"/><div class="absolute top-2 left-2 w-7 h-7 rounded-full bg-gray-900/90 border border-gray-700 flex items-center justify-center text-xs font-bold text-amber-400">3</div><div class="absolute top-2 right-2 w-2.5 h-2.5 rounded-full" style="background-color:#f39c12" title="rare"></div></div><div class="p-3"><div class="flex items-start justify-between gap-1 mb-1"><h3 class="text-sm font-semibold text-white leading-tight">Barricade</h3></div><div class="flex items-center gap-1.5 mb-2"><span class="text-xs px-1.5 py-0.5 rounded font-medium" style="background-color:#c0392b33;color:#c0392b">Ironclad</span><span class="text-xs text-gray-500 capitalize">
1power</span></div><p class="text-xs text-gray-400 leading-relaxed line-clamp-3">Block is not removed at the start of your turn.</p><div class="flex flex-wrap gap-1 mt-2"><span class="text-xs bg-gray-800 text-gray-400 px-1.5 py-0.5 rounded capitalize">block</span></div></div></div><div class="group bg-gray-900 border border-gray-800 hover:border-gray-600 rounded-xl overflow-hidden transition-all hover:-translate-y-0.5"><div class="relative bg-gray-800 aspect-[3/4] flex items-center justify-center overflow-hidden"><img src="/images/cards/bash.webp" alt="Bash" class="w-full h-full object-cover" loading="lazy"/><div class="absolute top-2 left-2 w-7 h-7 rounded-full bg-gray-900/90 border border-gray-700 flex items-center justify-center text-xs font-bold text-amber-400">2</div><div class="absolute top-2 right-2 w-2.5 h-2.5 rounded-full" style="background-color:#95a5a6" title="common"></div></div><div class="p-3"><div class="flex items-start justify-between gap-1 mb-1"><h3 class="text-sm font-semibold text-white leading-tight">Bash</h3></div><div class="flex items-center gap-1.5 mb-2"><span class="text-xs px-1.5 py-0.5 rounded font-medium" style="background-color:#c0392b33;color:#c0392b">Ironclad</span><span class="text-xs text-gray-500 capitalize">attack</span></div><p class="text-xs text-gray-400 leading-relaxed line-clamp-3">Deal 8 damage. Apply 2 Vulnerable.</p><div class="flex flex-wrap gap-1 mt-2"><span class="text-xs bg-gray-800 text-gray-400 px-1.5 py-0.5 rounded capitalize">vulnerable</span></div></div></div><div class="group bg-gray-900 border border-gray-800 hover:border-gray-600 rounded-xl overflow-hidden transition-all hover:-translate-y-0.5"><div class="relative bg-gray-800 aspect-[3/4] flex items-center justify-center overflow-hidden"><img src="/images/cards/battle_trance.webp" alt="Battle Trance" class="w-full h-full object-cover" loading="lazy"/><div class="absolute top-2 left-2 w-7 h-7 rounded-full bg-gray-900/90 border border-gray-700 flex items-center justify-center text-xs font-bold text-amber-400">0</div><div class="absolute top-2 right-2 w-2.5 h-2.5 rounded-full" style="background-color:#27ae60" title="uncommon"></div></div><div class="p-3"><div class="flex items-start justify-between gap-1 mb-1"><h3 class="text-sm font-semibold text-white leading-tight">Battle Trance</h3></div><div class="flex items-center gap-1.5 mb-2"><span class="text-xs px-1.5 py-0.5 rounded font-medium" style="background-color:#c0392b33;color:#c0392b">Ironclad</span><span class="text-xs text-gray-500 capitalize">skill</span></div><p class="text-xs text-gray-400 leading-relaxed line-clamp-3">Draw 3 cards. You cannot draw additional cards this turn.</p></div></div><div class="group bg-gray-900 border border-gray-800 hover:border-gray-600 rounded-xl overflow-hidden transition-all hover:-translate-y-0.5"><div class="relative bg-gray-800 aspect-[3/4] flex items-center justify-center overflow-hidden"><img src="/images/cards/beacon_of_hope.webp" alt="Beacon of Hope" class="w-full h-full object-cover" loading="lazy"/><div class="absolute top-2 left-2 w-7 h-7 rounded-full bg-gray-900/90 border border-gray-700 flex items-center justify-center text-xs font-bold text-amber-400">1</div><div class="absolute top-2 right-2 w-2.5 h-2.5 rounded-full" style="background-color:#f39c12" title="rare"></div></div><div class="p-3"><div class="flex items-start justify-between gap-1 mb-1"><h3 class="text-sm font-semibold text-white leading-tight">Beacon of Hope</h3></div><div class="flex items-center gap-1.5 mb-2"><span class="text-xs px-1.5 py-0.5 rounded font-medium" style="background-color:#7f8c8d33;color:#7f8c8d">Colorless</span><span class="text-xs text-gray-500 capitalize">power</span></div><p class="text-xs text-gray-400 leading-relaxed line-clamp-3">Whenever you gain Block on your turn, other players gain half that much Block.</p><div class="flex flex-wrap gap-1 mt-2"><span class="text-xs bg-gray-800 text-gray-400 px-1.5 py-0.5 rounded capitalize">block</span></div><div class="flex flex-wrap gap-1 mt-2"><span class="text-xs bg-amber-500/20 text-amber-400 px-1.5 py-0.5 rounded border border-amber-500/30">ð¥</span></div></div></div><div class="group bg-gray-900 border border-gray-800 hover:border-gray-600 rounded-xl overflow-hidden transition-all hover:-translate-y-0.5"><div class="relative bg-gray-800 aspect-[3/4] flex items-center justify-center overflow-hidden"><img src="/images/cards/beam_cell.webp" alt="Beam Cell" class="w-full h-full object-cover" loading="lazy"/><div class="absolute top-2 left-2 w-7 h-7 rounded-full bg-gray-900/90 border border-gray-700 flex items-center justify-center text-xs font-bold text-amber-400">0</div><div class="absolute top-2 right-2 w-2.5 h-2.5 rounded-full" style="background-color:#95a5a6" title="common"></div></div><div class="p-3"><div class="flex items-start justify-between gap-1 mb-1"><h3 class="text-sm font-semibold text-white leading-tight">Beam Cell</h3></div><div class="flex items-center gap-1.5 mb-2"><span class="text-xs px-1.5 py-0.5 rounded font-medium" style="background-color:#2980b933;color:#2980b9">Defect</span><span class="text-xs text-gray-500 capitalize">attack</span></div><p class="text-xs text-gray-400 leading-relaxed line-clamp-3">Deal 3 damage. Apply 1 Vulnerable.</p><div class="flex flex-wrap gap-1 mt-2"><span class="text-xs bg-gray-800 text-gray-400 px-1.5 py-0.5 rounded capitalize">vulnerable</span></div></div></div><div class="group bg-gray-900 border border-gray-800 hover:border-gray-600 rounded-xl overflow-hidden transition-all hover:-translate-y-0.5"><div class="relative bg-gray-800 aspect-[3/4] flex items-center justify-center overflow-hidden"><img src="/images/cards/beat_down.webp" alt="Beat Down" class="w-full h-full object-cover" loading="lazy"/><div class="absolute top-2 left-2 w-7 h-7 rounded-full bg-gray-900/90 border border-gray-700 flex items-center justify-center text-xs font-bold text-amber-400">1</div><div class="absolute top-2 right-2 w-2.5 h-2.5 rounded-full" style="background-color:#f39c12" title="rare"></div></div><div class="p-3"><div class="flex items-start justify-between gap-1 mb-1"><h3 class="text-sm font-semibold text-white leading-tight">Beat Down</h3></div><div class="flex items-center gap-1.5 mb-2"><span class="text-xs px-1.5 py-0.5 rounded font-medium" style="background-color:#7f8c8d33;color:#7f8c8d">Colorless</span><span class="text-xs text-gray-500 capitalize">skill</span></div><p class="text-xs text-gray-400 leading-relaxed line-clamp-3">Play 3 random Attacks from your Discard Pile.</p></div></div><div class="group bg-gray-900 border border-gray-800 hover:border-gray-600 rounded-xl overflow-hidden transition-all hover:-translate-y-0.5"><div class="relative bg-gray-800 aspect-[3/4] flex items-center justify-center overflow-hidden"><img src="/images/cards/beat_into_shape.webp" alt="Beat into Shape" class="w-full h-full object-cover" loading="lazy"/><div class="absolute top-2 left-2 w-7 h-7 rounded-full bg-gray-900/90 border border-gray-700 flex items-center justify-center text-xs font-bold text-amber-400">1</div><div class="absolute top-2 right-2 w-2.5 h-2.5 rounded-full" style="background-color:#f39c12" title="rare"></div></div><div class="p-3"><div class="flex items-start justify-between gap-1 mb-1"><h3 class="text-sm font-semibold text-white leading-tight">Beat into Shape</h3></div><div class="flex items-center gap-1.5 mb-2"><span class="text-xs px-1.5 py-0.5 rounded font-medium" style="background-color:#8e44ad33;color:#8e44ad">Regent</span><span class="text-xs text-gray-500 capitalize">attack</span></div><p class="text-xs text-gray-400 leading-relaxed line-clamp-3">Deal 5 damage. Forge 5. Forges an additional 5 for every other time you've hit the enemy this turn.</p><div class="flex flex-wrap gap-1 mt-2"><span class="text-xs bg-amber-500/20 text-amber-400 px-1.5 py-0.5 rounded border border-amber-500/30">ð</span></div></div></div><div class="group bg-gray-900 border border-gray-800 hover:border-gray-600 rounded-xl overflow-hidden transition-all hover:-translate-y-0.5"><div class="relative bg-gray-800 aspect-[3/4] flex items-center justify-center overflow-hidden"><img src="/images/cards/beckon.webp" alt="Beckon" class="w-full h-full object-cover" loading="lazy"/><div class="absolute top-2 left-2 w-7 h-7 rounded-full bg-gray-900/90 border border-gray-700 flex items-center justify-center text-xs font-bold text-amber-400">1</div><div class="absolute top-2 right-2 w-2.5 h-2.5 rounded-full" style="background-color:#95a5a6" title="common"></div></div><div class="p-3"><div class="flex items-start justify-between gap-1 mb-1"><h3 class="text-sm font-semibold text-white leading-tight">Beckon</h3></div><div class="flex items-center gap-1.5 mb-2"><span class="text-xs px-1.5 py-0.5 rounded font-medium" style="background-color:#7f8c8d33;color:#7f8c8d">Colorless</span><span class="text-xs text-gray-500 capitalize">skill</span></div><p class="text-xs text-gray-400 leading-relaxed line-clamp-3">At the end of your turn, if this is in your Hand, lose 6 HP.</p></div></div><div class="group bg-gray-900 border border-gray-800 hover:border-gray-600 rounded-xl overflow-hidden transition-all hover:-translate-y-0.5"><div class="relative bg-gray-800 aspect-[3/4] flex items-center justify-center overflow-hidden"><img src="/images/cards/begone.webp" alt="BEGONE!" class="w-full h-full object-cover" loading="lazy"/><div class="absolute top-2 left-2 w-7 h-7 rounded-full bg-gray-900/90 border border-gray-700 flex items-center justify-center text-xs font-bold text-amber-400">1</div><div class="absolute top-2 right-2 w-2.5 h-2.5 rounded-full" style="background-color:#95a5a6" title="common"></div></div><div class="p-3"><div class="flex items-start justify-between gap-1 mb-1"><h3 class="text-sm font-semibold text-white leading-tight">BEGONE!</h3></div><div class="flex items-center gap-1.5 mb-2"><span class="text-xs px-1.5 py-0.5 rounded font-medium" style="background-color:#8e44ad33;color:#8e44ad">Regent</span><span class="text-xs text-gray-500 capitalize">attack</span></div><p class="text-xs text-gray-400 leading-relaxed line-clamp-3">Deal 4 damage. Choose a card in your Hand to Transform into Minion Dive Bomb.</p><div class="flex flex-wrap gap-1 mt-2"><span class="text-xs bg-amber-500/20 text-amber-400 px-1.5 py-0.5 rounded border border-amber-500/30">ð</span></div></div></div><div class="group bg-gray-900 border border-gray-800 hover:border-gray-600 rounded-xl overflow-hidden transition-all hover:-translate-y-0.5"><div class="relative bg-gray-800 aspect-[3/4] flex items-center justify-center overflow-hidden"><img src="/images/cards/believe_in_you.webp" alt="Believe in You" class="w-full h-full object-cover" loading="lazy"/><div class="absolute top-2 left-2 w-7 h-7 rounded-full bg-gray-900/90 border border-gray-700 flex items-center justify-center text-xs font-bold text-amber-400">1</div><div class="absolute top-2 right-2 w-2.5 h-2.5 rounded-full" style="background-color:#27ae60" title="uncommon"></div></div><div class="p-3"><div class="flex items-start justify-between gap-1 mb-1"><h3 class="text-sm font-semibold text-white leading-tight">Believe in You</h3></div><div class="flex items-center gap-1.5 mb-2"><span class="text-xs px-1.5 py-0.5 rounded font-medium" style="background-color:#7f8c8d33;color:#7f8c8d">Colorless</span><span class="text-xs text-gray-500 capitalize">skill</span></div><p class="text-xs text-gray-400 leading-relaxed line-clamp-3">Another player gainsEnergyEnergyEnergy .</p><div class="flex flex-wrap gap-1 mt-2"><span class="text-xs bg-amber-500/20 text-amber-400 px-1.5 py-0.5 rounded border border-amber-500/30">ð¥</span></div></div></div><div class="group bg-gray-900 border border-gray-800 hover:border-gray-600 rounded-xl overflow-hidden transition-all hover:-translate-y-0.5"><div class="relative bg-gray-800 aspect-[3/4] flex items-center justify-center overflow-hidden"><img src="/images/cards/biased_cognition.webp" alt="Biased Cognition" class="w-full h-full object-cover" loading="lazy"/><div class="absolute top-2 left-2 w-7 h-7 rounded-full bg-gray-900/90 border border-gray-700 flex items-center justify-center text-xs font-bold text-amber-400">1</div><div class="absolute top-2 right-2 w-2.5 h-2.5 rounded-full" style="background-color:#95a5a6" title="common"></div></div><div class="p-3"><div class="flex items-start justify-between gap-1 mb-1"><h3 class="text-sm font-semibold text-white leading-tight">Biased Cognition</h3></div><div class="flex items-center gap-1.5 mb-2"><span class="text-xs px-1.5 py-0.5 rounded font-medium" style="background-color:#2980b933;color:#2980b9">Defect</span><span class="text-xs text-gray-500 capitalize">
1power</span></div><p class="text-xs text-gray-400 leading-relaxed line-clamp-3">Gain 4 Focus. At the start of your turn, lose 1 Focus.</p><div class="flex flex-wrap gap-1 mt-2"><span class="text-xs bg-gray-800 text-gray-400 px-1.5 py-0.5 rounded capitalize">focus</span></div></div></div><div class="group bg-gray-900 border border-gray-800 hover:border-gray-600 rounded-xl overflow-hidden transition-all hover:-translate-y-0.5"><div class="relative bg-gray-800 aspect-[3/4] flex items-center justify-center overflow-hidden"><img src="/images/cards/big_bang.webp" alt="Big Bang" class="w-full h-full object-cover" loading="lazy"/><div class="absolute top-2 left-2 w-7 h-7 rounded-full bg-gray-900/90 border border-gray-700 flex items-center justify-center text-xs font-bold text-amber-400">1</div><div class="absolute top-2 right-2 w-2.5 h-2.5 rounded-full" style="background-color:#f39c12" title="rare"></div></div><div class="p-3"><div class="flex items-start justify-between gap-1 mb-1"><h3 class="text-sm font-semibold text-white leading-tight">Big Bang</h3></div><div class="flex items-center gap-1.5 mb-2"><span class="text-xs px-1.5 py-0.5 rounded font-medium" style="background-color:#8e44ad33;color:#8e44ad">Regent</span><span class="text-xs text-gray-500 capitalize">skill</span></div><p class="text-xs text-gray-400 leading-relaxed line-clamp-3">Draw 1 card. Gain Energy. Gain Energy. Forge 5. Exhaust.</p><div class="flex flex-wrap gap-1 mt-2"><span class="text-xs bg-gray-800 text-gray-400 px-1.5 py-0.5 rounded capitalize">exhaust</span></div><div class="flex flex-wrap gap-1 mt-2"><span class="text-xs bg-amber-500/20 text-amber-400 px-1.5 py-0.5 rounded border border-amber-500/30">ð</span></div></div></div><div class="group bg-gray-900 border border-gray-800 hover:border-gray-600 rounded-xl overflow-hidden transition-all hover:-translate-y-0.5"><div class="relative bg-gray-800 aspect-[3/4] flex items-center justify-center overflow-hidden"><img src="/images/cards/black_hole.webp" alt="Black Hole" class="w-full h-full object-cover" loading="lazy"/><div class="absolute top-2 left-2 w-7 h-7 rounded-full bg-gray-900/90 border border-gray-700 flex items-center justify-center text-xs font-bold text-amber-400">1</div><div class="absolute top-2 right-2 w-2.5 h-2.5 rounded-full" style="background-color:#27ae60" title="uncommon"></div></div><div class="p-3"><div class="flex items-start justify-between gap-1 mb-1"><h3 class="text-sm font-semibold text-white leading-tight">Black Hole</h3></div><div class="flex items-center gap-1.5 mb-2"><span class="text-xs px-1.5 py-0.5 rounded font-medium" style="background-color:#8e44ad33;color:#8e44ad">Regent</span><span class="text-xs text-gray-500 capitalize">power</span></div><p class="text-xs text-gray-400 leading-relaxed line-clamp-3">Whenever you spend or gain Energy, deal 3 damage to ALL enemies.</p><div class="flex flex-wrap gap-1 mt-2"><span class="text-xs bg-amber-500/20 text-amber-400 px-1.5 py-0.5 rounded border border-amber-500/30">ð</span></div></div></div><div class="group bg-gray-900 border border-gray-800 hover:border-gray-600 rounded-xl overflow-hidden transition-all hover:-translate-y-0.5"><div class="relative bg-gray-800 aspect-[3/4] flex items-center justify-center overflow-hidden"><img src="/images/cards/blade_dance.webp" alt="Blade Dance" class="w-full h-full object-cover" loading="lazy"/><div class="absolute top-2 left-2 w-7 h-7 rounded-full bg-gray-900/90 border border-gray-700 flex items-center justify-center text-xs font-bold text-amber-400">1</div><div class="absolute top-2 right-2 w-2.5 h-2.5 rounded-full" style="background-color:#95a5a6" title="common"></div></div><div class="p-3"><div class="flex items-start justify-between gap-1 mb-1"><h3 class="text-sm font-semibold text-white leading-tight">Blade Dance</h3></div><div class="flex items-center gap-1.5 mb-2"><span class="text-xs px-1.5 py-0.5 rounded font-medium" style="background-color:#27ae6033;color:#27ae60">Silent</span><span class="text-xs text-gray-500 capitalize">skill</span></div><p class="text-xs text-gray-400 leading-relaxed line-clamp-3">Add 3 Shivs into your Hand. Exhaust.</p><div class="flex flex-wrap gap-1 mt-2"><span class="text-xs bg-gray-800 text-gray-400 px-1.5 py-0.5 rounded capitalize">exhaust</span></div></div></div><div class="group bg-gray-900 border border-gray-800 hover:border-gray-600 rounded-xl overflow-hidden transition-all hover:-translate-y-0.5"><div class="relative bg-gray-800 aspect-[3/4] flex items-center justify-center overflow-hidden"><img src="/images/cards/blade_of_ink.webp" alt="Blade of Ink" class="w-full h-full object-cover" loading="lazy"/><div class="absolute top-2 left-2 w-7 h-7 rounded-full bg-gray-900/90 border border-gray-700 flex items-center justify-center text-xs font-bold text-amber-400">1</div><div class="absolute top-2 right-2 w-2.5 h-2.5 rounded-full" style="background-color:#f39c12" title="rare"></div></div><div class="p-3"><div class="flex items-start justify-between gap-1 mb-1"><h3 class="text-sm font-semibold text-white leading-tight">Blade of Ink</h3></div><div class="flex items-center gap-1.5 mb-2"><span class="text-xs px-1.5 py-0.5 rounded font-medium" style="background-color:#27ae6033;color:#27ae60">Silent</span><span class="text-xs text-gray-500 capitalize">skill</span></div><p class="text-xs text-gray-400 leading-relaxed line-clamp-3">This turn, whenever you play an Attack, gain 2 Strength this turn.</p><div class="flex flex-wrap gap-1 mt-2"><span class="text-xs bg-gray-800 text-gray-400 px-1.5 py-0.5 rounded capitalize">strength</span></div></div></div><div class="group bg-gray-900 border border-gray-800 hover:border-gray-600 rounded-xl overflow-hidden transition-all hover:-translate-y-0.5"><div class="relative bg-gray-800 aspect-[3/4] flex items-center justify-center overflow-hidden"><img src="/images/cards/blight_strike.webp" alt="Blight Strike" class="w-full h-full object-cover" loading="lazy"/><div class="absolute top-2 left-2 w-7 h-7 rounded-full bg-gray-900/90 border border-gray-700 flex items-center justify-center text-xs font-bold text-amber-400">1</div><div class="absolute top-2 right-2 w-2.5 h-2.5 rounded-full" style="background-color:#95a5a6" title="common"></div></div><div class="p-3"><div class="flex items-start justify-between gap-1 mb-1"><h3 class="text-sm font-semibold text-white leading-tight">Blight Strike</h3></div><div class="flex items-center gap-1.5 mb-2"><span class="text-xs px-1.5 py-0.5 rounded font-medium" style="background-color:#2c3e5033;color:#2c3e50">Necrobinder</span><span class="text-xs text-gray-500 capitalize">attack</span></div><p class="text-xs text-gray-400 leading-relaxed line-clamp-3">Deal 8 damage. Apply Doom equal to damage dealt.</p><div class="flex flex-wrap gap-1 mt-2"><span class="text-xs bg-gray-800 text-gray-400 px-1.5 py-0.5 rounded capitalize">doom</span></div><div class="flex flex-wrap gap-1 mt-2"><span class="text-xs bg-amber-500/20 text-amber-400 px-1.5 py-0.5 rounded border border-amber-500/30">ð</span><span class="text-xs bg-amber-500/20 text-amber-400 px-1.5 py-0.5 rounded border border-amber-500/30">ð</span></div></div></div><div class="group bg-gray-900 border border-gray-800 hover:border-gray-600 rounded-xl overflow-hidden transition-all hover:-translate-y-0.5"><div class="relative bg-gray-800 aspect-[3/4] flex items-center justify-center overflow-hidden"><img src="/images/cards/blood_wall.webp" alt="Blood Wall" class="w-full h-full object-cover" loading="lazy"/><div class="absolute top-2 left-2 w-7 h-7 rounded-full bg-gray-900/90 border border-gray-700 flex items-center justify-center text-xs font-bold text-amber-400">2</div><div class="absolute top-2 right-2 w-2.5 h-2.5 rounded-full" style="background-color:#95a5a6" title="common"></div></div><div class="p-3"><div class="flex items-start justify-between gap-1 mb-1"><h3 class="text-sm font-semibold text-white leading-tight">Blood Wall</h3></div><div class="flex items-center gap-1.5 mb-2"><span class="text-xs px-1.5 py-0.5 rounded font-medium" style="background-color:#c0392b33;color:#c0392b">Ironclad</span><span class="text-xs text-gray-500 capitalize">skill</span></div><p class="text-xs text-gray-400 leading-relaxed line-clamp-3">Lose 2 HP. Gain 16 Block.</p><div class="flex flex-wrap gap-1 mt-2"><span class="text-xs bg-gray-800 text-gray-400 px-1.5 py-0.5 rounded capitalize">block</span></div></div></div><div class="group bg-gray-900 border border-gray-800 hover:border-gray-600 rounded-xl overflow-hidden transition-all hover:-translate-y-0.5"><div class="relative bg-gray-800 aspect-[3/4] flex items-center justify-center overflow-hidden"><img src="/images/cards/bloodletting.webp" alt="Bloodletting" class="w-full h-full object-cover" loading="lazy"/><div class="absolute top-2 left-2 w-7 h-7 rounded-full bg-gray-900/90 border border-gray-700 flex items-center justify-center text-xs font-bold text-amber-400">0</div><div class="absolute top-2 right-2 w-2.5 h-2.5 rounded-full" style="background-color:#95a5a6" title="common"></div></div><div class="p-3"><div class="flex items-start justify-between gap-1 mb-1"><h3 class="text-sm font-semibold text-white leading-tight">Bloodletting</h3></div><div class="flex items-center gap-1.5 mb-2"><span class="text-xs px-1.5 py-0.5 rounded font-medium" style="background-color:#c0392b33;color:#c0392b">Ironclad</span><span class="text-xs text-gray-500 capitalize">skill</span></div><p class="text-xs text-gray-400 leading-relaxed line-clamp-3">Lose 3 HP. Gain EnergyEnergy.</p></div></div><div class="group bg-gray-900 border border-gray-800 hover:border-gray-600 rounded-xl overflow-hidden transition-all hover:-translate-y-0.5"><div class="relative bg-gray-800 aspect-[3/4] flex items-center justify-center overflow-hidden"><img src="/images/cards/bludgeon.webp" alt="Bludgeon" class="w-full h-full object-cover" loading="lazy"/><div class="absolute top-2 left-2 w-7 h-7 rounded-full bg-gray-900/90 border border-gray-700 flex items-center justify-center text-xs font-bold text-amber-400">3</div><div class="absolute top-2 right-2 w-2.5 h-2.5 rounded-full" style="background-color:#27ae60" title="uncommon"></div></div><div class="p-3"><div class="flex items-start justify-between gap-1 mb-1"><h3 class="text-sm font-semibold text-white leading-tight">Bludgeon</h3></div><div class="flex items-center gap-1.5 mb-2"><span class="text-xs px-1.5 py-0.5 rounded font-medium" style="background-color:#c0392b33;color:#c0392b">Ironclad</span><span class="text-xs text-gray-500 capitalize">attack</span></div><p class="text-xs text-gray-400 leading-relaxed line-clamp-3">Deal 32 damage.</p></div></div><div class="group bg-gray-900 border border-gray-800 hover:border-gray-600 rounded-xl overflow-hidden transition-all hover:-translate-y-0.5"><div class="relative bg-gray-800 aspect-[3/4] flex items-center justify-center overflow-hidden"><img src="/images/cards/blur.webp" alt="Blur" class="w-full h-full object-cover" loading="lazy"/><div class="absolute top-2 left-2 w-7 h-7 rounded-full bg-gray-900/90 border border-gray-700 flex items-center justify-center text-xs font-bold text-amber-400">1</div><div class="absolute top-2 right-2 w-2.5 h-2.5 rounded-full" style="background-color:#27ae60" title="uncommon"></div></div><div class="p-3"><div class="flex items-start justify-between gap-1 mb-1"><h3 class="text-sm font-semibold text-white leading-tight">Blur</h3></div><div class="flex items-center gap-1.5 mb-2"><span class="text-xs px-1.5 py-0.5 rounded font-medium" style="background-color:#27ae6033;color:#27ae60">Silent</span><span class="text-xs text-gray-500 capitalize">skill</span></div><p class="text-xs text-gray-400 leading-relaxed line-clamp-3">Gain 5 Block. Block is not removed at the start of your next turn.</p><div class="flex flex-wrap gap-1 mt-2"><span class="text-xs bg-gray-800 text-gray-400 px-1.5 py-0.5 rounded capitalize">block</span></div></div></div><div class="group bg-gray-900 border border-gray-800 hover:border-gray-600 rounded-xl overflow-hidden transition-all hover:-translate-y-0.5"><div class="relative bg-gray-800 aspect-[3/4] flex items-center justify-center overflow-hidden"><img src="/images/cards/body_slam.webp" alt="Body Slam" class="w-full h-full object-cover" loading="lazy"/><div class="absolute top-2 left-2 w-7 h-7 rounded-full bg-gray-900/90 border border-gray-700 flex items-center justify-center text-xs font-bold text-amber-400">1</div><div class="absolute top-2 right-2 w-2.5 h-2.5 rounded-full" style="background-color:#95a5a6" title="common"></div></div><div class="p-3"><div class="flex items-start justify-between gap-1 mb-1"><h3 class="text-sm font-semibold text-white leading-tight">Body Slam</h3></div><div class="flex items-center gap-1.5 mb-2"><span class="text-xs px-1.5 py-0.5 rounded font-medium" style="background-color:#c0392b33;color:#c0392b">Ironclad</span><span class="text-xs text-gray-500 capitalize">attack</span></div><p class="text-xs text-gray-400 leading-relaxed line-clamp-3">Deal damage equal to your Block.</p><div class="flex flex-wrap gap-1 mt-2"><span class="text-xs bg-gray-800 text-gray-400 px-1.5 py-0.5 rounded capitalize">block</span></div></div></div><div class="group bg-gray-900 border border-gray-800 hover:border-gray-600 rounded-xl overflow-hidden transition-all hover:-translate-y-0.5"><div class="relative bg-gray-800 aspect-[3/4] flex items-center justify-center overflow-hidden"><img src="/images/cards/bodyguard.webp" alt="Bodyguard" class="w-full h-full object-cover" loading="lazy"/><div class="absolute top-2 left-2 w-7 h-7 rounded-full bg-gray-900/90 border border-gray-700 flex items-center justify-center text-xs font-bold text-amber-400">1</div><div class="absolute top-2 right-2 w-2.5 h-2.5 rounded-full" style="background-color:#95a5a6" title="common"></div></div><div class="p-3"><div class="flex items-start justify-between gap-1 mb-1"><h3 class="text-sm font-semibold text-white leading-tight">Bodyguard</h3></div><div class="flex items-center gap-1.5 mb-2"><span class="text-xs px-1.5 py-0.5 rounded font-medium" style="background-color:#2c3e5033;color:#2c3e50">Necrobinder</span><span class="text-xs text-gray-500 capitalize">skill</span></div><p class="text-xs text-gray-400 leading-relaxed line-clamp-3">Summon 5.</p><div class="flex flex-wrap gap-1 mt-2"><span class="text-xs bg-gray-800 text-gray-400 px-1.5 py-0.5 rounded capitalize">summon</span></div><div class="flex flex-wrap gap-1 mt-2"><span class="text-xs bg-amber-500/20 text-amber-400 px-1.5 py-0.5 rounded border border-amber-500/30">ð</span></div></div></div><div class="group bg-gray-900 border border-gray-800 hover:border-gray-600 rounded-xl overflow-hidden transition-all hover:-translate-y-0.5"><div class="relative bg-gray-800 aspect-[3/4] flex items-center justify-center overflow-hidden"><img src="/images/cards/bolas.webp" alt="Bolas" class="w-full h-full object-cover" loading="lazy"/><div class="absolute top-2 left-2 w-7 h-7 rounded-full bg-gray-900/90 border border-gray-700 flex items-center justify-center text-xs font-bold text-amber-400">1</div><div class="absolute top-2 right-2 w-2.5 h-2.5 rounded-full" style="background-color:#f39c12" title="rare"></div></div><div class="p-3"><div class="flex items-start justify-between gap-1 mb-1"><h3 class="text-sm font-semibold text-white leading-tight">Bolas</h3></div><div class="flex items-center gap-1.5 mb-2"><span class="text-xs px-1.5 py-0.5 rounded font-medium" style="background-color:#7f8c8d33;color:#7f8c8d">Colorless</span><span class="text-xs text-gray-500 capitalize">attack</span></div><p class="text-xs text-gray-400 leading-relaxed line-clamp-3">Deal 3 damage. At the start of your next turn, return this to your Hand.</p></div></div><div class="group bg-gray-900 border border-gray-800 hover:border-gray-600 rounded-xl overflow-hidden transition-all hover:-translate-y-0.5"><div class="relative bg-gray-800 aspect-[3/4] flex items-center justify-center overflow-hidden"><img src="/images/cards/bombardment.webp" alt="Bombardment" class="w-full h-full object-cover" loading="lazy"/><div class="absolute top-2 left-2 w-7 h-7 rounded-full bg-gray-900/90 border border-gray-700 flex items-center justify-center text-xs font-bold text-amber-400">1</div><div class="absolute top-2 right-2 w-2.5 h-2.5 rounded-full" style="background-color:#f39c12"
1 title="rare"></div></div><div class="p-3"><div class="flex items-start justify-between gap-1 mb-1"><h3 class="text-sm font-semibold text-white leading-tight">Bombardment</h3></div><div class="flex items-center gap-1.5 mb-2"><span class="text-xs px-1.5 py-0.5 rounded font-medium" style="background-color:#8e44ad33;color:#8e44ad">Regent</span><span class="text-xs text-gray-500 capitalize">attack</span></div><p class="text-xs text-gray-400 leading-relaxed line-clamp-3">Deal 18 damage. At the start of your turn, plays from the Exhaust Pile. Exhaust.</p><div class="flex flex-wrap gap-1 mt-2"><span class="text-xs bg-gray-800 text-gray-400 px-1.5 py-0.5 rounded capitalize">exhaust</span></div><div class="flex flex-wrap gap-1 mt-2"><span class="text-xs bg-amber-500/20 text-amber-400 px-1.5 py-0.5 rounded border border-amber-500/30">ð</span></div></div></div><div class="group bg-gray-900 border border-gray-800 hover:border-gray-600 rounded-xl overflow-hidden transition-all hover:-translate-y-0.5"><div class="relative bg-gray-800 aspect-[3/4] flex items-center justify-center overflow-hidden"><img src="/images/cards/bone_shards.webp" alt="Bone Shards" class="w-full h-full object-cover" loading="lazy"/><div class="absolute top-2 left-2 w-7 h-7 rounded-full bg-gray-900/90 border border-gray-700 flex items-center justify-center text-xs font-bold text-amber-400">1</div><div class="absolute top-2 right-2 w-2.5 h-2.5 rounded-full" style="background-color:#27ae60" title="uncommon"></div></div><div class="p-3"><div class="flex items-start justify-between gap-1 mb-1"><h3 class="text-sm font-semibold text-white leading-tight">Bone Shards</h3></div><div class="flex items-center gap-1.5 mb-2"><span class="text-xs px-1.5 py-0.5 rounded font-medium" style="background-color:#2c3e5033;color:#2c3e50">Necrobinder</span><span class="text-xs text-gray-500 capitalize">skill</span></div><p class="text-xs text-gray-400 leading-relaxed line-clamp-3">If Osty is alive, he deals 9 damage to ALL enemies and you gain 9 Block. Osty dies.</p><div class="flex flex-wrap gap-1 mt-2"><span class="text-xs bg-gray-800 text-gray-400 px-1.5 py-0.5 rounded capitalize">block</span></div><div class="flex flex-wrap gap-1 mt-2"><span class="text-xs bg-amber-500/20 text-amber-400 px-1.5 py-0.5 rounded border border-amber-500/30">ð</span></div></div></div><div class="group bg-gray-900 border border-gray-800 hover:border-gray-600 rounded-xl overflow-hidden transition-all hover:-translate-y-0.5"><div class="relative bg-gray-800 aspect-[3/4] flex items-center justify-center overflow-hidden"><img src="/images/cards/boost_away.webp" alt="Boost Away" class="w-full h-full object-cover" loading="lazy"/><div class="absolute top-2 left-2 w-7 h-7 rounded-full bg-gray-900/90 border border-gray-700 flex items-center justify-center text-xs font-bold text-amber-400">0</div><div class="absolute top-2 right-2 w-2.5 h-2.5 rounded-full" style="background-color:#95a5a6" title="common"></div></div><div class="p-3"><div class="flex items-start justify-between gap-1 mb-1"><h3 class="text-sm font-semibold text-white leading-tight">Boost Away</h3></div><div class="flex items-center gap-1.5 mb-2"><span class="text-xs px-1.5 py-0.5 rounded font-medium" style="background-color:#2980b933;color:#2980b9">Defect</span><span class="text-xs text-gray-500 capitalize">skill</span></div><p class="text-xs text-gray-400 leading-relaxed line-clamp-3">Gain 6 Block. Add a Dazed into your Discard Pile.</p><div class="flex flex-wrap gap-1 mt-2"><span class="text-xs bg-gray-800 text-gray-400 px-1.5 py-0.5 rounded capitalize">block</span></div></div></div><div class="group bg-gray-900 border border-gray-800 hover:border-gray-600 rounded-xl overflow-hidden transition-all hover:-translate-y-0.5"><div class="relative bg-gray-800 aspect-[3/4] flex items-center justify-center overflow-hidden"><img src="/images/cards/boot_sequence.webp" alt="Boot Sequence" class="w-full h-full object-cover" loading="lazy"/><div class="absolute top-2 left-2 w-7 h-7 rounded-full bg-gray-900/90 border border-gray-700 flex items-center justify-center text-xs font-bold text-amber-400">0</div><div class="absolute top-2 right-2 w-2.5 h-2.5 rounded-full" style="background-color:#27ae60" title="uncommon"></div></div><div class="p-3"><div class="flex items-start justify-between gap-1 mb-1"><h3 class="text-sm font-semibold text-white leading-tight">Boot Sequence</h3></div><div class="flex items-center gap-1.5 mb-2"><span class="text-xs px-1.5 py-0.5 rounded font-medium" style="background-color:#2980b933;color:#2980b9">Defect</span><span class="text-xs text-gray-500 capitalize">skill</span></div><p class="text-xs text-gray-400 leading-relaxed line-clamp-3">Innate. Gain 10 Block. Exhaust.</p><div class="flex flex-wrap gap-1 mt-2"><span class="text-xs bg-gray-800 text-gray-400 px-1.5 py-0.5 rounded capitalize">exhaust</span><span class="text-xs bg-gray-800 text-gray-400 px-1.5 py-0.5 rounded capitalize">innate</span><span class="text-xs bg-gray-800 text-gray-400 px-1.5 py-0.5 rounded capitalize">block</span></div></div></div><div class="group bg-gray-900 border border-gray-800 hover:border-gray-600 rounded-xl overflow-hidden transition-all hover:-translate-y-0.5"><div class="relative bg-gray-800 aspect-[3/4] flex items-center justify-center overflow-hidden"><img src="/images/cards/borrowed_time.webp" alt="Borrowed Time" class="w-full h-full object-cover" loading="lazy"/><div class="absolute top-2 left-2 w-7 h-7 rounded-full bg-gray-900/90 border border-gray-700 flex items-center justify-center text-xs font-bold text-amber-400">1</div><div class="absolute top-2 right-2 w-2.5 h-2.5 rounded-full" style="background-color:#27ae60" title="uncommon"></div></div><div class="p-3"><div class="flex items-start justify-between gap-1 mb-1"><h3 class="text-sm font-semibold text-white leading-tight">
1Borrowed Time</h3></div><div class="flex items-center gap-1.5 mb-2"><span class="text-xs px-1.5 py-0.5 rounded font-medium" style="background-color:#2c3e5033;color:#2c3e50">Necrobinder</span><span class="text-xs text-gray-500 capitalize">skill</span></div><p class="text-xs text-gray-400 leading-relaxed line-clamp-3">Apply 3 Doom to yourself. Gain Energy.</p><div class="flex flex-wrap gap-1 mt-2"><span class="text-xs bg-gray-800 text-gray-400 px-1.5 py-0.5 rounded capitalize">doom</span></div><div class="flex flex-wrap gap-1 mt-2"><span class="text-xs bg-amber-500/20 text-amber-400 px-1.5 py-0.5 rounded border border-amber-500/30">ð</span><span class="text-xs bg-amber-500/20 text-amber-400 px-1.5 py-0.5 rounded border border-amber-500/30">ð</span></div></div></div><div class="group bg-gray-900 border border-gray-800 hover:border-gray-600 rounded-xl overflow-hidden transition-all hover:-translate-y-0.5"><div class="relative bg-gray-800 aspect-[3/4] flex items-center justify-center overflow-hidden"><img src="/images/cards/bouncing_flask.webp" alt="Bouncing Flask" class="w-full h-full object-cover" loading="lazy"/><div class="absolute top-2 left-2 w-7 h-7 rounded-full bg-gray-900/90 border border-gray-700 flex items-center justify-center text-xs font-bold text-amber-400">2</div><div class="absolute top-2 right-2 w-2.5 h-2.5 rounded-full" style="background-color:#27ae60" title="uncommon"></div></div><div class="p-3"><div class="flex items-start justify-between gap-1 mb-1"><h3 class="text-sm font-semibold text-white leading-tight">Bouncing Flask</h3></div><div class="flex items-center gap-1.5 mb-2"><span class="text-xs px-1.5 py-0.5 rounded font-medium" style="background-color:#27ae6033;color:#27ae60">Silent</span><span class="text-xs text-gray-500 capitalize">skill</span></div><p class="text-xs text-gray-400 leading-relaxed line-clamp-3">Apply 3 Poison to a random enemy 3 times.</p><div class="flex flex-wrap gap-1 mt-2"><span class="text-xs bg-gray-800 text-gray-400 px-1.5 py-0.5 rounded capitalize">poison</span></div></div></div><div class="group bg-gray-900 border border-gray-800 hover:border-gray-600 rounded-xl overflow-hidden transition-all hover:-translate-y-0.5"><div class="relative bg-gray-800 aspect-[3/4] flex items-center justify-center overflow-hidden"><img src="/images/cards/brand.webp" alt="Brand" class="w-full h-full object-cover" loading="lazy"/><div class="absolute top-2 left-2 w-7 h-7 rounded-full bg-gray-900/90 border border-gray-700 flex items-center justify-center text-xs font-bold text-amber-400">0</div><div class="absolute top-2 right-2 w-2.5 h-2.5 rounded-full" style="background-color:#f39c12" title="rare"></div></div><div class="p-3"><div class="flex items-start justify-between gap-1 mb-1"><h3 class="text-sm font-semibold text-white leading-tight">Brand</h3></div><div class="flex items-center gap-1.5 mb-2"><span class="text-xs px-1.5 py-0.5 rounded font-medium" style="background-color:#c0392b33;color:#c0392b">Ironclad</span><span class="text-xs text-gray-500 capitalize">skill</span></div><p class="text-xs text-gray-400 leading-relaxed line-clamp-3">Lose 1 HP. Exhaust 1 card. Gain 1 Strength.</p><div class="flex flex-wrap gap-1 mt-2"><span class="text-xs bg-gray-800 text-gray-400 px-1.5 py-0.5 rounded capitalize">exhaust</span><span class="text-xs bg-gray-800 text-gray-400 px-1.5 py-0.5 rounded capitalize">strength</span></div></div></div><div class="group bg-gray-900 border border-gray-800 hover:border-gray-600 rounded-xl overflow-hidden transition-all hover:-translate-y-0.5"><div class="relative bg-gray-800 aspect-[3/4] flex items-center justify-center overflow-hidden"><img src="/images/cards/break.webp" alt="Break" class="w-full h-full object-cover" loading="lazy"/><div class="absolute top-2 left-2 w-7 h-7 rounded-full bg-gray-900/90 border border-gray-700 flex items-center justify-center text-xs font-bold text-amber-400">2</div><div class="absolute top-2 right-2 w-2.5 h-2.5 rounded-full" style="background-color:#95a5a6" title="common"></div></div><div class="p-3"><div class="flex items-start justify-between gap-1 mb-1"><h3 class="text-sm font-semibold text-white leading-tight">Break</h3></div><div class="flex items-center gap-1.5 mb-2"><span class="text-xs px-1.5 py-0.5 rounded font-medium" style="background-color:#c0392b33;color:#c0392b">Ironclad</span><span class="text-xs text-gray-500 capitalize">attack</span></div><p class="text-xs text-gray-400 leading-relaxed line-clamp-3">Deal 20 damage. Apply 5 Vulnerable.</p><div class="flex flex-wrap gap-1 mt-2"><span class="text-xs bg-gray-800 text-gray-400 px-1.5 py-0.5 rounded capitalize">vulnerable</span></div></div></div><div class="group bg-gray-900 border border-gray-800 hover:border-gray-600 rounded-xl overflow-hidden transition-all hover:-translate-y-0.5"><div class="relative bg-gray-800 aspect-[3/4] flex items-center justify-center overflow-hidden"><img src="/images/cards/breakthrough.webp" alt="Breakthrough" class="w-full h-full object-cover" loading="lazy"/><div class="absolute top-2 left-2 w-7 h-7 rounded-full bg-gray-900/90 border border-gray-700 flex items-center justify-center text-xs font-bold text-amber-400">1</div><div class="absolute top-2 right-2 w-2.5 h-2.5 rounded-full" style="background-color:#95a5a6" title="common"></div></div><div class="p-3"><div class="flex items-start justify-between gap-1 mb-1"><h3 class="text-sm font-semibold text-white leading-tight">Breakthrough</h3></div><div class="flex items-center gap-1.5 mb-2"><span class="text-xs px-1.5 py-0.5 rounded font-medium" style="background-color:#c0392b33;color:#c0392b">Ironclad</span><span class="text-xs text-gray-500 capitalize">attack</span></div><p class="text-xs text-gray-400 leading-relaxed line-clamp-3">Lose 1 HP. Deal 9 damage to ALL enemies.</p></div></div><div class="group bg-gray-900 border border-gray-800 hover:border-gray-600 rounded-xl overflow-hidden transition-all hover:-translate-y-0.5"><div class="relative bg-gray-800 aspect-[3/4] flex items-center justify-center overflow-hidden"><img src="/images/cards/brightest_flame.webp" alt="Brightest Flame" class="w-full h-full object-cover" loading="lazy"/><div class="absolute top-2 left-2 w-7 h-7 rounded-full bg-gray-900/90 border border-gray-700 flex items-center justify-center text-xs font-bold text-amber-400">1</div><div class="absolute top-2 right-2 w-2.5 h-2.5 rounded-full" style="background-color:#27ae60" title="uncommon"></div></div><div class="p-3"><div class="flex items-start justify-between gap-1 mb-1"><h3 class="text-sm font-semibold text-white leading-tight">Brightest Flame</h3></div><div class="flex items-center gap-1.5 mb-2"><span class="text-xs px-1.5 py-0.5 rounded font-medium" style="background-color:#7f8c8d33;color:#7f8c8d">Colorless</span><span class="text-xs text-gray-500 capitalize">skill</span></div><p class="text-xs text-gray-400 leading-relaxed line-clamp-3">Gain Energy Energy. Draw 2 cards. Lose 1 Max HP.</p></div></div><div class="group bg-gray-900 border border-gray-800 hover:border-gray-600 rounded-xl overflow-hidden transition-all hover:-translate-y-0.5"><div class="relative bg-gray-800 aspect-[3/4] flex items-center justify-center overflow-hidden"><img src="/images/cards/bubble_bubble.webp" alt="Bubble Bubble" class="w-full h-full object-cover" loading="lazy"/><div class="absolute top-2 left-2 w-7 h-7 rounded-full bg-gray-900/90 border border-gray-700 flex items-center justify-center text-xs font-bold text-amber-400">1</div><div class="absolute top-2 right-2 w-2.5 h-2.5 rounded-full" style="background-color:#27ae60" title="uncommon"></div></div><div class="p-3"><div class="flex items-start justify-between gap-1 mb-1"><h3 class="text-sm font-semibold text-white leading-tight">Bubble Bubble</h3></div><div class="flex items-center gap-1.5 mb-2"><span class="text-xs px-1.5 py-0.5 rounded font-medium" style="background-color:#27ae6033;color:#27ae60">Silent</span><span class="text-xs text-gray-500 capitalize">skill</span></div><p class="text-xs text-gray-400 leading-relaxed line-clamp-3">If the enemy has Poison, apply 9 Poison.</p><div class="flex flex-wrap gap-1 mt-2"><span class="text-xs bg-gray-800 text-gray-400 px-1.5 py-0.5 rounded capitalize">poison</span></div></div></div><div class="group bg-gray-900 border border-gray-800 hover:border-gray-600 rounded-xl overflow-hidden transition-all hover:-translate-y-0.5"><div class="relative bg-gray-800 aspect-[3/4] flex items-center justify-center overflow-hidden"><img src="/images/cards/buffer.webp" alt="Buffer" class="w-full h-full object-cover" loading="lazy"/><div class="absolute top-2 left-2 w-7 h-7 rounded-full bg-gray-900/90 border border-gray-700 flex items-center justify-center text-xs font-bold text-amber-400">2</div><div class="absolute top-2 right-2 w-2.5 h-2.5 rounded-full" style="background-color:#f39c12" title="rare"></div></div><div class="p-3"><div class="flex items-start justify-between gap-1 mb-1"><h3 class="text-sm font-semibold text-white leading-tight">Buffer</h3></div><div class="flex items-center gap-1.5 mb-2"><span class="text-xs px-1.5 py-0.5 rounded font-medium" style="background-color:#2980b933;color:#2980b9">Defect</span><span class="text-xs text-gray-500 capitalize">
1power</span></div><p class="text-xs text-gray-400 leading-relaxed line-clamp-3">Prevent the next time you would lose HP.</p></div></div><div class="group bg-gray-900 border border-gray-800 hover:border-gray-600 rounded-xl overflow-hidden transition-all hover:-translate-y-0.5"><div class="relative bg-gray-800 aspect-[3/4] flex items-center justify-center overflow-hidden"><img src="/images/cards/bulk_up.webp" alt="Bulk Up" class="w-full h-full object-cover" loading="lazy"/><div class="absolute top-2 left-2 w-7 h-7 rounded-full bg-gray-900/90 border border-gray-700 flex items-center justify-center text-xs font-bold text-amber-400">2</div><div class="absolute top-2 right-2 w-2.5 h-2.5 rounded-full" style="background-color:#27ae60" title="uncommon"></div></div><div class="p-3"><div class="flex items-start justify-between gap-1 mb-1"><h3 class="text-sm font-semibold text-white leading-tight">Bulk Up</h3></div><div class="flex items-center gap-1.5 mb-2"><span class="text-xs px-1.5 py-0.5 rounded font-medium" style="background-color:#2980b933;color:#2980b9">Defect</span><span class="text-xs text-gray-500 capitalize">power</span></div><p class="text-xs text-gray-400 leading-relaxed line-clamp-3">Lose 1 Orb Slot. Gain 2 Strength. Gain 2 Dexterity.</p><div class="flex flex-wrap gap-1 mt-2"><span class="text-xs bg-gray-800 text-gray-400 px-1.5 py-0.5 rounded capitalize">strength</span><span class="text-xs bg-gray-800 text-gray-400 px-1.5 py-0.5 rounded capitalize">dexterity</span></div></div></div><div class="group bg-gray-900 border border-gray-800 hover:border-gray-600 rounded-xl overflow-hidden transition-all hover:-translate-y-0.5"><div class="relative bg-gray-800 aspect-[3/4] flex items-center justify-center overflow-hidden"><img src="/images/cards/bullet_time.webp" alt="Bullet Time" class="w-full h-full object-cover" loading="lazy"/><div class="absolute top-2 left-2 w-7 h-7 rounded-full bg-gray-900/90 border border-gray-700 flex items-center justify-center text-xs font-bold text-amber-400">3</div><div class="absolute top-2 right-2 w-2.5 h-2.5 rounded-full" style="background-color:#f39c12" title="rare"></div></div><div class="p-3"><div class="flex items-start justify-between gap-1 mb-1"><h3 class="text-sm font-semibold text-white leading-tight">Bullet Time</h3></div><div class="flex items-center gap-1.5 mb-2"><span class="text-xs px-1.5 py-0.5 rounded font-medium" style="background-color:#27ae6033;color:#27ae60">Silent</span><span class="text-xs text-gray-500 capitalize">skill</span></div><p class="text-xs text-gray-400 leading-relaxed line-clamp-3">You cannot draw additional cards this turn. ALL cards in your Hand are free to play this turn.</p></div></div><div class="group bg-gray-900 border border-gray-800 hover:border-gray-600 rounded-xl overflow-hidden transition-all hover:-translate-y-0.5"><div class="relative bg-gray-800 aspect-[3/4] flex items-center justify-center overflow-hidden"><img src="/images/cards/bully.webp" alt="Bully" class="w-full h-full object-cover" loading="lazy"/><div class="absolute top-2 left-2 w-7 h-7 rounded-full bg-gray-900/90 border border-gray-700 flex items-center justify-center text-xs font-bold text-amber-400">0</div><div class="absolute top-2 right-2 w-2.5 h-2.5 rounded-full" style="background-color:#27ae60" title="uncommon"></div></div><div class="p-3"><div class="flex items-start justify-between gap-1 mb-1"><h3 class="text-sm font-semibold text-white leading-tight">Bully</h3></div><div class="flex items-center gap-1.5 mb-2"><span class="text-xs px-1.5 py-0.5 rounded font-medium" style="background-color:#c0392b33;color:#c0392b">Ironclad</span><span class="text-xs text-gray-500 capitalize">attack</span></div><p class="text-xs text-gray-400 leading-relaxed line-clamp-3">Deal 4 damage. Deals 2 additional damage for each Vulnerable on the enemy.</p><div class="flex flex-wrap gap-1 mt-2"><span class="text-xs bg-gray-800 text-gray-400 px-1.5 py-0.5 rounded capitalize">vulnerable</span></div></div></div><div class="group bg-gray-900 border border-gray-800 hover:border-gray-600 rounded-xl overflow-hidden transition-all hover:-translate-y-0.5"><div class="relative bg-gray-800 aspect-[3/4] flex items-center justify-center overflow-hidden"><img src="/images/cards/bulwark.webp" alt="Bulwark" class="w-full h-full object-cover" loading="lazy"/><div class="absolute top-2 left-2 w-7 h-7 rounded-full bg-gray-900/90 border border-gray-700 flex items-center justify-center text-xs font-bold text-amber-400">1</div><div class="absolute top-2 right-2 w-2.5 h-2.5 rounded-full" style="background-color:#27ae60" title="uncommon"></div></div><div class="p-3"><div class="flex items-start justify-between gap-1 mb-1"><h3 class="text-sm font-semibold text-white leading-tight">Bulwark</h3></div><div class="flex items-center gap-1.5 mb-2"><span class="text-xs px-1.5 py-0.5 rounded font-medium" style="background-color:#8e44ad33;color:#8e44ad">Regent</span><span class="text-xs text-gray-500 capitalize">skill</span></div><p class="text-xs text-gray-400 leading-relaxed line-clamp-3">Gain 13 Block. Forge 10.</p><div class="flex flex-wrap gap-1 mt-2"><span class="text-xs bg-gray-800 text-gray-400 px-1.5 py-0.5 rounded capitalize">block</span></div><div class="flex flex-wrap gap-1 mt-2"><span class="text-xs bg-amber-500/20 text-amber-400 px-1.5 py-0.5 rounded border border-amber-500/30">ð</span></div></div></div><div class="group bg-gray-900 border border-gray-800 hover:border-gray-600 rounded-xl overflow-hidden transition-all hover:-translate-y-0.5"><div class="relative bg-gray-800 aspect-[3/4] flex items-center justify-center overflow-hidden"><img src="/images/cards/bundle_of_joy.webp" alt="Bundle of Joy" class="w-full h-full object-cover" loading="lazy"/><div class="absolute top-2 left-2 w-7 h-7 rounded-full bg-gray-900/90 border border-gray-700 flex items-center justify-center text-xs font-bold text-amber-400">1</div><div class="absolute top-2 right-2 w-2.5 h-2.5 rounded-full" style="background-color:#f39c12" title="rare"></div></div><div class="p-3"><div class="flex items-start justify-between gap-1 mb-1"><h3 class="text-sm font-semibold text-white leading-tight">Bundle of Joy</h3></div><div class="flex items-center gap-1.5 mb-2"><span class="text-xs px-1.5 py-0.5 rounded font-medium" style="background-color:#8e44ad33;color:#8e44ad">Regent</span><span class="text-xs text-gray-500 capitalize">skill</span></div><p class="text-xs text-gray-400 leading-relaxed line-clamp-3">Add 3 random Colorless cards into your Hand. Exhaust.</p><div class="flex flex-wrap gap-1 mt-2"><span class="text-xs bg-gray-800 text-gray-400 px-1.5 py-0.5 rounded capitalize">exhaust</span></div><div class="flex flex-wrap gap-1 mt-2"><span class="text-xs bg-amber-500/20 text-amber-400 px-1.5 py-0.5 rounded border border-amber-500/30">ð</span></div></div></div><div class="group bg-gray-900 border border-gray-800 hover:border-gray-600 rounded-xl overflow-hidden transition-all hover:-translate-y-0.5"><div class="relative bg-gray-800 aspect-[3/4] flex items-center justify-center overflow-hidden"><img src="/images/cards/burn.webp" alt="Burn" class="w-full h-full object-cover" loading="lazy"/><div class="absolute top-2 left-2 w-7 h-7 rounded-full bg-gray-900/90 border border-gray-700 flex items-center justify-center text-xs font-bold text-amber-400">1</div><div class="absolute top-2 right-2 w-2.5 h-2.5 rounded-full" style="background-color:#95a5a6" title="common"></div></div><div class="p-3"><div class="flex items-start justify-between gap-1 mb-1"><h3 class="text-sm font-semibold text-white leading-tight">Burn</h3></div><div class="flex items-center gap-1.5 mb-2"><span class="text-xs px-1.5 py-0.5 rounded font-medium" style="background-color:#7f8c8d33;color:#7f8c8d">Colorless</span><span class="text-xs text-gray-500 capitalize">skill</span></div><p class="text-xs text-gray-400 leading-relaxed line-clamp-3">Unplayable. At the end of your turn, if this is in your Hand, take 2 damage.</p></div></div><div class="group bg-gray-900 border border-gray-800 hover:border-gray-600 rounded-xl overflow-hidden transition-all hover:-translate-y-0.5"><div class="relative bg-gray-800 aspect-[3/4] flex items-center justify-center overflow-hidden"><img src="/images/cards/burning_pact.webp" alt="Burning Pact" class="w-full h-full object-cover" loading="lazy"/><div class="absolute top-2 left-2 w-7 h-7 rounded-full bg-gray-900/90 border border-gray-700 flex items-center justify-center text-xs font-bold text-amber-400">1</div><div class="absolute top-2 right-2 w-2.5 h-2.5 rounded-full" style="background-color:#27ae60" title="uncommon"></div></div><div class="p-3"><div class="flex items-start justify-between gap-1 mb-1"><h3 class="text-sm font-semibold text-white leading-tight">Burning Pact</h3></div><div class="flex items-center gap-1.5 mb-2"><span class="text-xs px-1.5 py-0.5 rounded font-medium" style="background-color:#c0392b33;color:#c0392b">Ironclad</span><span class="text-xs text-gray-500 capitalize">skill</span></div><p class="text-xs text-gray-400 leading-relaxed line-clamp-3">
1Exhaust 1 card. Draw 2 cards.</p><div class="flex flex-wrap gap-1 mt-2"><span class="text-xs bg-gray-800 text-gray-400 px-1.5 py-0.5 rounded capitalize">exhaust</span></div></div></div><div class="group bg-gray-900 border border-gray-800 hover:border-gray-600 rounded-xl overflow-hidden transition-all hover:-translate-y-0.5"><div class="relative bg-gray-800 aspect-[3/4] flex items-center justify-center overflow-hidden"><img src="/images/cards/burst.webp" alt="Burst" class="w-full h-full object-cover" loading="lazy"/><div class="absolute top-2 left-2 w-7 h-7 rounded-full bg-gray-900/90 border border-gray-700 flex items-center justify-center text-xs font-bold text-amber-400">1</div><div class="absolute top-2 right-2 w-2.5 h-2.5 rounded-full" style="background-color:#f39c12" title="rare"></div></div><div class="p-3"><div class="flex items-start justify-between gap-1 mb-1"><h3 class="text-sm font-semibold text-white leading-tight">Burst</h3></div><div class="flex items-center gap-1.5 mb-2"><span class="text-xs px-1.5 py-0.5 rounded font-medium" style="background-color:#27ae6033;color:#27ae60">Silent</span><span class="text-xs text-gray-500 capitalize">skill</span></div><p class="text-xs text-gray-400 leading-relaxed line-clamp-3">This turn, your next Skill is played an extra time.</p></div></div><div class="group bg-gray-900 border border-gray-800 hover:border-gray-600 rounded-xl overflow-hidden transition-all hover:-translate-y-0.5"><div class="relative bg-gray-800 aspect-[3/4] flex items-center justify-center overflow-hidden"><img src="/images/cards/bury.webp" alt="Bury" class="w-full h-full object-cover" loading="lazy"/><div class="absolute top-2 left-2 w-7 h-7 rounded-full bg-gray-900/90 border border-gray-700 flex items-center justify-center text-xs font-bold text-amber-400">1</div><div class="absolute top-2 right-2 w-2.5 h-2.5 rounded-full" style="background-color:#27ae60" title="uncommon"></div></div><div class="p-3"><div class="flex items-start justify-between gap-1 mb-1"><h3 class="text-sm font-semibold text-white leading-tight">Bury</h3></div><div class="flex items-center gap-1.5 mb-2"><span class="text-xs px-1.5 py-0.5 rounded font-medium" style="background-color:#2c3e5033;color:#2c3e50">Necrobinder</span><span class="text-xs text-gray-500 capitalize">attack</span></div><p class="text-xs text-gray-400 leading-relaxed line-clamp-3">Deal 52 damage.</p><div class="flex flex-wrap gap-1 mt-2"><span class="text-xs bg-amber-500/20 text-amber-400 px-1.5 py-0.5 rounded border border-amber-500/30">ð</span></div></div></div><div class="group bg-gray-900 border border-gray-800 hover:border-gray-600 rounded-xl overflow-hidden transition-all hover:-translate-y-0.5"><div class="relative bg-gray-800 aspect-[3/4] flex items-center justify-center overflow-hidden"><img src="/images/cards/byrd_swoop.webp" alt="Byrd Swoop" class="w-full h-full object-cover" loading="lazy"/><div class="absolute top-2 left-2 w-7 h-7 rounded-full bg-gray-900/90 border border-gray-700 flex items-center justify-center text-xs font-bold text-amber-400">1</div><div class="absolute top-2 right-2 w-2.5 h-2.5 rounded-full" style="background-color:#e74c3c" title="special"></div></div><div class="p-3"><div class="flex items-start justify-between gap-1 mb-1"><h3 class="text-sm font-semibold text-white leading-tight">Byrd Swoop</h3></div><div class="flex items-center gap-1.5 mb-2"><span class="text-xs px-1.5 py-0.5 rounded font-medium" style="background-color:#7f8c8d33;color:#7f8c8d">Colorless</span><span class="text-xs text-gray-500 capitalize">attack</span></div><p class="text-xs text-gray-400 leading-relaxed line-clamp-3">Deal 14 damage.</p></div></div><div class="group bg-gray-900 border border-gray-800 hover:border-gray-600 rounded-xl overflow-hidden transition-all hover:-translate-y-0.5"><div class="relative bg-gray-800 aspect-[3/4] flex items-center justify-center overflow-hidden"><img src="/images/cards/byrdonis_egg.webp" alt="Byrdonis Egg" class="w-full h-full object-cover" loading="lazy"/><div class="absolute top-2 left-2 w-7 h-7 rounded-full bg-gray-900/90 border border-gray-700 flex items-center justify-center text-xs font-bold text-amber-400">1</div><div class="absolute top-2 right-2 w-2.5 h-2.5 rounded-full" style="background-color:#e74
1c3c" title="special"></div></div><div class="p-3"><div class="flex items-start justify-between gap-1 mb-1"><h3 class="text-sm font-semibold text-white leading-tight">Byrdonis Egg</h3></div><div class="flex items-center gap-1.5 mb-2"><span class="text-xs px-1.5 py-0.5 rounded font-medium" style="background-color:#7f8c8d33;color:#7f8c8d">Colorless</span><span class="text-xs text-gray-500 capitalize">skill</span></div><p class="text-xs text-gray-400 leading-relaxed line-clamp-3">Unplayable. Can be hatched at a Rest Site.</p></div></div><div class="group bg-gray-900 border border-gray-800 hover:border-gray-600 rounded-xl overflow-hidden transition-all hover:-translate-y-0.5"><div class="relative bg-gray-800 aspect-[3/4] flex items-center justify-center overflow-hidden"><img src="/images/cards/calamity.webp" alt="Calamity" class="w-full h-full object-cover" loading="lazy"/><div class="absolute top-2 left-2 w-7 h-7 rounded-full bg-gray-900/90 border border-gray-700 flex items-center justify-center text-xs font-bold text-amber-400">1</div><div class="absolute top-2 right-2 w-2.5 h-2.5 rounded-full" style="background-color:#f39c12" title="rare"></div></div><div class="p-3"><div class="flex items-start justify-between gap-1 mb-1"><h3 class="text-sm font-semibold text-white leading-tight">Calamity</h3></div><div class="flex items-center gap-1.5 mb-2"><span class="text-xs px-1.5 py-0.5 rounded font-medium" style="background-color:#7f8c8d33;color:#7f8c8d">Colorless</span><span class="text-xs text-gray-500 capitalize">power</span></div><p class="text-xs text-gray-400 leading-relaxed line-clamp-3">Whenever you play an Attack, add a random Attack into your Hand.</p></div></div><div class="group bg-gray-900 border border-gray-800 hover:border-gray-600 rounded-xl overflow-hidden transition-all hover:-translate-y-0.5"><div class="relative bg-gray-800 aspect-[3/4] flex items-center justify-center overflow-hidden"><img src="/images/cards/calcify.webp" alt="Calcify" class="w-full h-full object-cover" loading="lazy"/><div class="absolute top-2 left-2 w-7 h-7 rounded-full bg-gray-900/90 border border-gray-700 flex items-center justify-center text-xs font-bold text-amber-400">1</div><div class="absolute top-2 right-2 w-2.5 h-2.5 rounded-full" style="background-color:#27ae60" title="uncommon"></div></div><div class="p-3"><div class="flex items-start justify-between gap-1 mb-1"><h3 class="text-sm font-semibold text-white leading-tight">Calcify</h3></div><div class="flex items-center gap-1.5 mb-2"><span class="text-xs px-1.5 py-0.5 rounded font-medium" style="background-color:#2c3e5033;color:#2c3e50">Necrobinder</span><span class="text-xs text-gray-500 capitalize">power</span></div><p class="text-xs text-gray-400 leading-relaxed line-clamp-3">Osty's attacks deal 4 additional damage.</p><div class="flex flex-wrap gap-1 mt-2"><span class="text-xs bg-amber-500/20 text-amber-400 px-1.5 py-0.5 rounded border border-amber-500/30">ð</span></div></div></div><div class="group bg-gray-900 border border-gray-800 hover:border-gray-600 rounded-xl overflow-hidden transition-all hover:-translate-y-0.5"><div class="relative bg-gray-800 aspect-[3/4] flex items-center justify-center overflow-hidden"><img src="/images/cards/calculated_gamble.webp" alt="Calculated Gamble" class="w-full h-full object-cover" loading="lazy"/><div class="absolute top-2 left-2 w-7 h-7 rounded-full bg-gray-900/90 border border-gray-700 flex items-center justify-center text-xs font-bold text-amber-400">0</div><div class="absolute top-2 right-2 w-2.5 h-2.5 rounded-full" style="background-color:#27ae60" title="uncommon"></div></div><div class="p-3"><div class="flex items-start justify-between gap-1 mb-1"><h3 class="text-sm font-semibold text-white leading-tight">Calculated Gamble</h3></div><div class="flex items-center gap-1.5 mb-2"><span class="text-xs px-1.5 py-0.5 rounded font-medium" style="background-color:#27ae6033;color:#27ae60">Silent</span><span class="text-xs text-gray-500 capitalize">skill</span></div><p class="text-xs text-gray-400 leading-relaxed line-clamp-3">Discard your Hand, then draw that many cards. Exhaust.</p><div class="flex flex-wrap gap-1 mt-2"><span class="text-xs bg-gray-800 text-gray-400 px-1.5 py-0.5 rounded capitalize">exhaust</span></div></div></div><div class="group bg-gray-900 border border-gray-800 hover:border-gray-600 rounded-xl overflow-hidden transition-all hover:-translate-y-0.5"><div class="relative bg-gray-800 aspect-[3/4] flex items-center justify-center overflow-hidden"><img src="/images/cards/call_of_the_void.webp" alt="Call of the Void" class="w-full h-full object-cover" loading="lazy"/><div class="absolute top-2 left-2 w-7 h-7 rounded-full bg-gray-900/90 border border-gray-700 flex items-center justify-center text-xs font-bold text-amber-400">1</div><div class="absolute top-2 right-2 w-2.5 h-2.5 rounded-full" style="background-color:#f39c12" title="rare"></div></div><div class="p-3"><div class="flex items-start justify-between gap-1 mb-1"><h3 class="text-sm font-semibold text-white leading-tight">Call of the Void</h3></div><div class="flex items-center gap-1.5 mb-2"><span class="text-xs px-1.5 py-0.5 rounded font-medium" style="background-color:#2c3e5033;color:#2c3e50">Necrobinder</span><span class="text-xs text-gray-500 capitalize">
1power</span></div><p class="text-xs text-gray-400 leading-relaxed line-clamp-3">At the start of your turn, add 1 random card into your Hand. It gains Ethereal.</p><div class="flex flex-wrap gap-1 mt-2"><span class="text-xs bg-gray-800 text-gray-400 px-1.5 py-0.5 rounded capitalize">ethereal</span></div><div class="flex flex-wrap gap-1 mt-2"><span class="text-xs bg-amber-500/20 text-amber-400 px-1.5 py-0.5 rounded border border-amber-500/30">ð</span></div></div></div><div class="group bg-gray-900 border border-gray-800 hover:border-gray-600 rounded-xl overflow-hidden transition-all hover:-translate-y-0.5"><div class="relative bg-gray-800 aspect-[3/4] flex items-center justify-center overflow-hidden"><img src="/images/cards/capacitor.webp" alt="Capacitor" class="w-full h-full object-cover" loading="lazy"/><div class="absolute top-2 left-2 w-7 h-7 rounded-full bg-gray-900/90 border border-gray-700 flex items-center justify-center text-xs font-bold text-amber-400">1</div><div class="absolute top-2 right-2 w-2.5 h-2.5 rounded-full" style="background-color:#27ae60" title="uncommon"></div></div><div class="p-3"><div class="flex items-start justify-between gap-1 mb-1"><h3 class="text-sm font-semibold text-white leading-tight">Capacitor</h3></div><div class="flex items-center gap-1.5 mb-2"><span class="text-xs px-1.5 py-0.5 rounded font-medium" style="background-color:#2980b933;color:#2980b9">Defect</span><span class="text-xs text-gray-500 capitalize">power</span></div><p class="text-xs text-gray-400 leading-relaxed line-clamp-3">Gain 2 Orb Slots.</p></div></div><div class="group bg-gray-900 border border-gray-800 hover:border-gray-600 rounded-xl overflow-hidden transition-all hover:-translate-y-0.5"><div class="relative bg-gray-800 aspect-[3/4] flex items-center justify-center overflow-hidden"><img src="/images/cards/capture_spirit.webp" alt="Capture Spirit" class="w-full h-full object-cover" loading="lazy"/><div class="absolute top-2 left-2 w-7 h-7 rounded-full bg-gray-900/90 border border-gray-700 flex items-center justify-center text-xs font-bold text-amber-400">1</div><div class="absolute top-2 right-2 w-2.5 h-2.5 rounded-full" style="background-color:#27ae60" title="uncommon"></div></div><div class="p-3"><div class="flex items-start justify-between gap-1 mb-1"><h3 class="text-sm font-semibold text-white leading-tight">Capture Spirit</h3></div><div class="flex items-center gap-1.5 mb-2"><span class="text-xs px-1.5 py-0.5 rounded font-medium" style="background-color:#2c3e5033;color:#2c3e50">Necrobinder</span><span class="text-xs text-gray-500 capitalize">skill</span></div><p class="text-xs text-gray-400 leading-relaxed line-clamp-3">Enemy loses 3 HP. Add 3 Souls into your Draw Pile.</p><div class="flex flex-wrap gap-1 mt-2"><span class="text-xs bg-amber-500/20 text-amber-400 px-1.5 py-0.5 rounded border border-amber-500/30">ð</span></div></div></div><div class="group bg-gray-900 border border-gray-800 hover:border-gray-600 rounded-xl overflow-hidden transition-all hover:-translate-y-0.5"><div class="relative bg-gray-800 aspect-[3/4] flex items-center justify-center overflow-hidden"><img src="/images/cards/cascade.webp" alt="Cascade" class="w-full h-full object-cover" loading="lazy"/><div class="absolute top-2 left-2 w-7 h-7 rounded-full bg-gray-900/90 border border-gray-700 flex items-center justify-center text-xs font-bold text-amber-400">X</div><div class="absolute top-2 right-2 w-2.5 h-2.5 rounded-full" style="background-color:#f39c12" title="rare"></div></div><div class="p-3"><div class="flex items-start justify-between gap-1 mb-1"><h3 class="text-sm font-semibold text-white leading-tight">Cascade</h3></div><div class="flex items-center gap-1.5 mb-2"><span class="text-xs px-1.5 py-0.5 rounded font-medium" style="background-color:#c0392b33;color:#c0392b">Ironclad</span><span class="text-xs text-gray-500 capitalize">skill</span></div><p class="text-xs text-gray-400 leading-relaxed line-clamp-3">Play the top X cards of your Draw Pile.</p></div></div><div class="group bg-gray-900 border border-gray-800 hover:border-gray-600 rounded-xl overflow-hidden transition-all hover:-translate-y-0.5"><div class="relative bg-gray-800 aspect-[3/4] flex items-center justify-center overflow-hidden"><img src="/images/cards/catastrophe.webp" alt="Catastrophe" class="w-full h-full object-cover" loading="lazy"/><div class="absolute top-2 left-2 w-7 h-7 rounded-full bg-gray-900/90 border border-gray-700 flex items-center justify-center text-xs font-bold text-amber-400">1</div><div class="absolute top-2 right-2 w-2.5 h-2.5 rounded-full" style="background-color:#27ae60" title="uncommon"></div></div><div class="p-3"><div class="flex items-start justify-between gap-1 mb-1"><h3 class="text-sm font-semibold text-white leading-tight">Catastrophe</h3></div><div class="flex items-center gap-1.5 mb-2"><span class="text-xs px-1.5 py-0.5 rounded font-medium" style="background-color:#7f8c8d33;color:#7f8c8d">Colorless</span><span class="text-xs text-gray-500 capitalize">skill</span></div><p class="text-xs text-gray-400 leading-relaxed line-clamp-3">Play 2 random cards from your Draw Pile.</p></div></div><div class="group bg-gray-900 border border-gray-800 hover:border-gray-600 rounded-xl overflow-hidden transition-all hover:-translate-y-0.5"><div class="relative bg-gray-800 aspect-[3/4] flex items-center justify-center overflow-hidden"><img src="/images/cards/celestial_might.webp" alt="Celestial Might" class="w-full h-full object-cover" loading="lazy"/><div class="absolute top-2 left-2 w-7 h-7 rounded-full bg-gray-900/90 border border-gray-700 flex items-center justify-center text-xs font-bold text-amber-400">1</div><div class="absolute top-2 right-2 w-2.5 h-2.5 rounded-full" style="background-color:#95a5a6" title="common"></div></div><div class="p-3"><div class="flex items-start justify-between gap-1 mb-1"><h3 class="text-sm font-semibold text-white leading-tight">Celestial Might</h3></div><div class="flex items-center gap-1.5 mb-2"><span class="text-xs px-1.5 py-0.5 rounded font-medium" style="background-color:#8e44ad33;color:#8e44ad">Regent</span><span class="text-xs text-gray-500 capitalize">attack</span></div><p class="text-xs text-gray-400 leading-relaxed line-clamp-3">Deal 6 damage 3 times.</p><div class="flex flex-wrap gap-1 mt-2"><span class="text-xs bg-amber-500/20 text-amber-400 px-1.5 py-0.5 rounded border border-amber-500/30">ð</span></div></div></div><div class="group bg-gray-900 border border-gray-800 hover:border-gray-600 rounded-xl overflow-hidden transition-all hover:-translate-y-0.5"><div class="relative bg-gray-800 aspect-[3/4] flex items-center justify-center overflow-hidden"><img src="/images/cards/chaos.webp" alt="Chaos" class="w-full h-full object-cover" loading="lazy"/><div class="absolute top-2 left-2 w-7 h-7 rounded-full bg-gray-900/90 border border-gray-700 flex items-center justify-center text-xs font-bold text-amber-400">1</div><div class="absolute top-2 right-2 w-2.5 h-2.5 rounded-full" style="background-color:#27ae60" title="uncommon"></div></div><div class="p-3"><div class="flex items-start justify-between gap-1 mb-1"><h3 class="text-sm font-semibold text-white leading-tight">Chaos</h3></div><div class="flex items-center gap-1.5 mb-2"><span class="text-xs px-1.5 py-0.5 rounded font-medium" style="background-color:#2980b933;color:#2980b9">Defect</span><span class="text-xs text-gray-500 capitalize">skill</span></div><p class="text-xs text-gray-400 leading-relaxed line-clamp-3">Channel 1 random Orb.</p></div></div><div class="group bg-gray-900 border border-gray-800 hover:border-gray-600 rounded-xl overflow-hidden transition-all hover:-translate-y-0.5"><div class="relative bg-gray-800 aspect-[3/4] flex items-center justify-center overflow-hidden"><img src="/images/cards/charge_battery.webp" alt="Charge Battery" class="w-full h-full object-cover" loading="lazy"/><div class="absolute top-2 left-2 w-7 h-7 rounded-full bg-gray-900/90 border border-gray-700 flex items-center justify-center text-xs font-bold text-amber-400">1</div><div class="absolute top-2 right-2 w-2.5 h-2.5 rounded-full" style="background-color:#95a5a6" title="common"></div></div><div class="p-3"><div class="flex items-start justify-between gap-1 mb-1"><h3 class="text-sm font-semibold text-white leading-tight">Charge Battery</h3></div><div class="flex items-center gap-1.5 mb-2"><span class="text-xs px-1.5 py-0.5 rounded font-medium" style="background-color:#2980b933;color:#2980b9">Defect</span><span class="text-xs text-gray-500 capitalize">skill</span></div><p class="text-xs text-gray-400 leading-relaxed line-clamp-3">Gain 7 Block. Next turn, gain Energy.</p><div class="flex flex-wrap gap-1 mt-2"><span class="text-xs bg-gray-800 text-gray-400 px-1.5 py-0.5 rounded capitalize">block</span></div></div></div><div class="group bg-gray-900 border border-gray-800 hover:border-gray-600 rounded-xl overflow-hidden transition-all hover:-translate-y-0.5"><div class="relative bg-gray-800 aspect-[3/4] flex items-center justify-center overflow-hidden"><img src="/images/cards/charge.webp" alt="CHARGE!!" class="w-full h-full object-cover" loading="lazy"/><div class="absolute top-2 left-2 w-7 h-7 rounded-full bg-gray-900/90 border border-gray-700 flex items-center justify-center text-xs font-bold text-amber-400">1</div><div class="absolute top-2 right-2 w-2.5 h-2.5 rounded-full" style="background-color:#27ae60" title="uncommon"></div></div><div class="p-3"><div class="flex items-start justify-between gap-1 mb-1"><h3 class="text-sm font-semibold text-white leading-tight">CHARGE!!</h3></div><div class="flex items-center gap-1.5 mb-2"><span class="text-xs px-1.5 py-0.5 rounded font-medium" style="background-color:#8e44ad33;color:#8e44ad">Regent</span><span class="text-xs text-gray-500 capitalize">skill</span></div><p class="text-xs text-gray-400 leading-relaxed line-clamp-3">Choose 2 cards in your Draw Pile to Transform into Minion Strikes.</p><div class="flex flex-wrap gap-1 mt-2"><span class="text-xs bg-amber-500/20 text-amber-400 px-1.5 py-0.5 rounded border border-amber-500/30">ð</span></div></div></div><div class="group bg-gray-900 border border-gray-800 hover:border-gray-600 rounded-xl overflow-hidden transition-all hover:-translate-y-0.5"><div class="relative bg-gray-800 aspect-[3/4] flex items-center justify-center overflow-hidden"><img src="/images/cards/child_of_the_stars.webp" alt="Child of the Stars" class="w-full h-full object-cover" loading="lazy"/><div class="absolute top-2 left-2 w-7 h-7 rounded-full bg-gray-900/90 border border-gray-700 flex items-center justify-center text-xs font-bold text-amber-400">1</div><div class="absolute top-2 right-2 w-2.5 h-2.5 rounded-full" style="background-color:#27ae60" title="uncommon"></div></div><div class="p-3"><div class="flex items-start justify-between gap-1 mb-1"><h3 class="text-sm font-semibold text-white leading-tight">Child of the Stars</h3></div><div class="flex items-center gap-1.5 mb-2"><span class="text-xs px-1.5 py-0.5 rounded font-medium" style="background-color:#8e44ad33;color:#8e44ad">Regent</span><span class="text-xs text-gray-500 capitalize">
1power</span></div><p class="text-xs text-gray-400 leading-relaxed line-clamp-3">Whenever you spend Energy, gain 2 Block for each Energy spent.</p><div class="flex flex-wrap gap-1 mt-2"><span class="text-xs bg-gray-800 text-gray-400 px-1.5 py-0.5 rounded capitalize">block</span></div><div class="flex flex-wrap gap-1 mt-2"><span class="text-xs bg-amber-500/20 text-amber-400 px-1.5 py-0.5 rounded border border-amber-500/30">ð</span></div></div></div><div class="group bg-gray-900 border border-gray-800 hover:border-gray-600 rounded-xl overflow-hidden transition-all hover:-translate-y-0.5"><div class="relative bg-gray-800 aspect-[3/4] flex items-center justify-center overflow-hidden"><img src="/images/cards/chill.webp" alt="Chill" class="w-full h-full object-cover" loading="lazy"/><div class="absolute top-2 left-2 w-7 h-7 rounded-full bg-gray-900/90 border border-gray-700 flex items-center justify-center text-xs font-bold text-amber-400">0</div><div class="absolute top-2 right-2 w-2.5 h-2.5 rounded-full" style="background-color:#27ae60" title="uncommon"></div></div><div class="p-3"><div class="flex items-start justify-between gap-1 mb-1"><h3 class="text-sm font-semibold text-white leading-tight">Chill</h3></div><div class="flex items-center gap-1.5 mb-2"><span class="text-xs px-1.5 py-0.5 rounded font-medium" style="background-color:#2980b933;color:#2980b9">Defect</span><span class="text-xs text-gray-500 capitalize">skill</span></div><p class="text-xs text-gray-400 leading-relaxed line-clamp-3">Channel 1 Frost for each enemy. Exhaust.</p><div class="flex flex-wrap gap-1 mt-2"><span class="text-xs bg-gray-800 text-gray-400 px-1.5 py-0.5 rounded capitalize">exhaust</span></div></div></div><div class="group bg-gray-900 border border-gray-800 hover:border-gray-600 rounded-xl overflow-hidden transition-all hover:-translate-y-0.5"><div class="relative bg-gray-800 aspect-[3/4] flex items-center justify-center overflow-hidden"><img src="/images/cards/cinder.webp" alt="Cinder" class="w-full h-full object-cover" loading="lazy"/><div class="absolute top-2 left-2 w-7 h-7 rounded-full bg-gray-900/90 border border-gray-700 flex items-center justify-center text-xs font-bold text-amber-400">2</div><div class="absolute top-2 right-2 w-2.5 h-2.5 rounded-full" style="background-color:#95a5a6" title="common"></div></div><div class="p-3"><div class="flex items-start justify-between gap-1 mb-1"><h3 class="text-sm font-semibold text-white leading-tight">Cinder</h3></div><div class="flex items-center gap-1.5 mb-2"><span class="text-xs px-1.5 py-0.5 rounded font-medium" style="background-color:#c0392b33;color:#c0392b">Ironclad</span><span class="text-xs text-gray-500 capitalize">attack</span></div><p class="text-xs text-gray-400 leading-relaxed line-clamp-3">Deal 17 damage. Exhaust the top card of your Draw Pile.</p><div class="flex flex-wrap gap-1 mt-2"><span class="text-xs bg-gray-800 text-gray-400 px-1.5 py-0.5 rounded capitalize">exhaust</span></div></div></div><div class="group bg-gray-900 border border-gray-800 hover:border-gray-600 rounded-xl overflow-hidden transition-all hover:-translate-y-0.5"><div class="relative bg-gray-800 aspect-[3/4] flex items-center justify-center overflow-hidden"><img src="/images/cards/claw.webp" alt="Claw" class="w-full h-full object-cover" loading="lazy"/><div class="absolute top-2 left-2 w-7 h-7 rounded-full bg-gray-900/90 border border-gray-700 flex items-center justify-center text-xs font-bold text-amber-400">0</div><div class="absolute top-2 right-2 w-2.5 h-2.5 rounded-full" style="background-color:#95a5a6" title="common"></div></div><div class="p-3"><div class="flex items-start justify-between gap-1 mb-1"><h3 class="text-sm font-semibold text-white leading-tight">Claw</h3></div><div class="flex items-center gap-1.5 mb-2"><span class="text-xs px-1.5 py-0.5 rounded font-medium" style="background-color:#2980b933;color:#2980b9">Defect</span><span class="text-xs text-gray-500 capitalize">attack</span></div><p class="text-xs text-gray-400 leading-relaxed line-clamp-3">Deal 3 damage. Increase the damage of ALL Claw cards by 2 this combat.</p></div></div><div class="group bg-gray-900 border border-gray-800 hover:border-gray-600 rounded-xl overflow-hidden transition-all hover:-translate-y-0.5"><div class="relative bg-gray-800 aspect-[3/4] flex items-center justify-center overflow-hidden"><img src="/images/cards/cleanse.webp" alt="Cleanse" class="w-full h-full object-cover" loading="lazy"/><div class="absolute top-2 left-2 w-7 h-7 rounded-full bg-gray-900/90 border border-gray-700 flex items-center justify-center text-xs font-bold text-amber-400">1</div><div class="absolute top-2 right-2 w-2.5 h-2.5 rounded-full" style="background-color:#27ae60" title="uncommon"></div></div><div class="p-3"><div class="flex items-start justify-between gap-1 mb-1"><h3 class="text-sm font-semibold text-white leading-tight">Cleanse</h3></div><div class="flex items-center gap-1.5 mb-2"><span class="text-xs px-1.5 py-0.5 rounded font-medium" style="background-color:#2c3e5033;color:#2c3e50">Necrobinder</span><span class="text-xs text-gray-500 capitalize">skill</span></div><p class="text-xs text-gray-400 leading-relaxed line-clamp-3">Summon 3. Exhaust 1 card from your Draw Pile.</p><div class="flex flex-wrap gap-1 mt-2"><span class="text-xs bg-gray-800 text-gray-400 px-1.5 py-0.5 rounded capitalize">summon</span><span class="text-xs bg-gray-800 text-gray-400 px-1.5 py-0.5 rounded capitalize">exhaust</span></div><div class="flex flex-wrap gap-1 mt-2"><span class="text-xs bg-amber-500/20 text-amber-400 px-1.5 py-0.5 rounded border border-amber-500/30">ð</span></div></div></div><div class="group bg-gray-900 border border-gray-800 hover:border-gray-600 rounded-xl overflow-hidden transition-all hover:-translate-y-0.5"><div class="relative bg-gray-800 aspect-[3/4] flex items-center justify-center overflow-hidden"><img src="/images/cards/cloak_and_dagger.webp" alt="Cloak and Dagger" class="w-full h-full object-cover" loading="lazy"/><div class="absolute top-2 left-2 w-7 h-7 rounded-full bg-gray-900/90 border border-gray-700 flex items-center justify-center text-xs font-bold text-amber-400">1</div><div class="absolute top-2 right-2 w-2.5 h-2.5 rounded-full" style="background-color:#95a5a6" title="common"></div></div><div class="p-3"><div class="flex items-start justify-between gap-1 mb-1"><h3 class="text-sm font-semibold text-white leading-tight">Cloak and Dagger</h3></div><div class="flex items-center gap-1.5 mb-2"><span class="text-xs px-1.5 py-0.5 rounded font-medium" style="background-color:#27ae6033;color:#27ae60">Silent</span><span class="text-xs text-gray-500 capitalize">skill</span></div><p class="text-xs text-gray-400 leading-relaxed line-clamp-3">Gain 6 Block. Add 1 Shiv into your Hand.</p><div class="flex flex-wrap gap-1 mt-2"><span class="text-xs bg-gray-800 text-gray-400 px-1.5 py-0.5 rounded capitalize">block</span></div></div></div><div class="group bg-gray-900 border border-gray-800 hover:border-gray-600 rounded-xl overflow-hidden transition-all hover:-translate-y-0.5"><div class="relative bg-gray-800 aspect-[3/4] flex items-center justify-center overflow-hidden"><img src="/images/cards/cloak_of_stars.webp" alt="Cloak of Stars" class="w-full h-full object-cover" loading="lazy"/><div class="absolute top-2 left-2 w-7 h-7 rounded-full bg-gray-900/90 border border-gray-700 flex items-center justify-center text-xs font-bold text-amber-400">1</div><div class="absolute top-2 right-2 w-2.5 h-2.5 rounded-full" style="background-color:#95a5a6" title="common"></div></div><div class="p-3"><div class="flex items-start justify-between gap-1 mb-1"><h3 class="text-sm font-semibold text-white leading-tight">Cloak of Stars</h3></div><div class="flex items-center gap-1.5 mb-2"><span class="text-xs px-1.5 py-0.5 rounded font-medium" style="background-color:#8e44ad33;color:#8e44ad">Regent</span><span class="text-xs text-gray-500 capitalize">skill</span></div><p class="text-xs text-gray-400 leading-relaxed line-clamp-3">Gain 7 Block.</p><div class="flex flex-wrap gap-1 mt-2"><span class="text-xs bg-gray-800 text-gray-400 px-1.5 py-0.5 rounded capitalize">block</span></div><div class="flex flex-wrap gap-1 mt-2"><span class="text-xs bg-amber-500/20 text-amber-400 px-1.5 py-0.5 rounded border border-amber-500/30">ð</span></div></div></div><div class="group bg-gray-900 border border-gray-800 hover:border-gray-600 rounded-xl overflow-hidden transition-all hover:-translate-y-0.5"><div class="relative bg-gray-800 aspect-[3/4] flex items-center justify-center overflow-hidden"><img src="/images/cards/clumsy.webp" alt="Clumsy" class="w-full h-full object-cover" loading="lazy"/><div class="absolute top-2 left-2 w-7 h-7 rounded-full bg-gray-900/90 border border-gray-700 flex items-center justify-center text-xs font-bold text-amber-400">1</div><div class="absolute top-2 right-2 w-2.5 h-2.5 rounded-full" style="background-color:#e74
1c3c" title="special"></div></div><div class="p-3"><div class="flex items-start justify-between gap-1 mb-1"><h3 class="text-sm font-semibold text-white leading-tight">Clumsy</h3></div><div class="flex items-center gap-1.5 mb-2"><span class="text-xs px-1.5 py-0.5 rounded font-medium" style="background-color:#7f8c8d33;color:#7f8c8d">Colorless</span><span class="text-xs text-gray-500 capitalize">skill</span></div><p class="text-xs text-gray-400 leading-relaxed line-clamp-3">Unplayable. Ethereal.</p><div class="flex flex-wrap gap-1 mt-2"><span class="text-xs bg-gray-800 text-gray-400 px-1.5 py-0.5 rounded capitalize">ethereal</span></div></div></div><div class="group bg-gray-900 border border-gray-800 hover:border-gray-600 rounded-xl overflow-hidden transition-all hover:-translate-y-0.5"><div class="relative bg-gray-800 aspect-[3/4] flex items-center justify-center overflow-hidden"><img src="/images/cards/cold_snap.webp" alt="Cold Snap" class="w-full h-full object-cover" loading="lazy"/><div class="absolute top-2 left-2 w-7 h-7 rounded-full bg-gray-900/90 border border-gray-700 flex items-center justify-center text-xs font-bold text-amber-400">1</div><div class="absolute top-2 right-2 w-2.5 h-2.5 rounded-full" style="background-color:#95a5a6" title="common"></div></div><div class="p-3"><div class="flex items-start justify-between gap-1 mb-1"><h3 class="text-sm font-semibold text-white leading-tight">Cold Snap</h3></div><div class="flex items-center gap-1.5 mb-2"><span class="text-xs px-1.5 py-0.5 rounded font-medium" style="background-color:#2980b933;color:#2980b9">Defect</span><span class="text-xs text-gray-500 capitalize">attack</span></div><p class="text-xs text-gray-400 leading-relaxed line-clamp-3">Deal 6 damage. Channel 1 Frost.</p></div></div><div class="group bg-gray-900 border border-gray-800 hover:border-gray-600 rounded-xl overflow-hidden transition-all hover:-translate-y-0.5"><div class="relative bg-gray-800 aspect-[3/4] flex items-center justify-center overflow-hidden"><img src="/images/cards/collision_course.webp" alt="Collision Course" class="w-full h-full object-cover" loading="lazy"/><div class="absolute top-2 left-2 w-7 h-7 rounded-full bg-gray-900/90 border border-gray-700 flex items-center justify-center text-xs font-bold text-amber-400">1</div><div class="absolute top-2 right-2 w-2.5 h-2.5 rounded-full" style="background-color:#95a5a6" title="common"></div></div><div class="p-3"><div class="flex items-start justify-between gap-1 mb-1"><h3 class="text-sm font-semibold text-white leading-tight">Collision Course</h3></div><div class="flex items-center gap-1.5 mb-2"><span class="text-xs px-1.5 py-0.5 rounded font-medium" style="background-color:#8e44ad33;color:#8e44ad">Regent</span><span class="text-xs text-gray-500 capitalize">attack</span></div><p class="text-xs text-gray-400 leading-relaxed line-clamp-3">Deal 9 damage. Add a Debris into your Hand.</p><div class="flex flex-wrap gap-1 mt-2"><span class="text-xs bg-amber-500/20 text-amber-400 px-1.5 py-0.5 rounded border border-amber-500/30">ð</span></div></div></div><div class="group bg-gray-900 border border-gray-800 hover:border-gray-600 rounded-xl overflow-hidden transition-all hover:-translate-y-0.5"><div class="relative bg-gray-800 aspect-[3/4] flex items-center justify-center overflow-hidden"><img src="/images/cards/colossus.webp" alt="Colossus" class="w-full h-full object-cover" loading="lazy"/><div class="absolute top-2 left-2 w-7 h-7 rounded-full bg-gray-900/90 border border-gray-700 flex items-center justify-center text-xs font-bold text-amber-400">1</div><div class="absolute top-2 right-2 w-2.5 h-2.5 rounded-full" style="background-color:#f39c12" title="rare"></div></div><div class="p-3"><div class="flex items-start justify-between gap-1 mb-1"><h3 class="text-sm font-semibold text-white leading-tight">Colossus</h3></div><div class="flex items-center gap-1.5 mb-2"><span class="text-xs px-1.5 py-0.5 rounded font-medium" style="background-color:#c0392b33;color:#c0392b">Ironclad</span><span class="text-xs text-gray-500 capitalize">skill</span></div><p class="text-xs text-gray-400 leading-relaxed line-clamp-3">Gain 5 Block. You receive 50% less damage from Vulnerable enemies this turn.</p><div class="flex flex-wrap gap-1 mt-2"><span class="text-xs bg-gray-800 text-gray-400 px-1.5 py-0.5 rounded capitalize">vulnerable</span><span class="text-xs bg-gray-800 text-gray-400 px-1.5 py-0.5 rounded capitalize">block</span></div></div></div><div class="group bg-gray-900 border border-gray-800 hover:border-gray-600 rounded-xl overflow-hidden transition-all hover:-translate-y-0.5"><div class="relative bg-gray-800 aspect-[3/4] flex items-center justify-center overflow-hidden"><img src="/images/cards/comet.webp" alt="Comet" class="w-full h-full object-cover" loading="lazy"/><div class="absolute top-2 left-2 w-7 h-7 rounded-full bg-gray-900/90 border border-gray-700 flex items-center justify-center text-xs font-bold text-amber-400">1</div><div class="absolute top-2 right-2 w-2.5 h-2.5 rounded-full" style="background-color:#f39c12" title="rare"></div></div><div class="p-3"><div class="flex items-start justify-between gap-1 mb-1"><h3 class="text-sm font-semibold text-white leading-tight">Comet</h3></div><div class="flex items-center gap-1.5 mb-2"><span class="text-xs px-1.5 py-0.5 rounded font-medium" style="background-color:#8e44ad33;color:#8e44ad">Regent</span><span class="text-xs text-gray-500 capitalize">attack</span></div><p class="text-xs text-gray-400 leading-relaxed line-clamp-3">Deal 33 damage. Apply 3 Weak. Apply 3 Vulnerable.</p><div class="flex flex-wrap gap-1 mt-2"><span class="text-xs bg-gray-800 text-gray-400 px-1.5 py-0.5 rounded capitalize">vulnerable</span><span class="text-xs bg-gray-800 text-gray-400 px-1.5 py-0.5 rounded capitalize">weak</span></div><div class="flex flex-wrap gap-1 mt-2"><span class="text-xs bg-amber-500/20 text-amber-400 px-1.5 py-0.5 rounded border border-amber-500/30">ð</span></div></div></div><div class="group bg-gray-900 border border-gray-800 hover:border-gray-600 rounded-xl overflow-hidden transition-all hover:-translate-y-0.5"><div class="relative bg-gray-800 aspect-[3/4] flex items-center justify-center overflow-hidden"><img src="/images/cards/compact.webp" alt="Compact" class="w-full h-full object-cover" loading="lazy"/><div class="absolute top-2 left-2 w-7 h-7 rounded-full bg-gray-900/90 border border-gray-700 flex items-center justify-center text-xs font-bold text-amber-400">1</div><div class="absolute top-2 right-2 w-2.5 h-2.5 rounded-full" style="background-color:#27ae60" title="uncommon"></div></div><div class="p-3"><div class="flex items-start justify-between gap-1 mb-1"><h3 class="text-sm font-semibold text-white leading-tight">Compact</h3></div><div class="flex items-center gap-1.5 mb-2"><span class="text-xs px-1.5 py-0.5 rounded font-medium" style="background-color:#2980b933;color:#2980b9">Defect</span><span class="text-xs text-gray-500 capitalize">skill</span></div><p class="text-xs text-gray-400 leading-relaxed line-clamp-3">Gain 6 Block. Transform all Status cards in your Hand into Fuel.</p><div class="flex flex-wrap gap-1 mt-2"><span class="text-xs bg-gray-800 text-gray-400 px-1.5 py-0.5 rounded capitalize">block</span><span class="text-xs bg-gray-800 text-gray-400 px-1.5 py-0.5 rounded capitalize">status</span></div></div></div><div class="group bg-gray-900 border border-gray-800 hover:border-gray-600 rounded-xl overflow-hidden transition-all hover:-translate-y-0.5"><div class="relative bg-gray-800 aspect-[3/4] flex items-center justify-center overflow-hidden"><img src="/images/cards/compile_driver.webp" alt="Compile Driver" class="w-full h-full object-cover" loading="lazy"/><div class="absolute top-2 left-2 w-7 h-7 rounded-full bg-gray-900/90 border border-gray-700 flex items-center justify-center text-xs font-bold text-amber-400">1</div><div class="absolute top-2 right-2 w-2.5 h-2.5 rounded-full" style="background-color:#95a5a6" title="common"></div></div><div class="p-3"><div class="flex items-start justify-between gap-1 mb-1"><h3 class="text-sm font-semibold text-white leading-tight">Compile Driver</h3></div><div class="flex items-center gap-1.5 mb-2"><span class="text-xs px-1.5 py-0.5 rounded font-medium" style="background-color:#2980b933;color:#2980b9">Defect</span><span class="text-xs text-gray-500 capitalize">attack</span></div><p class="text-xs text-gray-400 leading-relaxed line-clamp-3">Deal 7 damage. Draw 1 card for each unique Orb you have.</p></div></div><div class="group bg-gray-900 border border-gray-800 hover:border-gray-600 rounded-xl overflow-hidden transition-all hover:-translate-y-0.5"><div class="relative bg-gray-800 aspect-[3/4] flex items-center justify-center overflow-hidden"><img src="/images/cards/conflagration.webp" alt="Conflagration" class="w-full h-full object-cover" loading="lazy"/><div class="absolute top-2 left-2 w-7 h-7 rounded-full bg-gray-900/90 border border-gray-700 flex items-center justify-center text-xs font-bold text-amber-400">1</div><div class="absolute top-2 right-2 w-2.5 h-2.5 rounded-full" style="background-color:#f39c12" title="rare"></div></div><div class="p-3"><div class="flex items-start justify-between gap-1 mb-1"><h3 class="text-sm font-semibold text-white leading-tight">Conflagration</h3></div><div class="flex items-center gap-1.5 mb-2"><span class="text-xs px-1.5 py-0.5 rounded font-medium" style="background-color:#c0392b33;color:#c0392b">Ironclad</span><span class="text-xs text-gray-500 capitalize">attack</span></div><p class="text-xs text-gray-400 leading-relaxed line-clamp-3">Deal 8 damage to ALL enemies. Deals 2 additional damage for each other Attack you've played this turn.</p></div></div><div class="group bg-gray-900 border border-gray-800 hover:border-gray-600 rounded-xl overflow-hidden transition-all hover:-translate-y-0.5"><div class="relative bg-gray-800 aspect-[3/4] flex items-center justify-center overflow-hidden"><img src="/images/cards/conqueror.webp" alt="Conqueror" class="w-full h-full object-cover" loading="lazy"/><div class="absolute top-2 left-2 w-7 h-7 rounded-full bg-gray-900/90 border border-gray-700 flex items-center justify-center text-xs font-bold text-amber-400">1</div><div class="absolute top-2 right-2 w-2.5 h-2.5 rounded-full" style="background-color:#27ae60" title="uncommon"></div></div><div class="p-3"><div class="flex items-start justify-between gap-1 mb-1"><h3 class="text-sm font-semibold text-white leading-tight">Conqueror</h3></div><div class="flex items-center gap-1.5 mb-2"><span class="text-xs px-1.5 py-0.5 rounded font-medium" style="background-color:#8e44ad33;color:#8e44ad">Regent</span><span class="text-xs text-gray-500 capitalize">skill</span></div><p class="text-xs text-gray-400 leading-relaxed line-clamp-3">Forge 3. Sovereign Blade deals double damage to the enemy this turn.</p><div class="flex flex-wrap gap-1 mt-2"><span class="text-xs bg-amber-500/20 text-amber-400 px-1.5 py-0.5 rounded border border-amber-500/30">ð</span></div></div></div><div class="group bg-gray-900 border border-gray-800 hover:border-gray-600 rounded-xl overflow-hidden transition-all hover:-translate-y-0.5"><div class="relative bg-gray-800 aspect-[3/4] flex items-center justify-center overflow-hidden"><img src="/images/cards/consuming_shadow.webp" alt="Consuming Shadow" class="w-full h-full object-cover" loading="lazy"/><div class="absolute top-2 left-2 w-7 h-7 rounded-full bg-gray-900/90 border border-gray-700 flex items-center justify-center text-xs font-bold text-amber-400">2</div><div class="absolute top-2 right-2 w-2.5 h-2.5 rounded-full" style="background-color:#f39c12" title="rare"></div></div><div class="p-3"><div class="flex items-start justify-between gap-1 mb-1"><h3 class="text-sm font-semibold text-white leading-tight">Consuming Shadow</h3></div><div class="flex items-center gap-1.5 mb-2"><span class="text-xs px-1.5 py-0.5 rounded font-medium" style="background-color:#2980b933;color:#2980b9">Defect</span><span class="text-xs text-gray-500 capitalize">
1power</span></div><p class="text-xs text-gray-400 leading-relaxed line-clamp-3">Channel 2 Dark. At the end of your turn, Evoke your leftmost Orb.</p></div></div><div class="group bg-gray-900 border border-gray-800 hover:border-gray-600 rounded-xl overflow-hidden transition-all hover:-translate-y-0.5"><div class="relative bg-gray-800 aspect-[3/4] flex items-center justify-center overflow-hidden"><img src="/images/cards/convergence.webp" alt="Convergence" class="w-full h-full object-cover" loading="lazy"/><div class="absolute top-2 left-2 w-7 h-7 rounded-full bg-gray-900/90 border border-gray-700 flex items-center justify-center text-xs font-bold text-amber-400">1</div><div class="absolute top-2 right-2 w-2.5 h-2.5 rounded-full" style="background-color:#27ae60" title="uncommon"></div></div><div class="p-3"><div class="flex items-start justify-between gap-1 mb-1"><h3 class="text-sm font-semibold text-white leading-tight">Convergence</h3></div><div class="flex items-center gap-1.5 mb-2"><span class="text-xs px-1.5 py-0.5 rounded font-medium" style="background-color:#8e44ad33;color:#8e44ad">Regent</span><span class="text-xs text-gray-500 capitalize">skill</span></div><p class="text-xs text-gray-400 leading-relaxed line-clamp-3">Next turn, gain Energy and Energy. Retain your Hand this turn.</p><div class="flex flex-wrap gap-1 mt-2"><span class="text-xs bg-gray-800 text-gray-400 px-1.5 py-0.5 rounded capitalize">retain</span></div><div class="flex flex-wrap gap-1 mt-2"><span class="text-xs bg-amber-500/20 text-amber-400 px-1.5 py-0.5 rounded border border-amber-500/30">ð</span></div></div></div><div class="group bg-gray-900 border border-gray-800 hover:border-gray-600 rounded-xl overflow-hidden transition-all hover:-translate-y-0.5"><div class="relative bg-gray-800 aspect-[3/4] flex items-center justify-center overflow-hidden"><img src="/images/cards/coolant.webp" alt="Coolant" class="w-full h-full object-cover" loading="lazy"/><div class="absolute top-2 left-2 w-7 h-7 rounded-full bg-gray-900/90 border border-gray-700 flex items-center justify-center text-xs font-bold text-amber-400">1</div><div class="absolute top-2 right-2 w-2.5 h-2.5 rounded-full" style="background-color:#f39c12" title="rare"></div></div><div class="p-3"><div class="flex items-start justify-between gap-1 mb-1"><h3 class="text-sm font-semibold text-white leading-tight">Coolant</h3></div><div class="flex items-center gap-1.5 mb-2"><span class="text-xs px-1.5 py-0.5 rounded font-medium" style="background-color:#2980b933;color:#2980b9">Defect</span><span class="text-xs text-gray-500 capitalize">power</span></div><p class="text-xs text-gray-400 leading-relaxed line-clamp-3">At the start of your turn, gain 2 Block for each unique Orb you have.</p><div class="flex flex-wrap gap-1 mt-2"><span class="text-xs bg-gray-800 text-gray-400 px-1.5 py-0.5 rounded capitalize">block</span></div></div></div><div class="group bg-gray-900 border border-gray-800 hover:border-gray-600 rounded-xl overflow-hidden transition-all hover:-translate-y-0.5"><div class="relative bg-gray-800 aspect-[3/4] flex items-center justify-center overflow-hidden"><img src="/images/cards/coolheaded.webp" alt="Coolheaded" class="w-full h-full object-cover" loading="lazy"/><div class="absolute top-2 left-2 w-7 h-7 rounded-full bg-gray-900/90 border border-gray-700 flex items-center justify-center text-xs font-bold text-amber-400">1</div><div class="absolute top-2 right-2 w-2.5 h-2.5 rounded-full" style="background-color:#95a5a6" title="common"></div></div><div class="p-3"><div class="flex items-start justify-between gap-1 mb-1"><h3 class="text-sm font-semibold text-white leading-tight">Coolheaded</h3></div><div class="flex items-center gap-1.5 mb-2"><span class="text-xs px-1.5 py-0.5 rounded font-medium" style="background-color:#2980b933;color:#2980b9">Defect</span><span class="text-xs text-gray-500 capitalize">skill</span></div><p class="text-xs text-gray-400 leading-relaxed line-clamp-3">Channel 1 Frost. Draw 1 card.</p></div></div><div class="group bg-gray-900 border border-gray-800 hover:border-gray-600 rounded-xl overflow-hidden transition-all hover:-translate-y-0.5"><div class="relative bg-gray-800 aspect-[3/4] flex items-center justify-center overflow-hidden"><img src="/images/cards/coordinate.webp" alt="Coordinate" class="w-full h-full object-cover" loading="lazy"/><div class="absolute top-2 left-2 w-7 h-7 rounded-full bg-gray-900/90 border border-gray-700 flex items-center justify-center text-xs font-bold text-amber-400">1</div><div class="absolute top-2 right-2 w-2.5 h-2.5 rounded-full" style="background-color:#27ae60" title="uncommon"></div></div><div class="p-3"><div class="flex items-start justify-between gap-1 mb-1"><h3 class="text-sm font-semibold text-white leading-tight">Coordinate</h3></div><div class="flex items-center gap-1.5 mb-2"><span class="text-xs px-1.5 py-0.5 rounded font-medium" style="background-color:#7f8c8d33;color:#7f8c8d">Colorless</span><span class="text-xs text-gray-500 capitalize">skill</span></div><p class="text-xs text-gray-400 leading-relaxed line-clamp-3">Give another player 5 Strength this turn.</p><div class="flex flex-wrap gap-1 mt-2"><span class="text-xs bg-gray-800 text-gray-400 px-1.5 py-0.5 rounded capitalize">strength</span></div><div class="flex flex-wrap gap-1 mt-2"><span class="text-xs bg-amber-500/20 text-amber-400 px-1.5 py-0.5 rounded border border-amber-500/30">ð¥</span></div></div></div><div class="group bg-gray-900 border border-gray-800 hover:border-gray-600 rounded-xl overflow-hidden transition-all hover:-translate-y-0.5"><div class="relative bg-gray-800 aspect-[3/4] flex items-center justify-center overflow-hidden"><img src="/images/cards/corrosive_wave.webp" alt="Corrosive Wave" class="w-full h-full object-cover" loading="lazy"/><div class="absolute top-2 left-2 w-7 h-7 rounded-full bg-gray-900/90 border border-gray-700 flex items-center justify-center text-xs font-bold text-amber-400">1</div><div class="absolute top-2 right-2 w-2.5 h-2.5 rounded-full" style="background-color:#f39c12" title="rare"></div></div><div class="p-3"><div class="flex items-start justify-between gap-1 mb-1"><h3 class="text-sm font-semibold text-white leading-tight">Corrosive Wave</h3></div><div class="flex items-center gap-1.5 mb-2"><span class="text-xs px-1.5 py-0.5 rounded font-medium" style="background-color:#27ae6033;color:#27ae60">Silent</span><span class="text-xs text-gray-500 capitalize">skill</span></div><p class="text-xs text-gray-400 leading-relaxed line-clamp-3">Whenever you draw a card this turn, apply 3 Poison to ALL enemies.</p><div class="flex flex-wrap gap-1 mt-2"><span class="text-xs bg-gray-800 text-gray-400 px-1.5 py-0.5 rounded capitalize">poison</span></div></div></div><div class="group bg-gray-900 border border-gray-800 hover:border-gray-600 rounded-xl overflow-hidden transition-all hover:-translate-y-0.5"><div class="relative bg-gray-800 aspect-[3/4] flex items-center justify-center overflow-hidden"><img src="/images/cards/corruption.webp" alt="Corruption" class="w-full h-full object-cover" loading="lazy"/><div class="absolute top-2 left-2 w-7 h-7 rounded-full bg-gray-900/90 border border-gray-700 flex items-center justify-center text-xs font-bold text-amber-400">3</div><div class="absolute top-2 right-2 w-2.5 h-2.5 rounded-full" style="background-color:#95a5a6" title="common"></div></div><div class="p-3"><div class="flex items-start justify-between gap-1 mb-1"><h3 class="text-sm font-semibold text-white leading-tight">Corruption</h3></div><div class="flex items-center gap-1.5 mb-2"><span class="text-xs px-1.5 py-0.5 rounded font-medium" style="background-color:#c0392b33;color:#c0392b">Ironclad</span><span class="text-xs text-gray-500 capitalize">
1power</span></div><p class="text-xs text-gray-400 leading-relaxed line-clamp-3">Skills cost 0 Energy. Whenever you play a Skill, Exhaust it.</p><div class="flex flex-wrap gap-1 mt-2"><span class="text-xs bg-gray-800 text-gray-400 px-1.5 py-0.5 rounded capitalize">exhaust</span></div></div></div><div class="group bg-gray-900 border border-gray-800 hover:border-gray-600 rounded-xl overflow-hidden transition-all hover:-translate-y-0.5"><div class="relative bg-gray-800 aspect-[3/4] flex items-center justify-center overflow-hidden"><img src="/images/cards/cosmic_indifference.webp" alt="Cosmic Indifference" class="w-full h-full object-cover" loading="lazy"/><div class="absolute top-2 left-2 w-7 h-7 rounded-full bg-gray-900/90 border border-gray-700 flex items-center justify-center text-xs font-bold text-amber-400">1</div><div class="absolute top-2 right-2 w-2.5 h-2.5 rounded-full" style="background-color:#95a5a6" title="common"></div></div><div class="p-3"><div class="flex items-start justify-between gap-1 mb-1"><h3 class="text-sm font-semibold text-white leading-tight">Cosmic Indifference</h3></div><div class="flex items-center gap-1.5 mb-2"><span class="text-xs px-1.5 py-0.5 rounded font-medium" style="background-color:#8e44ad33;color:#8e44ad">Regent</span><span class="text-xs text-gray-500 capitalize">skill</span></div><p class="text-xs text-gray-400 leading-relaxed line-clamp-3">Gain 6 Block. Put a card from your Discard Pile on top of your Draw Pile.</p><div class="flex flex-wrap gap-1 mt-2"><span class="text-xs bg-gray-800 text-gray-400 px-1.5 py-0.5 rounded capitalize">block</span></div><div class="flex flex-wrap gap-1 mt-2"><span class="text-xs bg-amber-500/20 text-amber-400 px-1.5 py-0.5 rounded border border-amber-500/30">ð</span></div></div></div><div class="group bg-gray-900 border border-gray-800 hover:border-gray-600 rounded-xl overflow-hidden transition-all hover:-translate-y-0.5"><div class="relative bg-gray-800 aspect-[3/4] flex items-center justify-center overflow-hidden"><img src="/images/cards/countdown.webp" alt="Countdown" class="w-full h-full object-cover" loading="lazy"/><div class="absolute top-2 left-2 w-7 h-7 rounded-full bg-gray-900/90 border border-gray-700 flex items-center justify-center text-xs font-bold text-amber-400">1</div><div class="absolute top-2 right-2 w-2.5 h-2.5 rounded-full" style="background-color:#27ae60" title="uncommon"></div></div><div class="p-3"><div class="flex items-start justify-between gap-1 mb-1"><h3 class="text-sm font-semibold text-white leading-tight">Countdown</h3></div><div class="flex items-center gap-1.5 mb-2"><span class="text-xs px-1.5 py-0.5 rounded font-medium" style="background-color:#2c3e5033;color:#2c3e50">Necrobinder</span><span class="text-xs text-gray-500 capitalize">power</span></div><p class="text-xs text-gray-400 leading-relaxed line-clamp-3">At the start of your turn, apply 6 Doom to a random enemy.</p><div class="flex flex-wrap gap-1 mt-2"><span class="text-xs bg-gray-800 text-gray-400 px-1.5 py-0.5 rounded capitalize">doom</span></div><div class="flex flex-wrap gap-1 mt-2"><span class="text-xs bg-amber-500/20 text-amber-400 px-1.5 py-0.5 rounded border border-amber-500/30">ð</span><span class="text-xs bg-amber-500/20 text-amber-400 px-1.5 py-0.5 rounded border border-amber-500/30">ð</span></div></div></div><div class="group bg-gray-900 border border-gray-800 hover:border-gray-600 rounded-xl overflow-hidden transition-all hover:-translate-y-0.5"><div class="relative bg-gray-800 aspect-[3/4] flex items-center justify-center overflow-hidden"><img src="/images/cards/crash_landing.webp" alt="Crash Landing" class="w-full h-full object-cover" loading="lazy"/><div class="absolute top-2 left-2 w-7 h-7 rounded-full bg-gray-900/90 border border-gray-700 flex items-center justify-center text-xs font-bold text-amber-400">1</div><div class="absolute top-2 right-2 w-2.5 h-2.5 rounded-full" style="background-color:#f39c12" title="rare"></div></div><div class="p-3"><div class="flex items-start justify-between gap-1 mb-1"><h3 class="text-sm font-semibold text-white leading-tight">Crash Landing</h3></div><div class="flex items-center gap-1.5 mb-2"><span class="text-xs px-1.5 py-0.5 rounded font-medium" style="background-color:#8e44ad33;color:#8e44ad">Regent</span><span class="text-xs text-gray-500 capitalize">attack</span></div><p class="text-xs text-gray-400 leading-relaxed line-clamp-3">Deal 21 damage to ALL enemies. Fill your Hand with Debris.</p><div class="flex flex-wrap gap-1 mt-2"><span class="text-xs bg-amber-500/20 text-amber-400 px-1.5 py-0.5 rounded border border-amber-500/30">ð</span></div></div></div><div class="group bg-gray-900 border border-gray-800 hover:border-gray-600 rounded-xl overflow-hidden transition-all hover:-translate-y-0.5"><div class="relative bg-gray-800 aspect-[3/4] flex items-center justify-center overflow-hidden"><img src="/images/cards/creative_ai.webp" alt="Creative AI" class="w-full h-full object-cover" loading="lazy"/><div class="absolute top-2 left-2 w-7 h-7 rounded-full bg-gray-900/90 border border-gray-700 flex items-center justify-center text-xs font-bold text-amber-400">3</div><div class="absolute top-2 right-2 w-2.5 h-2.5 rounded-full" style="background-color:#f39c12" title="rare"></div></div><div class="p-3"><div class="flex items-start justify-between gap-1 mb-1"><h3 class="text-sm font-semibold text-white leading-tight">Creative AI</h3></div><div class="flex items-center gap-1.5 mb-2"><span class="text-xs px-1.5 py-0.5 rounded font-medium" style="background-color:#2980b933;color:#2980b9">Defect</span><span class="text-xs text-gray-500 capitalize">
1power</span></div><p class="text-xs text-gray-400 leading-relaxed line-clamp-3">At the start of your turn, add a random Power into your Hand.</p></div></div><div class="group bg-gray-900 border border-gray-800 hover:border-gray-600 rounded-xl overflow-hidden transition-all hover:-translate-y-0.5"><div class="relative bg-gray-800 aspect-[3/4] flex items-center justify-center overflow-hidden"><img src="/images/cards/crescent_spear.webp" alt="Crescent Spear" class="w-full h-full object-cover" loading="lazy"/><div class="absolute top-2 left-2 w-7 h-7 rounded-full bg-gray-900/90 border border-gray-700 flex items-center justify-center text-xs font-bold text-amber-400">1</div><div class="absolute top-2 right-2 w-2.5 h-2.5 rounded-full" style="background-color:#95a5a6" title="common"></div></div><div class="p-3"><div class="flex items-start justify-between gap-1 mb-1"><h3 class="text-sm font-semibold text-white leading-tight">Crescent Spear</h3></div><div class="flex items-center gap-1.5 mb-2"><span class="text-xs px-1.5 py-0.5 rounded font-medium" style="background-color:#8e44ad33;color:#8e44ad">Regent</span><span class="text-xs text-gray-500 capitalize">attack</span></div><p class="text-xs text-gray-400 leading-relaxed line-clamp-3">Deal 6 damage. Deals 2 additional damage for ALL your cards that have a Energy cost.</p><div class="flex flex-wrap gap-1 mt-2"><span class="text-xs bg-amber-500/20 text-amber-400 px-1.5 py-0.5 rounded border border-amber-500/30">ð</span></div></div></div><div class="group bg-gray-900 border border-gray-800 hover:border-gray-600 rounded-xl overflow-hidden transition-all hover:-translate-y-0.5"><div class="relative bg-gray-800 aspect-[3/4] flex items-center justify-center overflow-hidden"><img src="/images/cards/crimson_mantle.webp" alt="Crimson Mantle" class="w-full h-full object-cover" loading="lazy"/><div class="absolute top-2 left-2 w-7 h-7 rounded-full bg-gray-900/90 border border-gray-700 flex items-center justify-center text-xs font-bold text-amber-400">1</div><div class="absolute top-2 right-2 w-2.5 h-2.5 rounded-full" style="background-color:#f39c12" title="rare"></div></div><div class="p-3"><div class="flex items-start justify-between gap-1 mb-1"><h3 class="text-sm font-semibold text-white leading-tight">Crimson Mantle</h3></div><div class="flex items-center gap-1.5 mb-2"><span class="text-xs px-1.5 py-0.5 rounded font-medium" style="background-color:#c0392b33;color:#c0392b">Ironclad</span><span class="text-xs text-gray-500 capitalize">power</span></div><p class="text-xs text-gray-400 leading-relaxed line-clamp-3">At the start of your turn, lose 1 HP and gain 8 Block.</p><div class="flex flex-wrap gap-1 mt-2"><span class="text-xs bg-gray-800 text-gray-400 px-1.5 py-0.5 rounded capitalize">block</span></div></div></div><div class="group bg-gray-900 border border-gray-800 hover:border-gray-600 rounded-xl overflow-hidden transition-all hover:-translate-y-0.5"><div class="relative bg-gray-800 aspect-[3/4] flex items-center justify-center overflow-hidden"><img src="/images/cards/cruelty.webp" alt="Cruelty" class="w-full h-full object-cover" loading="lazy"/><div class="absolute top-2 left-2 w-7 h-7 rounded-full bg-gray-900/90 border border-gray-700 flex items-center justify-center text-xs font-bold text-amber-400">1</div><div class="absolute top-2 right-2 w-2.5 h-2.5 rounded-full" style="background-color:#f39c12" title="rare"></div></div><div class="p-3"><div class="flex items-start justify-between gap-1 mb-1"><h3 class="text-sm font-semibold text-white leading-tight">Cruelty</h3></div><div class="flex items-center gap-1.5 mb-2"><span class="text-xs px-1.5 py-0.5 rounded font-medium" style="background-color:#c0392b33;color:#c0392b">Ironclad</span><span class="text-xs text-gray-500 capitalize">power</span></div><p class="text-xs text-gray-400 leading-relaxed line-clamp-3">Vulnerable enemies take an additional 25% damage.</p><div class="flex flex-wrap gap-1 mt-2"><span class="text-xs bg-gray-800 text-gray-400 px-1.5 py-0.5 rounded capitalize">vulnerable</span></div></div></div><div class="group bg-gray-900 border border-gray-800 hover:border-gray-600 rounded-xl overflow-hidden transition-all hover:-translate-y-0.5"><div class="relative bg-gray-800 aspect-[3/4] flex items-center justify-center overflow-hidden"><img src="/images/cards/crush_under.webp" alt="Crush Under" class="w-full h-full object-cover" loading="lazy"/><div class="absolute top-2 left-2 w-7 h-7 rounded-full bg-gray-900/90 border border-gray-700 flex items-center justify-center text-xs font-bold text-amber-400">1</div><div class="absolute top-2 right-2 w-2.5 h-2.5 rounded-full" style="background-color:#95a5a6" title="common"></div></div><div class="p-3"><div class="flex items-start justify-between gap-1 mb-1"><h3 class="text-sm font-semibold text-white leading-tight">Crush Under</h3></div><div class="flex items-center gap-1.5 mb-2"><span class="text-xs px-1.5 py-0.5 rounded font-medium" style="background-color:#8e44ad33;color:#8e44ad">Regent</span><span class="text-xs text-gray-500 capitalize">attack</span></div><p class="text-xs text-gray-400 leading-relaxed line-clamp-3">Deal 7 damage to ALL enemies. All enemies lose 1 Strength this turn.</p><div class="flex flex-wrap gap-1 mt-2"><span class="text-xs bg-gray-800 text-gray-400 px-1.5 py-0.5 rounded capitalize">strength</span></div><div class="flex flex-wrap gap-1 mt-2"><span class="text-xs bg-amber-500/20 text-amber-400 px-1.5 py-0.5 rounded border border-amber-500/30">ð</span></div></div></div><div class="group bg-gray-900 border border-gray-800 hover:border-gray-600 rounded-xl overflow-hidden transition-all hover:-translate-y-0.5"><div class="relative bg-gray-800 aspect-[3/4] flex items-center justify-center overflow-hidden"><img src="/images/cards/curse_of_the_bell.webp" alt="Curse of the Bell" class="w-full h-full object-cover" loading="lazy"/><div class="absolute top-2 left-2 w-7 h-7 rounded-full bg-gray-900/90 border border-gray-700 flex items-center justify-center text-xs font-bold text-amber-400">1</div><div class="absolute top-2 right-2 w-2.5 h-2.5 rounded-full" style="background-color:#e74
1c3c" title="special"></div></div><div class="p-3"><div class="flex items-start justify-between gap-1 mb-1"><h3 class="text-sm font-semibold text-white leading-tight">Curse of the Bell</h3></div><div class="flex items-center gap-1.5 mb-2"><span class="text-xs px-1.5 py-0.5 rounded font-medium" style="background-color:#7f8c8d33;color:#7f8c8d">Colorless</span><span class="text-xs text-gray-500 capitalize">skill</span></div><p class="text-xs text-gray-400 leading-relaxed line-clamp-3">Unplayable. Eternal.</p></div></div><div class="group bg-gray-900 border border-gray-800 hover:border-gray-600 rounded-xl overflow-hidden transition-all hover:-translate-y-0.5"><div class="relative bg-gray-800 aspect-[3/4] flex items-center justify-center overflow-hidden"><img src="/images/cards/dagger_spray.webp" alt="Dagger Spray" class="w-full h-full object-cover" loading="lazy"/><div class="absolute top-2 left-2 w-7 h-7 rounded-full bg-gray-900/90 border border-gray-700 flex items-center justify-center text-xs font-bold text-amber-400">1</div><div class="absolute top-2 right-2 w-2.5 h-2.5 rounded-full" style="background-color:#95a5a6" title="common"></div></div><div class="p-3"><div class="flex items-start justify-between gap-1 mb-1"><h3 class="text-sm font-semibold text-white leading-tight">Dagger Spray</h3></div><div class="flex items-center gap-1.5 mb-2"><span class="text-xs px-1.5 py-0.5 rounded font-medium" style="background-color:#27ae6033;color:#27ae60">Silent</span><span class="text-xs text-gray-500 capitalize">attack</span></div><p class="text-xs text-gray-400 leading-relaxed line-clamp-3">Deal 4 damage to ALL enemies twice.</p></div></div><div class="group bg-gray-900 border border-gray-800 hover:border-gray-600 rounded-xl overflow-hidden transition-all hover:-translate-y-0.5"><div class="relative bg-gray-800 aspect-[3/4] flex items-center justify-center overflow-hidden"><img src="/images/cards/dagger_throw.webp" alt="Dagger Throw" class="w-full h-full object-cover" loading="lazy"/><div class="absolute top-2 left-2 w-7 h-7 rounded-full bg-gray-900/90 border border-gray-700 flex items-center justify-center text-xs font-bold text-amber-400">1</div><div class="absolute top-2 right-2 w-2.5 h-2.5 rounded-full" style="background-color:#95a5a6" title="common"></div></div><div class="p-3"><div class="flex items-start justify-between gap-1 mb-1"><h3 class="text-sm font-semibold text-white leading-tight">Dagger Throw</h3></div><div class="flex items-center gap-1.5 mb-2"><span class="text-xs px-1.5 py-0.5 rounded font-medium" style="background-color:#27ae6033;color:#27ae60">Silent</span><span class="text-xs text-gray-500 capitalize">attack</span></div><p class="text-xs text-gray-400 leading-relaxed line-clamp-3">Deal 9 damage. Draw 1 card. Discard 1 card.</p></div></div><div class="group bg-gray-900 border border-gray-800 hover:border-gray-600 rounded-xl overflow-hidden transition-all hover:-translate-y-0.5"><div class="relative bg-gray-800 aspect-[3/4] flex items-center justify-center overflow-hidden"><img src="/images/cards/danse_macabre.webp" alt="Danse Macabre" class="w-full h-full object-cover" loading="lazy"/><div class="absolute top-2 left-2 w-7 h-7 rounded-full bg-gray-900/90 border border-gray-700 flex items-center justify-center text-xs font-bold text-amber-400">1</div><div class="absolute top-2 right-2 w-2.5 h-2.5 rounded-full" style="background-color:#27ae60" title="uncommon"></div></div><div class="p-3"><div class="flex items-start justify-between gap-1 mb-1"><h3 class="text-sm font-semibold text-white leading-tight">Danse Macabre</h3></div><div class="flex items-center gap-1.5 mb-2"><span class="text-xs px-1.5 py-0.5 rounded font-medium" style="background-color:#2c3e5033;color:#2c3e50">Necrobinder</span><span class="text-xs text-gray-500 capitalize">power</span></div><p class="text-xs text-gray-400 leading-relaxed line-clamp-3">Whenever you play a card that costs EnergyEnergy or more, gain 3 Block.</p><div class="flex flex-wrap gap-1 mt-2"><span class="text-xs bg-gray-800 text-gray-400 px-1.5 py-0.5 rounded capitalize">block</span></div><div class="flex flex-wrap gap-1 mt-2"><span class="text-xs bg-amber-500/20 text-amber-400 px-1.5 py-0.5 rounded border border-amber-500/30">ð</span></div></div></div><div class="group bg-gray-900 border border-gray-800 hover:border-gray-600 rounded-xl overflow-hidden transition-all hover:-translate-y-0.5"><div class="relative bg-gray-800 aspect-[3/4] flex items-center justify-center overflow-hidden"><img src="/images/cards/dark_embrace.webp" alt="Dark Embrace" class="w-full h-full object-cover" loading="lazy"/><div class="absolute top-2 left-2 w-7 h-7 rounded-full bg-gray-900/90 border border-gray-700 flex items-center justify-center text-xs font-bold text-amber-400">2</div><div class="absolute top-2 right-2 w-2.5 h-2.5 rounded-full" style="background-color:#f39c12" title="rare"></div></div><div class="p-3"><div class="flex items-start justify-between gap-1 mb-1"><h3 class="text-sm font-semibold text-white leading-tight">Dark Embrace</h3></div><div class="flex items-center gap-1.5 mb-2"><span class="text-xs px-1.5 py-0.5 rounded font-medium" style="background-color:#c0392b33;color:#c0392b">Ironclad</span><span class="text-xs text-gray-500 capitalize">
1power</span></div><p class="text-xs text-gray-400 leading-relaxed line-clamp-3">Whenever a card is Exhausted, draw 1 card.</p><div class="flex flex-wrap gap-1 mt-2"><span class="text-xs bg-gray-800 text-gray-400 px-1.5 py-0.5 rounded capitalize">exhaust</span></div></div></div><div class="group bg-gray-900 border border-gray-800 hover:border-gray-600 rounded-xl overflow-hidden transition-all hover:-translate-y-0.5"><div class="relative bg-gray-800 aspect-[3/4] flex items-center justify-center overflow-hidden"><img src="/images/cards/dark_shackles.webp" alt="Dark Shackles" class="w-full h-full object-cover" loading="lazy"/><div class="absolute top-2 left-2 w-7 h-7 rounded-full bg-gray-900/90 border border-gray-700 flex items-center justify-center text-xs font-bold text-amber-400">1</div><div class="absolute top-2 right-2 w-2.5 h-2.5 rounded-full" style="background-color:#27ae60" title="uncommon"></div></div><div class="p-3"><div class="flex items-start justify-between gap-1 mb-1"><h3 class="text-sm font-semibold text-white leading-tight">Dark Shackles</h3></div><div class="flex items-center gap-1.5 mb-2"><span class="text-xs px-1.5 py-0.5 rounded font-medium" style="background-color:#7f8c8d33;color:#7f8c8d">Colorless</span><span class="text-xs text-gray-500 capitalize">skill</span></div><p class="text-xs text-gray-400 leading-relaxed line-clamp-3">Enemy loses 9 Strength this turn. Exhaust.</p><div class="flex flex-wrap gap-1 mt-2"><span class="text-xs bg-gray-800 text-gray-400 px-1.5 py-0.5 rounded capitalize">exhaust</span><span class="text-xs bg-gray-800 text-gray-400 px-1.5 py-0.5 rounded capitalize">strength</span></div></div></div><div class="group bg-gray-900 border border-gray-800 hover:border-gray-600 rounded-xl overflow-hidden transition-all hover:-translate-y-0.5"><div class="relative bg-gray-800 aspect-[3/4] flex items-center justify-center overflow-hidden"><img src="/images/cards/darkness.webp" alt="Darkness" class="w-full h-full object-cover" loading="lazy"/><div class="absolute top-2 left-2 w-7 h-7 rounded-full bg-gray-900/90 border border-gray-700 flex items-center justify-center text-xs font-bold text-amber-400">1</div><div class="absolute top-2 right-2 w-2.5 h-2.5 rounded-full" style="background-color:#27ae60" title="uncommon"></div></div><div class="p-3"><div class="flex items-start justify-between gap-1 mb-1"><h3 class="text-sm font-semibold text-white leading-tight">Darkness</h3></div><div class="flex items-center gap-1.5 mb-2"><span class="text-xs px-1.5 py-0.5 rounded font-medium" style="background-color:#2980b933;color:#2980b9">Defect</span><span class="text-xs text-gray-500 capitalize">skill</span></div><p class="text-xs text-gray-400 leading-relaxed line-clamp-3">Channel 1 Dark. Trigger the passive ability of all Dark Orbs.</p></div></div><div class="group bg-gray-900 border border-gray-800 hover:border-gray-600 rounded-xl overflow-hidden transition-all hover:-translate-y-0.5"><div class="relative bg-gray-800 aspect-[3/4] flex items-center justify-center overflow-hidden"><img src="/images/cards/dash.webp" alt="Dash" class="w-full h-full object-cover" loading="lazy"/><div class="absolute top-2 left-2 w-7 h-7 rounded-full bg-gray-900/90 border border-gray-700 flex items-center justify-center text-xs font-bold text-amber-400">2</div><div class="absolute top-2 right-2 w-2.5 h-2.5 rounded-full" style="background-color:#27ae60" title="uncommon"></div></div><div class="p-3"><div class="flex items-start justify-between gap-1 mb-1"><h3 class="text-sm font-semibold text-white leading-tight">Dash</h3></div><div class="flex items-center gap-1.5 mb-2"><span class="text-xs px-1.5 py-0.5 rounded font-medium" style="background-color:#27ae6033;color:#27ae60">Silent</span><span class="text-xs text-gray-500 capitalize">attack</span></div><p class="text-xs text-gray-400 leading-relaxed line-clamp-3">Gain 10 Block. Deal 10 damage.</p><div class="flex flex-wrap gap-1 mt-2"><span class="text-xs bg-gray-800 text-gray-400 px-1.5 py-0.5 rounded capitalize">block</span></div></div></div><div class="group bg-gray-900 border border-gray-800 hover:border-gray-600 rounded-xl overflow-hidden transition-all hover:-translate-y-0.5"><div class="relative bg-gray-800 aspect-[3/4] flex items-center justify-center overflow-hidden"><img src="/images/cards/dazed.webp" alt="Dazed" class="w-full h-full object-cover" loading="lazy"/><div class="absolute top-2 left-2 w-7 h-7 rounded-full bg-gray-900/90 border border-gray-700 flex items-center justify-center text-xs font-bold text-amber-400">1</div><div class="absolute top-2 right-2 w-2.5 h-2.5 rounded-full" style="background-color:#95a5a6" title="common"></div></div><div class="p-3"><div class="flex items-start justify-between gap-1 mb-1"><h3 class="text-sm font-semibold text-white leading-tight">Dazed</h3></div><div class="flex items-center gap-1.5 mb-2"><span class="text-xs px-1.5 py-0.5 rounded font-medium" style="background-color:#7f8c8d33;color:#7f8c8d">Colorless</span><span class="text-xs text-gray-500 capitalize">skill</span></div><p class="text-xs text-gray-400 leading-relaxed line-clamp-3">Unplayable. Ethereal.</p><div class="flex flex-wrap gap-1 mt-2"><span class="text-xs bg-gray-800 text-gray-400 px-1.5 py-0.5 rounded capitalize">ethereal</span></div></div></div><div class="group bg-gray-900 border border-gray-800 hover:border-gray-600 rounded-xl overflow-hidden transition-all hover:-translate-y-0.5"><div class="relative bg-gray-800 aspect-[3/4] flex items-center justify-center overflow-hidden">
1<img src="/images/cards/deadly_poison.webp" alt="Deadly Poison" class="w-full h-full object-cover" loading="lazy"/><div class="absolute top-2 left-2 w-7 h-7 rounded-full bg-gray-900/90 border border-gray-700 flex items-center justify-center text-xs font-bold text-amber-400">1</div><div class="absolute top-2 right-2 w-2.5 h-2.5 rounded-full" style="background-color:#95a5a6" title="common"></div></div><div class="p-3"><div class="flex items-start justify-between gap-1 mb-1"><h3 class="text-sm font-semibold text-white leading-tight">Deadly Poison</h3></div><div class="flex items-center gap-1.5 mb-2"><span class="text-xs px-1.5 py-0.5 rounded font-medium" style="background-color:#27ae6033;color:#27ae60">Silent</span><span class="text-xs text-gray-500 capitalize">skill</span></div><p class="text-xs text-gray-400 leading-relaxed line-clamp-3">Apply 5 Poison.</p><div class="flex flex-wrap gap-1 mt-2"><span class="text-xs bg-gray-800 text-gray-400 px-1.5 py-0.5 rounded capitalize">poison</span></div></div></div><div class="group bg-gray-900 border border-gray-800 hover:border-gray-600 rounded-xl overflow-hidden transition-all hover:-translate-y-0.5"><div class="relative bg-gray-800 aspect-[3/4] flex items-center justify-center overflow-hidden"><img src="/images/cards/death_march.webp" alt="Death March" class="w-full h-full object-cover" loading="lazy"/><div class="absolute top-2 left-2 w-7 h-7 rounded-full bg-gray-900/90 border border-gray-700 flex items-center justify-center text-xs font-bold text-amber-400">1</div><div class="absolute top-2 right-2 w-2.5 h-2.5 rounded-full" style="background-color:#27ae60" title="uncommon"></div></div><div class="p-3"><div class="flex items-start justify-between gap-1 mb-1"><h3 class="text-sm font-semibold text-white leading-tight">Death March</h3></div><div class="flex items-center gap-1.5 mb-2"><span class="text-xs px-1.5 py-0.5 rounded font-medium" style="background-color:#2c3e5033;color:#2c3e50">Necrobinder</span><span class="text-xs text-gray-500 capitalize">attack</span></div><p class="text-xs text-gray-400 leading-relaxed line-clamp-3">Deal 8 damage. Deals 3 additional damage for each card drawn during your turn.</p><div class="flex flex-wrap gap-1 mt-2"><span class="text-xs bg-amber-500/20 text-amber-400 px-1.5 py-0.5 rounded border border-amber-500/30">ð</span></div></div></div><div class="group bg-gray-900 border border-gray-800 hover:border-gray-600 rounded-xl overflow-hidden transition-all hover:-translate-y-0.5"><div class="relative bg-gray-800 aspect-[3/4] flex items-center justify-center overflow-hidden"><img src="/images/cards/deaths_door.webp" alt="Death's Door" class="w-full h-full object-cover" loading="lazy"/><div class="absolute top-2 left-2 w-7 h-7 rounded-full bg-gray-900/90 border border-gray-700 flex items-center justify-center text-xs font-bold text-amber-400">1</div><div class="absolute top-2 right-2 w-2.5 h-2.5 rounded-full" style="background-color:#27ae60" title="uncommon"></div></div><div class="p-3"><div class="flex items-start justify-between gap-1 mb-1"><h3 class="text-sm font-semibold text-white leading-tight">Death's Door</h3></div><div class="flex items-center gap-1.5 mb-2"><span class="text-xs px-1.5 py-0.5 rounded font-medium" style="background-color:#2c3e5033;color:#2c3e50">Necrobinder</span><span class="text-xs text-gray-500 capitalize">skill</span></div><p class="text-xs text-gray-400 leading-relaxed line-clamp-3">Gain 6 Block. If you applied Doom this turn, gain Block 2 additional times.</p><div class="flex flex-wrap gap-1 mt-2"><span class="text-xs bg-gray-800 text-gray-400 px-1.5 py-0.5 rounded capitalize">doom</span><span class="text-xs bg-gray-800 text-gray-400 px-1.5 py-0.5 rounded capitalize">block</span></div><div class="flex flex-wrap gap-1 mt-2"><span class="text-xs bg-amber-500/20 text-amber-400 px-1.5 py-0.5 rounded border border-amber-500/30">ð</span><span class="text-xs bg-amber-500/20 text-amber-400 px-1.5 py-0.5 rounded border border-amber-500/30">ð</span></div></div></div><div class="group bg-gray-900 border border-gray-800 hover:border-gray-600 rounded-xl overflow-hidden transition-all hover:-translate-y-0.5"><div class="relative bg-gray-800 aspect-[3/4] flex items-center justify-center overflow-hidden"><img src="/images/cards/deathbringer.webp" alt="Deathbringer" class="w-full h-full object-cover" loading="lazy"/><div class="absolute top-2 left-2 w-7 h-7 rounded-full bg-gray-900/90 border border-gray-700 flex items-center justify-center text-xs font-bold text-amber-400">1</div><div class="absolute top-2 right-2 w-2.5 h-2.5 rounded-full" style="background-color:#27ae60" title="uncommon"></div></div><div class="p-3"><div class="flex items-start justify-between gap-1 mb-1"><h3 class="text-sm font-semibold text-white leading-tight">Deathbringer</h3></div><div class="flex items-center gap-1.5 mb-2"><span class="text-xs px-1.5 py-0.5 rounded font-medium" style="background-color:#2c3e5033;color:#2c3e50">Necrobinder</span><span class="text-xs text-gray-500 capitalize">skill</span></div><p class="text-xs text-gray-400 leading-relaxed line-clamp-3">Apply 21 Doom and 1 Weak to ALL enemies.</p><div class="flex flex-wrap gap-1 mt-2"><span class="text-xs bg-gray-800 text-gray-400 px-1.5 py-0.5 rounded capitalize">doom</span><span class="text-xs bg-gray-800 text-gray-400 px-1.5 py-0.5 rounded capitalize">weak</span></div><div class="flex flex-wrap gap-1 mt-2"><span class="text-xs bg-amber-500/20 text-amber-400 px-1.5 py-0.5 rounded border border-amber-500/30">ð</span><span class="text-xs bg-amber-500/20 text-amber-400 px-1.5 py-0.5 rounded border border-amber-500/30">ð</span></div></div></div><div class="group bg-gray-900 border border-gray-800 hover:border-gray-600 rounded-xl overflow-hidden transition-all hover:-translate-y-0.5"><div class="relative bg-gray-800 aspect-[3/4] flex items-center justify-center overflow-hidden"><img src="/images/cards/debilitate.webp" alt="Debilitate" class="w-full h-full object-cover" loading="lazy"/><div class="absolute top-2 left-2 w-7 h-7 rounded-full bg-gray-900/90 border border-gray-700 flex items-center justify-center text-xs font-bold text-amber-400">1</div><div class="absolute top-2 right-2 w-2.5 h-2.5 rounded-full" style="background-color:#27ae60" title="uncommon"></div></div><div class="p-3"><div class="flex items-start justify-between gap-1 mb-1"><h3 class="text-sm font-semibold text-white leading-tight">Debilitate</h3></div><div class="flex items-center gap-1.5 mb-2"><span class="text-xs px-1.5 py-0.5 rounded font-medium" style="background-color:#2c3e5033;color:#2c3e50">Necrobinder</span><span class="text-xs text-gray-500 capitalize">attack</span></div><p class="text-xs text-gray-400 leading-relaxed line-clamp-3">Deal 7 damage. Vulnerable and Weak are twice as effective against the enemy for the next 3 turns.</p><div class="flex flex-wrap gap-1 mt-2"><span class="text-xs bg-gray-800 text-gray-400 px-1.5 py-0.5 rounded capitalize">vulnerable</span><span class="text-xs bg-gray-800 text-gray-400 px-1.5 py-0.5 rounded capitalize">weak</span></div><div class="flex flex-wrap gap-1 mt-2"><span class="text-xs bg-amber-500/20 text-amber-400 px-1.5 py-0.5 rounded border border-amber-500/30">ð</span></div></div></div><div class="group bg-gray-900 border border-gray-800 hover:border-gray-600 rounded-xl overflow-hidden transition-all hover:-translate-y-0.5"><div class="relative bg-gray-800 aspect-[3/4] flex items-center justify-center overflow-hidden"><img src="/images/cards/debris.webp" alt="Debris" class="w-full h-full object-cover" loading="lazy"/><div class="absolute top-2 left-2 w-7 h-7 rounded-full bg-gray-900/90 border border-gray-700 flex items-center justify-center text-xs font-bold text-amber-400">1</div><div class="absolute top-2 right-2 w-2.5 h-2.5 rounded-full" style="background-color:#95a5a6" title="common"></div></div><div class="p-3"><div class="flex items-start justify-between gap-1 mb-1"><h3 class="text-sm font-semibold text-white leading-tight">Debris</h3></div><div class="flex items-center gap-1.5 mb-2"><span class="text-xs px-1.5 py-0.5 rounded font-medium" style="background-color:#7f8c8d33;color:#7f8c8d">Colorless</span><span class="text-xs text-gray-500 capitalize">skill</span></div><p class="text-xs text-gray-400 leading-relaxed line-clamp-3">Exhaust.</p><div class="flex flex-wrap gap-1 mt-2"><span class="text-xs bg-gray-800 text-gray-400 px-1.5 py-0.5 rounded capitalize">exhaust</span></div></div></div><div class="group bg-gray-900 border border-gray-800 hover:border-gray-600 rounded-xl overflow-hidden transition-all hover:-translate-y-0.5"><div class="relative bg-gray-800 aspect-[3/4] flex items-center justify-center overflow-hidden"><img src="/images/cards/debt.webp" alt="Debt" class="w-full h-full object-cover" loading="lazy"/><div class="absolute top-2 left-2 w-7 h-7 rounded-full bg-gray-900/90 border border-gray-700 flex items-center justify-center text-xs font-bold text-amber-400">1</div><div class="absolute top-2 right-2 w-2.5 h-2.5 rounded-full" style="background-color:#e74
1c3c" title="special"></div></div><div class="p-3"><div class="flex items-start justify-between gap-1 mb-1"><h3 class="text-sm font-semibold text-white leading-tight">Debt</h3></div><div class="flex items-center gap-1.5 mb-2"><span class="text-xs px-1.5 py-0.5 rounded font-medium" style="background-color:#7f8c8d33;color:#7f8c8d">Colorless</span><span class="text-xs text-gray-500 capitalize">skill</span></div><p class="text-xs text-gray-400 leading-relaxed line-clamp-3">Unplayable. At the end of your turn, if this is in your Hand, lose 10 Gold.</p></div></div><div class="group bg-gray-900 border border-gray-800 hover:border-gray-600 rounded-xl overflow-hidden transition-all hover:-translate-y-0.5"><div class="relative bg-gray-800 aspect-[3/4] flex items-center justify-center overflow-hidden"><img src="/images/cards/decay.webp" alt="Decay" class="w-full h-full object-cover" loading="lazy"/><div class="absolute top-2 left-2 w-7 h-7 rounded-full bg-gray-900/90 border border-gray-700 flex items-center justify-center text-xs font-bold text-amber-400">1</div><div class="absolute top-2 right-2 w-2.5 h-2.5 rounded-full" style="background-color:#e74c3c" title="special"></div></div><div class="p-3"><div class="flex items-start justify-between gap-1 mb-1"><h3 class="text-sm font-semibold text-white leading-tight">Decay</h3></div><div class="flex items-center gap-1.5 mb-2"><span class="text-xs px-1.5 py-0.5 rounded font-medium" style="background-color:#7f8c8d33;color:#7f8c8d">Colorless</span><span class="text-xs text-gray-500 capitalize">skill</span></div><p class="text-xs text-gray-400 leading-relaxed line-clamp-3">Unplayable. At the end of your turn, if this is in your Hand, take 2 damage.</p></div></div><div class="group bg-gray-900 border border-gray-800 hover:border-gray-600 rounded-xl overflow-hidden transition-all hover:-translate-y-0.5"><div class="relative bg-gray-800 aspect-[3/4] flex items-center justify-center overflow-hidden"><img src="/images/cards/decisions_decisions.webp" alt="Decisions, Decisions" class="w-full h-full object-cover" loading="lazy"/><div class="absolute top-2 left-2 w-7 h-7 rounded-full bg-gray-900/90 border border-gray-700 flex items-center justify-center text-xs font-bold text-amber-400">1</div><div class="absolute top-2 right-2 w-2.5 h-2.5 rounded-full" style="background-color:#f39c12" title="rare"></div></div><div class="p-3"><div class="flex items-start justify-between gap-1 mb-1"><h3 class="text-sm font-semibold text-white leading-tight">Decisions, Decisions</h3></div><div class="flex items-center gap-1.5 mb-2"><span class="text-xs px-1.5 py-0.5 rounded font-medium" style="background-color:#8e44ad33;color:#8e44ad">Regent</span><span class="text-xs text-gray-500 capitalize">skill</span></div><p class="text-xs text-gray-400 leading-relaxed line-clamp-3">Draw 3 cards. Choose a Skill in your Hand and play it 3 times. Exhaust.</p><div class="flex flex-wrap gap-1 mt-2"><span class="text-xs bg-gray-800 text-gray-400 px-1.5 py-0.5 rounded capitalize">exhaust</span></div><div class="flex flex-wrap gap-1 mt-2"><span class="text-xs bg-amber-500/20 text-amber-400 px-1.5 py-0.5 rounded border border-amber-500/30">ð</span></div></div></div><div class="group bg-gray-900 border border-gray-800 hover:border-gray-600 rounded-xl overflow-hidden transition-all hover:-translate-y-0.5"><div class="relative bg-gray-800 aspect-[3/4] flex items-center justify-center overflow-hidden"><img src="/images/cards/defend_ironclad.webp" alt="Defend" class="w-full h-full object-cover" loading="lazy"/><div class="absolute top-2 left-2 w-7 h-7 rounded-full bg-gray-900/90 border border-gray-700 flex items-center justify-center text-xs font-bold text-amber-400">1</div><div class="absolute top-2 right-2 w-2.5 h-2.5 rounded-full" style="background-color:#95a5a6" title="common"></div></div><div class="p-3"><div class="flex items-start justify-between gap-1 mb-1"><h3 class="text-sm font-semibold text-white leading-tight">Defend</h3></div><div class="flex items-center gap-1.5 mb-2"><span class="text-xs px-1.5 py-0.5 rounded font-medium" style="background-color:#c0392b33;color:#c0392b">Ironclad</span><span class="text-xs text-gray-500 capitalize">skill</span></div><p class="text-xs text-gray-400 leading-relaxed line-clamp-3">Gain 5 Block.</p><div class="flex flex-wrap gap-1 mt-2"><span class="text-xs bg-gray-800 text-gray-400 px-1.5 py-0.5 rounded capitalize">block</span></div></div></div><div class="group bg-gray-900 border border-gray-800 hover:border-gray-600 rounded-xl overflow-hidden transition-all hover:-translate-y-0.5"><div class="relative bg-gray-800 aspect-[3/4] flex items-center justify-center overflow-hidden"><img src="/images/cards/defend_silent.webp" alt="Defend" class="w-full h-full object-cover" loading="lazy"/><div class="absolute top-2 left-2 w-7 h-7 rounded-full bg-gray-900/90 border border-gray-700 flex items-center justify-center text-xs font-bold text-amber-400">1</div><div class="absolute top-2 right-2 w-2.5 h-2.5 rounded-full" style="background-color:#95a5a6" title="common"></div></div><div class="p-3"><div class="flex items-start justify-between gap-1 mb-1"><h3 class="text-sm font-semibold text-white leading-tight">Defend</h3></div><div class="flex items-center gap-1.5 mb-2"><span class="text-xs px-1.5 py-0.5 rounded font-medium" style="background-color:#27ae6033;color:#27ae60">Silent</span><span class="text-xs text-gray-500 capitalize">skill</span></div><p class="text-xs text-gray-400 leading-relaxed line-clamp-3">Gain 5 Block.</p><div class="flex flex-wrap gap-1 mt-2"><span class="text-xs bg-gray-800 text-gray-400 px-1.5 py-0.5 rounded capitalize">block</span></div></div></div><div class="group bg-gray-900 border border-gray-800 hover:border-gray-600 rounded-xl overflow-hidden transition-all hover:-translate-y-0.5"><div class="relative bg-gray-800 aspect-[3/4] flex items-center justify-center overflow-hidden"><img src="/images/cards/defend_defect.webp" alt="Defend" class="w-full h-full object-cover" loading="lazy"/><div class="absolute top-2 left-2 w-7 h-7 rounded-full bg-gray-900/90 border border-gray-700 flex items-center justify-center text-xs font-bold text-amber-400">1</div><div class="absolute top-2 right-2 w-2.5 h-2.5 rounded-full" style="background-color:#95a5a6" title="common"></div></div><div class="p-3"><div class="flex items-start justify-between gap-1 mb-1"><h3 class="text-sm font-semibold text-white leading-tight">Defend</h3></div><div class="flex items-center gap-1.5 mb-2"><span class="text-xs px-1.5 py-0.5 rounded font-medium" style="background-color:#2980b933;color:#2980b9">Defect</span><span class="text-xs text-gray-500 capitalize">skill</span></div><p class="text-xs text-gray-400 leading-relaxed line-clamp-3">Gain 5 Block.</p><div class="flex flex-wrap gap-1 mt-2"><span class="text-xs bg-gray-800 text-gray-400 px-1.5 py-0.5 rounded capitalize">block</span></div></div></div><div class="group bg-gray-900 border border-gray-800 hover:border-gray-600 rounded-xl overflow-hidden transition-all hover:-translate-y-0.5"><div class="relative bg-gray-800 aspect-[3/4] flex items-center justify-center overflow-hidden"><img src="/images/cards/defend_necrobinder.webp" alt="Defend" class="w-full h-full object-cover" loading="lazy"/><div class="absolute top-2 left-2 w-7 h-7 rounded-full bg-gray-900/90 border border-gray-700 flex items-center justify-center text-xs font-bold text-amber-400">1</div><div class="absolute top-2 right-2 w-2.5 h-2.5 rounded-full" style="background-color:#95a5a6" title="common"></div></div><div class="p-3"><div class="flex items-start justify-between gap-1 mb-1"><h3 class="text-sm font-semibold text-white leading-tight">Defend</h3></div><div class="flex items-center gap-1.5 mb-2"><span class="text-xs px-1.5 py-0.5 rounded font-medium" style="background-color:#2c3e5033;color:#2c3e50">Necrobinder</span><span class="text-xs text-gray-500 capitalize">skill</span></div><p class="text-xs text-gray-400 leading-relaxed line-clamp-3">Gain 5 Block.</p><div class="flex flex-wrap gap-1 mt-2"><span class="text-xs bg-gray-800 text-gray-400 px-1.5 py-0.5 rounded capitalize">block</span></div><div class="flex flex-wrap gap-1 mt-2"><span class="text-xs bg-amber-500/20 text-amber-400 px-1.5 py-0.5 rounded border border-amber-500/30">ð</span></div></div></div><div class="group bg-gray-900 border border-gray-800 hover:border-gray-600 rounded-xl overflow-hidden transition-all hover:-translate-y-0.5"><div class="relative bg-gray-800 aspect-[3/4] flex items-center justify-center overflow-hidden"><img src="/images/cards/defend_regent.webp" alt="Defend" class="w-full h-full object-cover" loading="lazy"/><div class="absolute top-2 left-2 w-7 h-7 rounded-full bg-gray-900/90 border border-gray-700 flex items-center justify-center text-xs font-bold text-amber-400">1</div><div class="absolute top-2 right-2 w-2.5 h-2.5 rounded-full" style="background-color:#95a5a6" title="common"></div></div><div class="p-3"><div class="flex items-start justify-between gap-1 mb-1"><h3 class="text-sm font-semibold text-white leading-tight">Defend</h3></div><div class="flex items-center gap-1.5 mb-2"><span class="text-xs px-1.5 py-0.5 rounded font-medium" style="background-color:#8e44ad33;color:#8e44ad">Regent</span><span class="text-xs text-gray-500 capitalize">skill</span></div><p class="text-xs text-gray-400 leading-relaxed line-clamp-3">Gain 5 Block.</p><div class="flex flex-wrap gap-1 mt-2"><span class="text-xs bg-gray-800 text-gray-400 px-1.5 py-0.5 rounded capitalize">block</span></div><div class="flex flex-wrap gap-1 mt-2"><span class="text-xs bg-amber-500/20 text-amber-400 px-1.5 py-0.5 rounded border border-amber-500/30">ð</span></div></div></div><div class="group bg-gray-900 border border-gray-800 hover:border-gray-600 rounded-xl overflow-hidden transition-all hover:-translate-y-0.5"><div class="relative bg-gray-800 aspect-[3/4] flex items-center justify-center overflow-hidden"><img src="/images/cards/defile.webp" alt="Defile" class="w-full h-full object-cover" loading="lazy"/><div class="absolute top-2 left-2 w-7 h-7 rounded-full bg-gray-900/90 border border-gray-700 flex items-center justify-center text-xs font-bold text-amber-400">1</div><div class="absolute top-2 right-2 w-2.5 h-2.5 rounded-full" style="background-color:#95a5a6" title="common"></div></div><div class="p-3"><div class="flex items-start justify-between gap-1 mb-1"><h3 class="text-sm font-semibold text-white leading-tight">Defile</h3></div><div class="flex items-center gap-1.5 mb-2"><span class="text-xs px-1.5 py-0.5 rounded font-medium" style="background-color:#2c3e5033;color:#2c3e50">Necrobinder</span><span class="text-xs text-gray-500 capitalize">attack</span></div><p class="text-xs text-gray-400 leading-relaxed line-clamp-3">Ethereal. Deal 13 damage.</p><div class="flex flex-wrap gap-1 mt-2"><span class="text-xs bg-gray-800 text-gray-400 px-1.5 py-0.5 rounded capitalize">ethereal</span></div><div class="flex flex-wrap gap-1 mt-2"><span class="text-xs bg-amber-500/20 text-amber-400 px-1.5 py-0.5 rounded border border-amber-500/30">ð</span></div></div></div><div class="group bg-gray-900 border border-gray-800 hover:border-gray-600 rounded-xl overflow-hidden transition-all hover:-translate-y-0.5"><div class="relative bg-gray-800 aspect-[3/4] flex items-center justify-center overflow-hidden"><img src="/images/cards/deflect.webp" alt="Deflect" class="w-full h-full object-cover" loading="lazy"/><div class="absolute top-2 left-2 w-7 h-7 rounded-full bg-gray-900/90 border border-gray-700 flex items-center justify-center text-xs font-bold text-amber-400">0</div><div class="absolute top-2 right-2 w-2.5 h-2.5 rounded-full" style="background-color:#95a5a6" title="common"></div></div><div class="p-3"><div class="flex items-start justify-between gap-1 mb-1"><h3 class="text-sm font-semibold text-white leading-tight">Deflect</h3></div><div class="flex items-center gap-1.5 mb-2"><span class="text-xs px-1.5 py-0.5 rounded font-medium" style="background-color:#27ae6033;color:#27ae60">Silent</span><span class="text-xs text-gray-500 capitalize">skill</span></div><p class="text-xs text-gray-400 leading-relaxed line-clamp-3">Gain 4 Block.</p><div class="flex flex-wrap gap-1 mt-2"><span class="text-xs bg-gray-800 text-gray-400 px-1.5 py-0.5 rounded capitalize">block</span></div></div></div><div class="group bg-gray-900 border border-gray-800 hover:border-gray-600 rounded-xl overflow-hidden transition-all hover:-translate-y-0.5"><div class="relative bg-gray-800 aspect-[3/4] flex items-center justify-center overflow-hidden"><img src="/images/cards/defragment.webp" alt="Defragment" class="w-full h-full object-cover" loading="lazy"/><div class="absolute top-2 left-2 w-7 h-7 rounded-full bg-gray-900/90 border border-gray-700 flex items-center justify-center text-xs font-bold text-amber-400">1</div><div class="absolute top-2 right-2 w-2.5 h-2.5 rounded-full" style="background-color:#f39c12" title="rare"></div></div><div class="p-3"><div class="flex items-start justify-between gap-1 mb-1"><h3 class="text-sm font-semibold text-white leading-tight">Defragment</h3></div><div class="flex items-center gap-1.5 mb-2"><span class="text-xs px-1.5 py-0.5 rounded font-medium" style="background-color:#2980b933;color:#2980b9">Defect</span><span class="text-xs text-gray-500 capitalize">
1power</span></div><p class="text-xs text-gray-400 leading-relaxed line-clamp-3">Gain 1 Focus.</p><div class="flex flex-wrap gap-1 mt-2"><span class="text-xs bg-gray-800 text-gray-400 px-1.5 py-0.5 rounded capitalize">focus</span></div></div></div><div class="group bg-gray-900 border border-gray-800 hover:border-gray-600 rounded-xl overflow-hidden transition-all hover:-translate-y-0.5"><div class="relative bg-gray-800 aspect-[3/4] flex items-center justify-center overflow-hidden"><img src="/images/cards/defy.webp" alt="Defy" class="w-full h-full object-cover" loading="lazy"/><div class="absolute top-2 left-2 w-7 h-7 rounded-full bg-gray-900/90 border border-gray-700 flex items-center justify-center text-xs font-bold text-amber-400">1</div><div class="absolute top-2 right-2 w-2.5 h-2.5 rounded-full" style="background-color:#95a5a6" title="common"></div></div><div class="p-3"><div class="flex items-start justify-between gap-1 mb-1"><h3 class="text-sm font-semibold text-white leading-tight">Defy</h3></div><div class="flex items-center gap-1.5 mb-2"><span class="text-xs px-1.5 py-0.5 rounded font-medium" style="background-color:#2c3e5033;color:#2c3e50">Necrobinder</span><span class="text-xs text-gray-500 capitalize">skill</span></div><p class="text-xs text-gray-400 leading-relaxed line-clamp-3">Ethereal. Gain 6 Block. Apply 1 Weak.</p><div class="flex flex-wrap gap-1 mt-2"><span class="text-xs bg-gray-800 text-gray-400 px-1.5 py-0.5 rounded capitalize">ethereal</span><span class="text-xs bg-gray-800 text-gray-400 px-1.5 py-0.5 rounded capitalize">weak</span><span class="text-xs bg-gray-800 text-gray-400 px-1.5 py-0.5 rounded capitalize">block</span></div><div class="flex flex-wrap gap-1 mt-2"><span class="text-xs bg-amber-500/20 text-amber-400 px-1.5 py-0.5 rounded border border-amber-500/30">ð</span></div></div></div><div class="group bg-gray-900 border border-gray-800 hover:border-gray-600 rounded-xl overflow-hidden transition-all hover:-translate-y-0.5"><div class="relative bg-gray-800 aspect-[3/4] flex items-center justify-center overflow-hidden"><img src="/images/cards/delay.webp" alt="Delay" class="w-full h-full object-cover" loading="lazy"/><div class="absolute top-2 left-2 w-7 h-7 rounded-full bg-gray-900/90 border border-gray-700 flex items-center justify-center text-xs font-bold text-amber-400">1</div><div class="absolute top-2 right-2 w-2.5 h-2.5 rounded-full" style="background-color:#27ae60" title="uncommon"></div></div><div class="p-3"><div class="flex items-start justify-between gap-1 mb-1"><h3 class="text-sm font-semibold text-white leading-tight">Delay</h3></div><div class="flex items-center gap-1.5 mb-2"><span class="text-xs px-1.5 py-0.5 rounded font-medium" style="background-color:#2c3e5033;color:#2c3e50">Necrobinder</span><span class="text-xs text-gray-500 capitalize">skill</span></div><p class="text-xs text-gray-400 leading-relaxed line-clamp-3">Gain 11 Block. Next turn, gain Energy.</p><div class="flex flex-wrap gap-1 mt-2"><span class="text-xs bg-gray-800 text-gray-400 px-1.5 py-0.5 rounded capitalize">block</span></div><div class="flex flex-wrap gap-1 mt-2"><span class="text-xs bg-amber-500/20 text-amber-400 px-1.5 py-0.5 rounded border border-amber-500/30">ð</span></div></div></div><div class="group bg-gray-900 border border-gray-800 hover:border-gray-600 rounded-xl overflow-hidden transition-all hover:-translate-y-0.5"><div class="relative bg-gray-800 aspect-[3/4] flex items-center justify-center overflow-hidden"><img src="/images/cards/demesne.webp" alt="Demesne" class="w-full h-full object-cover" loading="lazy"/><div class="absolute top-2 left-2 w-7 h-7 rounded-full bg-gray-900/90 border border-gray-700 flex items-center justify-center text-xs font-bold text-amber-400">1</div><div class="absolute top-2 right-2 w-2.5 h-2.5 rounded-full" style="background-color:#f39c12" title="rare"></div></div><div class="p-3"><div class="flex items-start justify-between gap-1 mb-1"><h3 class="text-sm font-semibold text-white leading-tight">Demesne</h3></div><div class="flex items-center gap-1.5 mb-2"><span class="text-xs px-1.5 py-0.5 rounded font-medium" style="background-color:#2c3e5033;color:#2c3e50">Necrobinder</span><span class="text-xs text-gray-500 capitalize">
1power</span></div><p class="text-xs text-gray-400 leading-relaxed line-clamp-3">Ethereal. At the start of your turn, gain Energy and draw 1 additional card.</p><div class="flex flex-wrap gap-1 mt-2"><span class="text-xs bg-gray-800 text-gray-400 px-1.5 py-0.5 rounded capitalize">ethereal</span></div><div class="flex flex-wrap gap-1 mt-2"><span class="text-xs bg-amber-500/20 text-amber-400 px-1.5 py-0.5 rounded border border-amber-500/30">ð</span></div></div></div><div class="group bg-gray-900 border border-gray-800 hover:border-gray-600 rounded-xl overflow-hidden transition-all hover:-translate-y-0.5"><div class="relative bg-gray-800 aspect-[3/4] flex items-center justify-center overflow-hidden"><img src="/images/cards/demon_form.webp" alt="Demon Form" class="w-full h-full object-cover" loading="lazy"/><div class="absolute top-2 left-2 w-7 h-7 rounded-full bg-gray-900/90 border border-gray-700 flex items-center justify-center text-xs font-bold text-amber-400">3</div><div class="absolute top-2 right-2 w-2.5 h-2.5 rounded-full" style="background-color:#f39c12" title="rare"></div></div><div class="p-3"><div class="flex items-start justify-between gap-1 mb-1"><h3 class="text-sm font-semibold text-white leading-tight">Demon Form</h3></div><div class="flex items-center gap-1.5 mb-2"><span class="text-xs px-1.5 py-0.5 rounded font-medium" style="background-color:#c0392b33;color:#c0392b">Ironclad</span><span class="text-xs text-gray-500 capitalize">power</span></div><p class="text-xs text-gray-400 leading-relaxed line-clamp-3">At the start of your turn, gain 2 Strength.</p><div class="flex flex-wrap gap-1 mt-2"><span class="text-xs bg-gray-800 text-gray-400 px-1.5 py-0.5 rounded capitalize">strength</span></div></div></div><div class="group bg-gray-900 border border-gray-800 hover:border-gray-600 rounded-xl overflow-hidden transition-all hover:-translate-y-0.5"><div class="relative bg-gray-800 aspect-[3/4] flex items-center justify-center overflow-hidden"><img src="/images/cards/demonic_shield.webp" alt="Demonic Shield" class="w-full h-full object-cover" loading="lazy"/><div class="absolute top-2 left-2 w-7 h-7 rounded-full bg-gray-900/90 border border-gray-700 flex items-center justify-center text-xs font-bold text-amber-400">0</div><div class="absolute top-2 right-2 w-2.5 h-2.5 rounded-full" style="background-color:#27ae60" title="uncommon"></div></div><div class="p-3"><div class="flex items-start justify-between gap-1 mb-1"><h3 class="text-sm font-semibold text-white leading-tight">Demonic Shield</h3></div><div class="flex items-center gap-1.5 mb-2"><span class="text-xs px-1.5 py-0.5 rounded font-medium" style="background-color:#c0392b33;color:#c0392b">Ironclad</span><span class="text-xs text-gray-500 capitalize">skill</span></div><p class="text-xs text-gray-400 leading-relaxed line-clamp-3">Lose 1 HP. Give another player Block equal to your Block.</p><div class="flex flex-wrap gap-1 mt-2"><span class="text-xs bg-gray-800 text-gray-400 px-1.5 py-0.5 rounded capitalize">block</span></div><div class="flex flex-wrap gap-1 mt-2"><span class="text-xs bg-amber-500/20 text-amber-400 px-1.5 py-0.5 rounded border border-amber-500/30">ð¥</span></div></div></div><div class="group bg-gray-900 border border-gray-800 hover:border-gray-600 rounded-xl overflow-hidden transition-all hover:-translate-y-0.5"><div class="relative bg-gray-800 aspect-[3/4] flex items-center justify-center overflow-hidden"><img src="/images/cards/devastate.webp" alt="Devastate" class="w-full h-full object-cover" loading="lazy"/><div class="absolute top-2 left-2 w-7 h-7 rounded-full bg-gray-900/90 border border-gray-700 flex items-center justify-center text-xs font-bold text-amber-400">1</div><div class="absolute top-2 right-2 w-2.5 h-2.5 rounded-full" style="background-color:#27ae60" title="uncommon"></div></div><div class="p-3"><div class="flex items-start justify-between gap-1 mb-1"><h3 class="text-sm font-semibold text-white leading-tight">Devastate</h3></div><div class="flex items-center gap-1.5 mb-2"><span class="text-xs px-1.5 py-0.5 rounded font-medium" style="background-color:#8e44ad33;color:#8e44ad">Regent</span><span class="text-xs text-gray-500 capitalize">attack</span></div><p class="text-xs text-gray-400 leading-relaxed line-clamp-3">Deal 30 damage.</p><div class="flex flex-wrap gap-1 mt-2"><span class="text-xs bg-amber-500/20 text-amber-400 px-1.5 py-0.5 rounded border border-amber-500/30">ð</span></div></div></div><div class="group bg-gray-900 border border-gray-800 hover:border-gray-600 rounded-xl overflow-hidden transition-all hover:-translate-y-0.5"><div class="relative bg-gray-800 aspect-[3/4] flex items-center justify-center overflow-hidden"><img src="/images/cards/devour_life.webp" alt="Devour Life" class="w-full h-full object-cover" loading="lazy"/><div class="absolute top-2 left-2 w-7 h-7 rounded-full bg-gray-900/90 border border-gray-700 flex items-center justify-center text-xs font-bold text-amber-400">1</div><div class="absolute top-2 right-2 w-2.5 h-2.5 rounded-full" style="background-color:#f39c12" title="rare"></div></div><div class="p-3"><div class="flex items-start justify-between gap-1 mb-1"><h3 class="text-sm font-semibold text-white leading-tight">Devour Life</h3></div><div class="flex items-center gap-1.5 mb-2"><span class="text-xs px-1.5 py-0.5 rounded font-medium" style="background-color:#2c3e5033;color:#2c3e50">Necrobinder</span><span class="text-xs text-gray-500 capitalize">
1power</span></div><p class="text-xs text-gray-400 leading-relaxed line-clamp-3">Whenever you play a Soul, Summon 1.</p><div class="flex flex-wrap gap-1 mt-2"><span class="text-xs bg-gray-800 text-gray-400 px-1.5 py-0.5 rounded capitalize">summon</span></div><div class="flex flex-wrap gap-1 mt-2"><span class="text-xs bg-amber-500/20 text-amber-400 px-1.5 py-0.5 rounded border border-amber-500/30">ð</span></div></div></div><div class="group bg-gray-900 border border-gray-800 hover:border-gray-600 rounded-xl overflow-hidden transition-all hover:-translate-y-0.5"><div class="relative bg-gray-800 aspect-[3/4] flex items-center justify-center overflow-hidden"><img src="/images/cards/dirge.webp" alt="Dirge" class="w-full h-full object-cover" loading="lazy"/><div class="absolute top-2 left-2 w-7 h-7 rounded-full bg-gray-900/90 border border-gray-700 flex items-center justify-center text-xs font-bold text-amber-400">1</div><div class="absolute top-2 right-2 w-2.5 h-2.5 rounded-full" style="background-color:#27ae60" title="uncommon"></div></div><div class="p-3"><div class="flex items-start justify-between gap-1 mb-1"><h3 class="text-sm font-semibold text-white leading-tight">Dirge</h3></div><div class="flex items-center gap-1.5 mb-2"><span class="text-xs px-1.5 py-0.5 rounded font-medium" style="background-color:#2c3e5033;color:#2c3e50">Necrobinder</span><span class="text-xs text-gray-500 capitalize">skill</span></div><p class="text-xs text-gray-400 leading-relaxed line-clamp-3">Summon 3 X times. Add X Souls into your Draw Pile.</p><div class="flex flex-wrap gap-1 mt-2"><span class="text-xs bg-gray-800 text-gray-400 px-1.5 py-0.5 rounded capitalize">summon</span></div><div class="flex flex-wrap gap-1 mt-2"><span class="text-xs bg-amber-500/20 text-amber-400 px-1.5 py-0.5 rounded border border-amber-500/30">ð</span></div></div></div><div class="group bg-gray-900 border border-gray-800 hover:border-gray-600 rounded-xl overflow-hidden transition-all hover:-translate-y-0.5"><div class="relative bg-gray-800 aspect-[3/4] flex items-center justify-center overflow-hidden"><img src="/images/cards/discovery.webp" alt="Discovery" class="w-full h-full object-cover" loading="lazy"/><div class="absolute top-2 left-2 w-7 h-7 rounded-full bg-gray-900/90 border border-gray-700 flex items-center justify-center text-xs font-bold text-amber-400">1</div><div class="absolute top-2 right-2 w-2.5 h-2.5 rounded-full" style="background-color:#27ae60" title="uncommon"></div></div><div class="p-3"><div class="flex items-start justify-between gap-1 mb-1"><h3 class="text-sm font-semibold text-white leading-tight">Discovery</h3></div><div class="flex items-center gap-1.5 mb-2"><span class="text-xs px-1.5 py-0.5 rounded font-medium" style="background-color:#7f8c8d33;color:#7f8c8d">Colorless</span><span class="text-xs text-gray-500 capitalize">skill</span></div><p class="text-xs text-gray-400 leading-relaxed line-clamp-3">Choose 1 of 3 random cards to add into your Hand. It costs 0 Energy this turn. Exhaust.</p><div class="flex flex-wrap gap-1 mt-2"><span class="text-xs bg-gray-800 text-gray-400 px-1.5 py-0.5 rounded capitalize">exhaust</span></div></div></div><div class="group bg-gray-900 border border-gray-800 hover:border-gray-600 rounded-xl overflow-hidden transition-all hover:-translate-y-0.5"><div class="relative bg-gray-800 aspect-[3/4] flex items-center justify-center overflow-hidden"><img src="/images/cards/disintegration.webp" alt="Disintegration" class="w-full h-full object-cover" loading="lazy"/><div class="absolute top-2 left-2 w-7 h-7 rounded-full bg-gray-900/90 border border-gray-700 flex items-center justify-center text-xs font-bold text-amber-400">1</div><div class="absolute top-2 right-2 w-2.5 h-2.5 rounded-full" style="background-color:#95a5a6" title="common"></div></div><div class="p-3"><div class="flex items-start justify-between gap-1 mb-1"><h3 class="text-sm font-semibold text-white leading-tight">Disintegration</h3></div><div class="flex items-center gap-1.5 mb-2"><span class="text-xs px-1.5 py-0.5 rounded font-medium" style="background-color:#7f8c8d33;color:#7f8c8d">Colorless</span><span class="text-xs text-gray-500 capitalize">skill</span></div><p class="text-xs text-gray-400 leading-relaxed line-clamp-3">At the end of your turn, take 6 damage.</p></div></div><div class="group bg-gray-900 border border-gray-800 hover:border-gray-600 rounded-xl overflow-hidden transition-all hover:-translate-y-0.5"><div class="relative bg-gray-800 aspect-[3/4] flex items-center justify-center overflow-hidden"><img src="/images/cards/dismantle.webp" alt="Dismantle" class="w-full h-full object-cover" loading="lazy"/><div class="absolute top-2 left-2 w-7 h-7 rounded-full bg-gray-900/90 border border-gray-700 flex items-center justify-center text-xs font-bold text-amber-400">1</div><div class="absolute top-2 right-2 w-2.5 h-2.5 rounded-full" style="background-color:#27ae60" title="uncommon"></div></div><div class="p-3"><div class="flex items-start justify-between gap-1 mb-1"><h3 class="text-sm font-semibold text-white leading-tight">Dismantle</h3></div><div class="flex items-center gap-1.5 mb-2"><span class="text-xs px-1.5 py-0.5 rounded font-medium" style="background-color:#c0392b33;color:#c0392b">Ironclad</span><span class="text-xs text-gray-500 capitalize">attack</span></div><p class="text-xs text-gray-400 leading-relaxed line-clamp-3">Deal 8 damage. If the enemy is Vulnerable, hits twice.</p><div class="flex flex-wrap gap-1 mt-2"><span class="text-xs bg-gray-800 text-gray-400 px-1.5 py-0.5 rounded capitalize">vulnerable</span></div></div></div><div class="group bg-gray-900 border border-gray-800 hover:border-gray-600 rounded-xl overflow-hidden transition-all hover:-translate-y-0.5"><div class="relative bg-gray-800 aspect-[3/4] flex items-center justify-center overflow-hidden">
1<img src="/images/cards/dodge_and_roll.webp" alt="Dodge and Roll" class="w-full h-full object-cover" loading="lazy"/><div class="absolute top-2 left-2 w-7 h-7 rounded-full bg-gray-900/90 border border-gray-700 flex items-center justify-center text-xs font-bold text-amber-400">1</div><div class="absolute top-2 right-2 w-2.5 h-2.5 rounded-full" style="background-color:#95a5a6" title="common"></div></div><div class="p-3"><div class="flex items-start justify-between gap-1 mb-1"><h3 class="text-sm font-semibold text-white leading-tight">Dodge and Roll</h3></div><div class="flex items-center gap-1.5 mb-2"><span class="text-xs px-1.5 py-0.5 rounded font-medium" style="background-color:#27ae6033;color:#27ae60">Silent</span><span class="text-xs text-gray-500 capitalize">skill</span></div><p class="text-xs text-gray-400 leading-relaxed line-clamp-3">Gain 4 Block. Next turn, gain 4 Block.</p><div class="flex flex-wrap gap-1 mt-2"><span class="text-xs bg-gray-800 text-gray-400 px-1.5 py-0.5 rounded capitalize">block</span></div></div></div><div class="group bg-gray-900 border border-gray-800 hover:border-gray-600 rounded-xl overflow-hidden transition-all hover:-translate-y-0.5"><div class="relative bg-gray-800 aspect-[3/4] flex items-center justify-center overflow-hidden"><img src="/images/cards/dominate.webp" alt="Dominate" class="w-full h-full object-cover" loading="lazy"/><div class="absolute top-2 left-2 w-7 h-7 rounded-full bg-gray-900/90 border border-gray-700 flex items-center justify-center text-xs font-bold text-amber-400">1</div><div class="absolute top-2 right-2 w-2.5 h-2.5 rounded-full" style="background-color:#27ae60" title="uncommon"></div></div><div class="p-3"><div class="flex items-start justify-between gap-1 mb-1"><h3 class="text-sm font-semibold text-white leading-tight">Dominate</h3></div><div class="flex items-center gap-1.5 mb-2"><span class="text-xs px-1.5 py-0.5 rounded font-medium" style="background-color:#c0392b33;color:#c0392b">Ironclad</span><span class="text-xs text-gray-500 capitalize">skill</span></div><p class="text-xs text-gray-400 leading-relaxed line-clamp-3">Gain 1 Strength for each Vulnerable on the enemy.</p><div class="flex flex-wrap gap-1 mt-2"><span class="text-xs bg-gray-800 text-gray-400 px-1.5 py-0.5 rounded capitalize">vulnerable</span><span class="text-xs bg-gray-800 text-gray-400 px-1.5 py-0.5 rounded capitalize">strength</span></div></div></div><div class="group bg-gray-900 border border-gray-800 hover:border-gray-600 rounded-xl overflow-hidden transition-all hover:-translate-y-0.5"><div class="relative bg-gray-800 aspect-[3/4] flex items-center justify-center overflow-hidden"><img src="/images/cards/double_energy.webp" alt="Double Energy" class="w-full h-full object-cover" loading="lazy"/><div class="absolute top-2 left-2 w-7 h-7 rounded-full bg-gray-900/90 border border-gray-700 flex items-center justify-center text-xs font-bold text-amber-400">1</div><div class="absolute top-2 right-2 w-2.5 h-2.5 rounded-full" style="background-color:#27ae60" title="uncommon"></div></div><div class="p-3"><div class="flex items-start justify-between gap-1 mb-1"><h3 class="text-sm font-semibold text-white leading-tight">Double Energy</h3></div><div class="flex items-center gap-1.5 mb-2"><span class="text-xs px-1.5 py-0.5 rounded font-medium" style="background-color:#2980b933;color:#2980b9">Defect</span><span class="text-xs text-gray-500 capitalize">skill</span></div><p class="text-xs text-gray-400 leading-relaxed line-clamp-3">Double your Energy. Exhaust.</p><div class="flex flex-wrap gap-1 mt-2"><span class="text-xs bg-gray-800 text-gray-400 px-1.5 py-0.5 rounded capitalize">exhaust</span></div></div></div><div class="group bg-gray-900 border border-gray-800 hover:border-gray-600 rounded-xl overflow-hidden transition-all hover:-translate-y-0.5"><div class="relative bg-gray-800 aspect-[3/4] flex items-center justify-center overflow-hidden"><img src="/images/cards/doubt.webp" alt="Doubt" class="w-full h-full object-cover" loading="lazy"/><div class="absolute top-2 left-2 w-7 h-7 rounded-full bg-gray-900/90 border border-gray-700 flex items-center justify-center text-xs font-bold text-amber-400">1</div><div class="absolute top-2 right-2 w-2.5 h-2.5 rounded-full" style="background-color:#e74
1c3c" title="special"></div></div><div class="p-3"><div class="flex items-start justify-between gap-1 mb-1"><h3 class="text-sm font-semibold text-white leading-tight">Doubt</h3></div><div class="flex items-center gap-1.5 mb-2"><span class="text-xs px-1.5 py-0.5 rounded font-medium" style="background-color:#7f8c8d33;color:#7f8c8d">Colorless</span><span class="text-xs text-gray-500 capitalize">skill</span></div><p class="text-xs text-gray-400 leading-relaxed line-clamp-3">Unplayable. At the end of your turn, if this is in your Hand, gain 1 Weak.</p><div class="flex flex-wrap gap-1 mt-2"><span class="text-xs bg-gray-800 text-gray-400 px-1.5 py-0.5 rounded capitalize">weak</span></div></div></div><div class="group bg-gray-900 border border-gray-800 hover:border-gray-600 rounded-xl overflow-hidden transition-all hover:-translate-y-0.5"><div class="relative bg-gray-800 aspect-[3/4] flex items-center justify-center overflow-hidden"><img src="/images/cards/drain_power.webp" alt="Drain Power" class="w-full h-full object-cover" loading="lazy"/><div class="absolute top-2 left-2 w-7 h-7 rounded-full bg-gray-900/90 border border-gray-700 flex items-center justify-center text-xs font-bold text-amber-400">1</div><div class="absolute top-2 right-2 w-2.5 h-2.5 rounded-full" style="background-color:#95a5a6" title="common"></div></div><div class="p-3"><div class="flex items-start justify-between gap-1 mb-1"><h3 class="text-sm font-semibold text-white leading-tight">Drain Power</h3></div><div class="flex items-center gap-1.5 mb-2"><span class="text-xs px-1.5 py-0.5 rounded font-medium" style="background-color:#2c3e5033;color:#2c3e50">Necrobinder</span><span class="text-xs text-gray-500 capitalize">attack</span></div><p class="text-xs text-gray-400 leading-relaxed line-clamp-3">Deal 10 damage. Upgrade 2 random cards in your Discard Pile.</p><div class="flex flex-wrap gap-1 mt-2"><span class="text-xs bg-amber-500/20 text-amber-400 px-1.5 py-0.5 rounded border border-amber-500/30">ð</span></div></div></div><div class="group bg-gray-900 border border-gray-800 hover:border-gray-600 rounded-xl overflow-hidden transition-all hover:-translate-y-0.5"><div class="relative bg-gray-800 aspect-[3/4] flex items-center justify-center overflow-hidden"><img src="/images/cards/dramatic_entrance.webp" alt="Dramatic Entrance" class="w-full h-full object-cover" loading="lazy"/><div class="absolute top-2 left-2 w-7 h-7 rounded-full bg-gray-900/90 border border-gray-700 flex items-center justify-center text-xs font-bold text-amber-400">1</div><div class="absolute top-2 right-2 w-2.5 h-2.5 rounded-full" style="background-color:#27ae60" title="uncommon"></div></div><div class="p-3"><div class="flex items-start justify-between gap-1 mb-1"><h3 class="text-sm font-semibold text-white leading-tight">Dramatic Entrance</h3></div><div class="flex items-center gap-1.5 mb-2"><span class="text-xs px-1.5 py-0.5 rounded font-medium" style="background-color:#7f8c8d33;color:#7f8c8d">Colorless</span><span class="text-xs text-gray-500 capitalize">attack</span></div><p class="text-xs text-gray-400 leading-relaxed line-clamp-3">Innate. Deal 11 damage to ALL enemies. Exhaust.</p><div class="flex flex-wrap gap-1 mt-2"><span class="text-xs bg-gray-800 text-gray-400 px-1.5 py-0.5 rounded capitalize">exhaust</span><span class="text-xs bg-gray-800 text-gray-400 px-1.5 py-0.5 rounded capitalize">innate</span></div></div></div><div class="group bg-gray-900 border border-gray-800 hover:border-gray-600 rounded-xl overflow-hidden transition-all hover:-translate-y-0.5"><div class="relative bg-gray-800 aspect-[3/4] flex items-center justify-center overflow-hidden"><img src="/images/cards/dredge.webp" alt="Dredge" class="w-full h-full object-cover" loading="lazy"/><div class="absolute top-2 left-2 w-7 h-7 rounded-full bg-gray-900/90 border border-gray-700 flex items-center justify-center text-xs font-bold text-amber-400">1</div><div class="absolute top-2 right-2 w-2.5 h-2.5 rounded-full" style="background-color:#27ae60" title="uncommon"></div></div><div class="p-3"><div class="flex items-start justify-between gap-1 mb-1"><h3 class="text-sm font-semibold text-white leading-tight">Dredge</h3></div><div class="flex items-center gap-1.5 mb-2"><span class="text-xs px-1.5 py-0.5 rounded font-medium" style="background-color:#2c3e5033;color:#2c3e50">Necrobinder</span><span class="text-xs text-gray-500 capitalize">skill</span></div><p class="text-xs text-gray-400 leading-relaxed line-clamp-3">Put 3 cards from your Discard Pile into your Hand. Exhaust.</p><div class="flex flex-wrap gap-1 mt-2"><span class="text-xs bg-gray-800 text-gray-400 px-1.5 py-0.5 rounded capitalize">exhaust</span></div><div class="flex flex-wrap gap-1 mt-2"><span class="text-xs bg-amber-500/20 text-amber-400 px-1.5 py-0.5 rounded border border-amber-500/30">ð</span></div></div></div><div class="group bg-gray-900 border border-gray-800 hover:border-gray-600 rounded-xl overflow-hidden transition-all hover:-translate-y-0.5"><div class="relative bg-gray-800 aspect-[3/4] flex items-center justify-center overflow-hidden"><img src="/images/cards/drum_of_battle.webp" alt="Drum of Battle" class="w-full h-full object-cover" loading="lazy"/><div class="absolute top-2 left-2 w-7 h-7 rounded-full bg-gray-900/90 border border-gray-700 flex items-center justify-center text-xs font-bold text-amber-400">0</div><div class="absolute top-2 right-2 w-2.5 h-2.5 rounded-full" style="background-color:#27ae60" title="uncommon"></div></div><div class="p-3"><div class="flex items-start justify-between gap-1 mb-1"><h3 class="text-sm font-semibold text-white leading-tight">Drum of Battle</h3></div><div class="flex items-center gap-1.5 mb-2"><span class="text-xs px-1.5 py-0.5 rounded font-medium" style="background-color:#c0392b33;color:#c0392b">Ironclad</span><span class="text-xs text-gray-500 capitalize">
1power</span></div><p class="text-xs text-gray-400 leading-relaxed line-clamp-3">Draw 2 cards. At the start of your turn, Exhaust the top card of your Draw Pile.</p><div class="flex flex-wrap gap-1 mt-2"><span class="text-xs bg-gray-800 text-gray-400 px-1.5 py-0.5 rounded capitalize">exhaust</span></div></div></div><div class="group bg-gray-900 border border-gray-800 hover:border-gray-600 rounded-xl overflow-hidden transition-all hover:-translate-y-0.5"><div class="relative bg-gray-800 aspect-[3/4] flex items-center justify-center overflow-hidden"><img src="/images/cards/dualcast.webp" alt="Dualcast" class="w-full h-full object-cover" loading="lazy"/><div class="absolute top-2 left-2 w-7 h-7 rounded-full bg-gray-900/90 border border-gray-700 flex items-center justify-center text-xs font-bold text-amber-400">1</div><div class="absolute top-2 right-2 w-2.5 h-2.5 rounded-full" style="background-color:#95a5a6" title="common"></div></div><div class="p-3"><div class="flex items-start justify-between gap-1 mb-1"><h3 class="text-sm font-semibold text-white leading-tight">Dualcast</h3></div><div class="flex items-center gap-1.5 mb-2"><span class="text-xs px-1.5 py-0.5 rounded font-medium" style="background-color:#2980b933;color:#2980b9">Defect</span><span class="text-xs text-gray-500 capitalize">skill</span></div><p class="text-xs text-gray-400 leading-relaxed line-clamp-3">Evoke your rightmost Orb twice.</p></div></div><div class="group bg-gray-900 border border-gray-800 hover:border-gray-600 rounded-xl overflow-hidden transition-all hover:-translate-y-0.5"><div class="relative bg-gray-800 aspect-[3/4] flex items-center justify-center overflow-hidden"><img src="/images/cards/dying_star.webp" alt="Dying Star" class="w-full h-full object-cover" loading="lazy"/><div class="absolute top-2 left-2 w-7 h-7 rounded-full bg-gray-900/90 border border-gray-700 flex items-center justify-center text-xs font-bold text-amber-400">1</div><div class="absolute top-2 right-2 w-2.5 h-2.5 rounded-full" style="background-color:#f39c12" title="rare"></div></div><div class="p-3"><div class="flex items-start justify-between gap-1 mb-1"><h3 class="text-sm font-semibold text-white leading-tight">Dying Star</h3></div><div class="flex items-center gap-1.5 mb-2"><span class="text-xs px-1.5 py-0.5 rounded font-medium" style="background-color:#8e44ad33;color:#8e44ad">Regent</span><span class="text-xs text-gray-500 capitalize">attack</span></div><p class="text-xs text-gray-400 leading-relaxed line-clamp-3">Ethereal. Deal 9 damage to ALL enemies. ALL enemies lose 9 Strength this turn.</p><div class="flex flex-wrap gap-1 mt-2"><span class="text-xs bg-gray-800 text-gray-400 px-1.5 py-0.5 rounded capitalize">ethereal</span><span class="text-xs bg-gray-800 text-gray-400 px-1.5 py-0.5 rounded capitalize">strength</span></div><div class="flex flex-wrap gap-1 mt-2"><span class="text-xs bg-amber-500/20 text-amber-400 px-1.5 py-0.5 rounded border border-amber-500/30">ð</span></div></div></div><div class="group bg-gray-900 border border-gray-800 hover:border-gray-600 rounded-xl overflow-hidden transition-all hover:-translate-y-0.5"><div class="relative bg-gray-800 aspect-[3/4] flex items-center justify-center overflow-hidden"><img src="/images/cards/echo_form.webp" alt="Echo Form" class="w-full h-full object-cover" loading="lazy"/><div class="absolute top-2 left-2 w-7 h-7 rounded-full bg-gray-900/90 border border-gray-700 flex items-center justify-center text-xs font-bold text-amber-400">3</div><div class="absolute top-2 right-2 w-2.5 h-2.5 rounded-full" style="background-color:#f39c12" title="rare"></div></div><div class="p-3"><div class="flex items-start justify-between gap-1 mb-1"><h3 class="text-sm font-semibold text-white leading-tight">Echo Form</h3></div><div class="flex items-center gap-1.5 mb-2"><span class="text-xs px-1.5 py-0.5 rounded font-medium" style="background-color:#2980b933;color:#2980b9">Defect</span><span class="text-xs text-gray-500 capitalize">power</span></div><p class="text-xs text-gray-400 leading-relaxed line-clamp-3">Ethereal. The first card you play each turn is played an extra time.</p><div class="flex flex-wrap gap-1 mt-2"><span class="text-xs bg-gray-800 text-gray-400 px-1.5 py-0.5 rounded capitalize">ethereal</span></div></div></div><div class="group bg-gray-900 border border-gray-800 hover:border-gray-600 rounded-xl overflow-hidden transition-all hover:-translate-y-0.5"><div class="relative bg-gray-800 aspect-[3/4] flex items-center justify-center overflow-hidden"><img src="/images/cards/echoing_slash.webp" alt="Echoing Slash" class="w-full h-full object-cover" loading="lazy"/><div class="absolute top-2 left-2 w-7 h-7 rounded-full bg-gray-900/90 border border-gray-700 flex items-center justify-center text-xs font-bold text-amber-400">1</div><div class="absolute top-2 right-2 w-2.5 h-2.5 rounded-full" style="background-color:#f39c12" title="rare"></div></div><div class="p-3"><div class="flex items-start justify-between gap-1 mb-1"><h3 class="text-sm font-semibold text-white leading-tight">Echoing Slash</h3></div><div class="flex items-center gap-1.5 mb-2"><span class="text-xs px-1.5 py-0.5 rounded font-medium" style="background-color:#27ae6033;color:#27ae60">Silent</span><span class="text-xs text-gray-500 capitalize">attack</span></div><p class="text-xs text-gray-400 leading-relaxed line-clamp-3">Deal 10 damage to ALL enemies. Repeat this effect for each enemy killed.</p></div></div><div class="group bg-gray-900 border border-gray-800 hover:border-gray-600 rounded-xl overflow-hidden transition-all hover:-translate-y-0.5"><div class="relative bg-gray-800 aspect-[3/4] flex items-center justify-center overflow-hidden"><img src="/images/cards/eidolon.webp" alt="Eidolon" class="w-full h-full object-cover" loading="lazy"/><div class="absolute top-2 left-2 w-7 h-7 rounded-full bg-gray-900/90 border border-gray-700 flex items-center justify-center text-xs font-bold text-amber-400">1</div><div class="absolute top-2 right-2 w-2.5 h-2.5 rounded-full" style="background-color:#f39c12" title="rare"></div></div><div class="p-3"><div class="flex items-start justify-between gap-1 mb-1"><h3 class="text-sm font-semibold text-white leading-tight">Eidolon</h3></div><div class="flex items-center gap-1.5 mb-2"><span class="text-xs px-1.5 py-0.5 rounded font-medium" style="background-color:#2c3e5033;color:#2c3e50">Necrobinder</span><span class="text-xs text-gray-500 capitalize">skill</span></div><p class="text-xs text-gray-400 leading-relaxed line-clamp-3">Exhaust your Hand. If 9 cards were Exhausted this way, gain 1 Intangible.</p><div class="flex flex-wrap gap-1 mt-2"><span class="text-xs bg-gray-800 text-gray-400 px-1.5 py-0.5 rounded capitalize">exhaust</span></div><div class="flex flex-wrap gap-1 mt-2"><span class="text-xs bg-amber-500/20 text-amber-400 px-1.5 py-0.5 rounded border border-amber-500/30">ð</span></div></div></div><div class="group bg-gray-900 border border-gray-800 hover:border-gray-600 rounded-xl overflow-hidden transition-all hover:-translate-y-0.5"><div class="relative bg-gray-800 aspect-[3/4] flex items-center justify-center overflow-hidden"><img src="/images/cards/end_of_days.webp" alt="End of Days" class="w-full h-full object-cover" loading="lazy"/><div class="absolute top-2 left-2 w-7 h-7 rounded-full bg-gray-900/90 border border-gray-700 flex items-center justify-center text-xs font-bold text-amber-400">1</div><div class="absolute top-2 right-2 w-2.5 h-2.5 rounded-full" style="background-color:#f39c12" title="rare"></div></div><div class="p-3"><div class="flex items-start justify-between gap-1 mb-1"><h3 class="text-sm font-semibold text-white leading-tight">End of Days</h3></div><div class="flex items-center gap-1.5 mb-2"><span class="text-xs px-1.5 py-0.5 rounded font-medium" style="background-color:#2c3e5033;color:#2c3e50">Necrobinder</span><span class="text-xs text-gray-500 capitalize">skill</span></div><p class="text-xs text-gray-400 leading-relaxed line-clamp-3">Apply 29 Doom to ALL enemies. Kill enemies with at least as much Doom as HP.</p><div class="flex flex-wrap gap-1 mt-2"><span class="text-xs bg-gray-800 text-gray-400 px-1.5 py-0.5 rounded capitalize">doom</span></div><div class="flex flex-wrap gap-1 mt-2"><span class="text-xs bg-amber-500/20 text-amber-400 px-1.5 py-0.5 rounded border border-amber-500/30">ð</span><span class="text-xs bg-amber-500/20 text-amber-400 px-1.5 py-0.5 rounded border border-amber-500/30">ð</span></div></div></div><div class="group bg-gray-900 border border-gray-800 hover:border-gray-600 rounded-xl overflow-hidden transition-all hover:-translate-y-0.5"><div class="relative bg-gray-800 aspect-[3/4] flex items-center justify-center overflow-hidden"><img src="/images/cards/energy_surge.webp" alt="Energy Surge" class="w-full h-full object-cover" loading="lazy"/><div class="absolute top-2 left-2 w-7 h-7 rounded-full bg-gray-900/90 border border-gray-700 flex items-center justify-center text-xs font-bold text-amber-400">1</div><div class="absolute top-2 right-2 w-2.5 h-2.5 rounded-full" style="background-color:#27ae60" title="uncommon"></div></div><div class="p-3"><div class="flex items-start justify-between gap-1 mb-1"><h3 class="text-sm font-semibold text-white leading-tight">Energy Surge</h3></div><div class="flex items-center gap-1.5 mb-2"><span class="text-xs px-1.5 py-0.5 rounded font-medium" style="background-color:#2980b933;color:#2980b9">Defect</span><span class="text-xs text-gray-500 capitalize">skill</span></div><p class="text-xs text-gray-400 leading-relaxed line-clamp-3">ALL players gain EnergyEnergy. Exhaust.</p><div class="flex flex-wrap gap-1 mt-2"><span class="text-xs bg-gray-800 text-gray-400 px-1.5 py-0.5 rounded capitalize">exhaust</span></div><div class="flex flex-wrap gap-1 mt-2"><span class="text-xs bg-amber-500/20 text-amber-400 px-1.5 py-0.5 rounded border border-amber-500/30">ð¥</span></div></div></div><div class="group bg-gray-900 border border-gray-800 hover:border-gray-600 rounded-xl overflow-hidden transition-all hover:-translate-y-0.5"><div class="relative bg-gray-800 aspect-[3/4] flex items-center justify-center overflow-hidden"><img src="/images/cards/enfeebling_touch.webp" alt="Enfeebling Touch" class="w-full h-full object-cover" loading="lazy"/><div class="absolute top-2 left-2 w-7 h-7 rounded-full bg-gray-900/90 border border-gray-700 flex items-center justify-center text-xs font-bold text-amber-400">1</div><div class="absolute top-2 right-2 w-2.5 h-2.5 rounded-full" style="background-color:#27ae60" title="uncommon"></div></div><div class="p-3"><div class="flex items-start justify-between gap-1 mb-1"><h3 class="text-sm font-semibold text-white leading-tight">Enfeebling Touch</h3></div><div class="flex items-center gap-1.5 mb-2"><span class="text-xs px-1.5 py-0.5 rounded font-medium" style="background-color:#2c3e5033;color:#2c3e50">Necrobinder</span><span class="text-xs text-gray-500 capitalize">skill</span></div><p class="text-xs text-gray-400 leading-relaxed line-clamp-3">Ethereal. Enemy loses 8 Strength this turn.</p><div class="flex flex-wrap gap-1 mt-2"><span class="text-xs bg-gray-800 text-gray-400 px-1.5 py-0.5 rounded capitalize">ethereal</span><span class="text-xs bg-gray-800 text-gray-400 px-1.5 py-0.5 rounded capitalize">strength</span></div><div class="flex flex-wrap gap-1 mt-2"><span class="text-xs bg-amber-500/20 text-amber-400 px-1.5 py-0.5 rounded border border-amber-500/30">ð</span></div></div></div><div class="group bg-gray-900 border border-gray-800 hover:border-gray-600 rounded-xl overflow-hidden transition-all hover:-translate-y-0.5"><div class="relative bg-gray-800 aspect-[3/4] flex items-center justify-center overflow-hidden"><img src="/images/cards/enlightenment.webp" alt="Enlightenment" class="w-full h-full object-cover" loading="lazy"/><div class="absolute top-2 left-2 w-7 h-7 rounded-full bg-gray-900/90 border border-gray-700 flex items-center justify-center text-xs font-bold text-amber-400">1</div><div class="absolute top-2 right-2 w-2.5 h-2.5 rounded-full" style="background-color:#27ae60" title="uncommon"></div></div><div class="p-3"><div class="flex items-start justify-between gap-1 mb-1"><h3 class="text-sm font-semibold text-white leading-tight">Enlightenment</h3></div><div class="flex items-center gap-1.5 mb-2"><span class="text-xs px-1.5 py-0.5 rounded font-medium" style="background-color:#7f8c8d33;color:#7f8c8d">Colorless</span><span class="text-xs text-gray-500 capitalize">skill</span></div><p class="text-xs text-gray-400 leading-relaxed line-clamp-3">Reduce the cost of ALL cards in your Hand to 1 this turn. Exhaust.</p><div class="flex flex-wrap gap-1 mt-2"><span class="text-xs bg-gray-800 text-gray-400 px-1.5 py-0.5 rounded capitalize">exhaust</span></div></div></div><div class="group bg-gray-900 border border-gray-800 hover:border-gray-600 rounded-xl overflow-hidden transition-all hover:-translate-y-0.5"><div class="relative bg-gray-800 aspect-[3/4] flex items-center justify-center overflow-hidden"><img src="/images/cards/enthralled.webp" alt="Enthralled" class="w-full h-full object-cover" loading="lazy"/><div class="absolute top-2 left-2 w-7 h-7 rounded-full bg-gray-900/90 border border-gray-700 flex items-center justify-center text-xs font-bold text-amber-400">1</div><div class="absolute top-2 right-2 w-2.5 h-2.5 rounded-full" style="background-color:#e74
1c3c" title="special"></div></div><div class="p-3"><div class="flex items-start justify-between gap-1 mb-1"><h3 class="text-sm font-semibold text-white leading-tight">Enthralled</h3></div><div class="flex items-center gap-1.5 mb-2"><span class="text-xs px-1.5 py-0.5 rounded font-medium" style="background-color:#7f8c8d33;color:#7f8c8d">Colorless</span><span class="text-xs text-gray-500 capitalize">skill</span></div><p class="text-xs text-gray-400 leading-relaxed line-clamp-3">If this is in your Hand, it must be played before other cards. Eternal.</p></div></div><div class="group bg-gray-900 border border-gray-800 hover:border-gray-600 rounded-xl overflow-hidden transition-all hover:-translate-y-0.5"><div class="relative bg-gray-800 aspect-[3/4] flex items-center justify-center overflow-hidden"><img src="/images/cards/entropy.webp" alt="Entropy" class="w-full h-full object-cover" loading="lazy"/><div class="absolute top-2 left-2 w-7 h-7 rounded-full bg-gray-900/90 border border-gray-700 flex items-center justify-center text-xs font-bold text-amber-400">1</div><div class="absolute top-2 right-2 w-2.5 h-2.5 rounded-full" style="background-color:#f39c12" title="rare"></div></div><div class="p-3"><div class="flex items-start justify-between gap-1 mb-1"><h3 class="text-sm font-semibold text-white leading-tight">Entropy</h3></div><div class="flex items-center gap-1.5 mb-2"><span class="text-xs px-1.5 py-0.5 rounded font-medium" style="background-color:#7f8c8d33;color:#7f8c8d">Colorless</span><span class="text-xs text-gray-500 capitalize">power</span></div><p class="text-xs text-gray-400 leading-relaxed line-clamp-3">At the start of your turn, Transform 1 card in your Hand.</p></div></div><div class="group bg-gray-900 border border-gray-800 hover:border-gray-600 rounded-xl overflow-hidden transition-all hover:-translate-y-0.5"><div class="relative bg-gray-800 aspect-[3/4] flex items-center justify-center overflow-hidden"><img src="/images/cards/envenom.webp" alt="Envenom" class="w-full h-full object-cover" loading="lazy"/><div class="absolute top-2 left-2 w-7 h-7 rounded-full bg-gray-900/90 border border-gray-700 flex items-center justify-center text-xs font-bold text-amber-400">2</div><div class="absolute top-2 right-2 w-2.5 h-2.5 rounded-full" style="background-color:#f39c12" title="rare"></div></div><div class="p-3"><div class="flex items-start justify-between gap-1 mb-1"><h3 class="text-sm font-semibold text-white leading-tight">Envenom</h3></div><div class="flex items-center gap-1.5 mb-2"><span class="text-xs px-1.5 py-0.5 rounded font-medium" style="background-color:#27ae6033;color:#27ae60">Silent</span><span class="text-xs text-gray-500 capitalize">power</span></div><p class="text-xs text-gray-400 leading-relaxed line-clamp-3">
1Whenever an Attack deals unblocked damage, apply 1 Poison.</p><div class="flex flex-wrap gap-1 mt-2"><span class="text-xs bg-gray-800 text-gray-400 px-1.5 py-0.5 rounded capitalize">poison</span><span class="text-xs bg-gray-800 text-gray-400 px-1.5 py-0.5 rounded capitalize">block</span></div></div></div><div class="group bg-gray-900 border border-gray-800 hover:border-gray-600 rounded-xl overflow-hidden transition-all hover:-translate-y-0.5"><div class="relative bg-gray-800 aspect-[3/4] flex items-center justify-center overflow-hidden"><img src="/images/cards/equilibrium.webp" alt="Equilibrium" class="w-full h-full object-cover" loading="lazy"/><div class="absolute top-2 left-2 w-7 h-7 rounded-full bg-gray-900/90 border border-gray-700 flex items-center justify-center text-xs font-bold text-amber-400">1</div><div class="absolute top-2 right-2 w-2.5 h-2.5 rounded-full" style="background-color:#27ae60" title="uncommon"></div></div><div class="p-3"><div class="flex items-start justify-between gap-1 mb-1"><h3 class="text-sm font-semibold text-white leading-tight">Equilibrium</h3></div><div class="flex items-center gap-1.5 mb-2"><span class="text-xs px-1.5 py-0.5 rounded font-medium" style="background-color:#7f8c8d33;color:#7f8c8d">Colorless</span><span class="text-xs text-gray-500 capitalize">skill</span></div><p class="text-xs text-gray-400 leading-relaxed line-clamp-3">Gain 13 Block. Retain your Hand this turn.</p><div class="flex flex-wrap gap-1 mt-2"><span class="text-xs bg-gray-800 text-gray-400 px-1.5 py-0.5 rounded capitalize">retain</span><span class="text-xs bg-gray-800 text-gray-400 px-1.5 py-0.5 rounded capitalize">block</span></div></div></div><div class="group bg-gray-900 border border-gray-800 hover:border-gray-600 rounded-xl overflow-hidden transition-all hover:-translate-y-0.5"><div class="relative bg-gray-800 aspect-[3/4] flex items-center justify-center overflow-hidden"><img src="/images/cards/eradicate.webp" alt="Eradicate" class="w-full h-full object-cover" loading="lazy"/><div class="absolute top-2 left-2 w-7 h-7 rounded-full bg-gray-900/90 border border-gray-700 flex items-center justify-center text-xs font-bold text-amber-400">1</div><div class="absolute top-2 right-2 w-2.5 h-2.5 rounded-full" style="background-color:#f39c12" title="rare"></div></div><div class="p-3"><div class="flex items-start justify-between gap-1 mb-1"><h3 class="text-sm font-semibold text-white leading-tight">Eradicate</h3></div><div class="flex items-center gap-1.5 mb-2"><span class="text-xs px-1.5 py-0.5 rounded font-medium" style="background-color:#2c3e5033;color:#2c3e50">Necrobinder</span><span class="text-xs text-gray-500 capitalize">attack</span></div><p class="text-xs text-gray-400 leading-relaxed line-clamp-3">Retain. Deal 11 damage X times.</p><div class="flex flex-wrap gap-1 mt-2"><span class="text-xs bg-gray-800 text-gray-400 px-1.5 py-0.5 rounded capitalize">retain</span></div><div class="flex flex-wrap gap-1 mt-2"><span class="text-xs bg-amber-500/20 text-amber-400 px-1.5 py-0.5 rounded border border-amber-500/30">ð</span></div></div></div><div class="group bg-gray-900 border border-gray-800 hover:border-gray-600 rounded-xl overflow-hidden transition-all hover:-translate-y-0.5"><div class="relative bg-gray-800 aspect-[3/4] flex items-center justify-center overflow-hidden"><img src="/images/cards/escape_plan.webp" alt="Escape Plan" class="w-full h-full object-cover" loading="lazy"/><div class="absolute top-2 left-2 w-7 h-7 rounded-full bg-gray-900/90 border border-gray-700 flex items-center justify-center text-xs font-bold text-amber-400">0</div><div class="absolute top-2 right-2 w-2.5 h-2.5 rounded-full" style="background-color:#27ae60" title="uncommon"></div></div><div class="p-3"><div class="flex items-start justify-between gap-1 mb-1"><h3 class="text-sm font-semibold text-white leading-tight">Escape Plan</h3></div><div class="flex items-center gap-1.5 mb-2"><span class="text-xs px-1.5 py-0.5 rounded font-medium" style="background-color:#27ae6033;color:#27ae60">Silent</span><span class="text-xs text-gray-500 capitalize">skill</span></div><p class="text-xs text-gray-400 leading-relaxed line-clamp-3">Draw 1 card. If you draw a Skill, gain 3 Block.</p><div class="flex flex-wrap gap-1 mt-2"><span class="text-xs bg-gray-800 text-gray-400 px-1.5 py-0.5 rounded capitalize">block</span></div></div></div><div class="group bg-gray-900 border border-gray-800 hover:border-gray-600 rounded-xl overflow-hidden transition-all hover:-translate-y-0.5"><div class="relative bg-gray-800 aspect-[3/4] flex items-center justify-center overflow-hidden"><img src="/images/cards/eternal_armor.webp" alt="Eternal Armor" class="w-full h-full object-cover" loading="lazy"/><div class="absolute top-2 left-2 w-7 h-7 rounded-full bg-gray-900/90 border border-gray-700 flex items-center justify-center text-xs font-bold text-amber-400">1</div><div class="absolute top-2 right-2 w-2.5 h-2.5 rounded-full" style="background-color:#f39c12" title="rare"></div></div><div class="p-3"><div class="flex items-start justify-between gap-1 mb-1"><h3 class="text-sm font-semibold text-white leading-tight">Eternal Armor</h3></div><div class="flex items-center gap-1.5 mb-2"><span class="text-xs px-1.5 py-0.5 rounded font-medium" style="background-color:#7f8c8d33;color:#7f8c8d">Colorless</span><span class="text-xs text-gray-500 capitalize">skill</span></div><p class="text-xs text-gray-400 leading-relaxed line-clamp-3">Gain 7 Plating.</p></div></div><div class="group bg-gray-900 border border-gray-800 hover:border-gray-600 rounded-xl overflow-hidden transition-all hover:-translate-y-0.5"><div class="relative bg-gray-800 aspect-[3/4] flex items-center justify-center overflow-hidden"><img src="/images/cards/evil_eye.webp" alt="Evil Eye" class="w-full h-full object-cover" loading="lazy"/><div class="absolute top-2 left-2 w-7 h-7 rounded-full bg-gray-900/90 border border-gray-700 flex items-center justify-center text-xs font-bold text-amber-400">1</div><div class="absolute top-2 right-2 w-2.5 h-2.5 rounded-full" style="background-color:#27ae60" title="uncommon"></div></div><div class="p-3"><div class="flex items-start justify-between gap-1 mb-1"><h3 class="text-sm font-semibold text-white leading-tight">Evil Eye</h3></div><div class="flex items-center gap-1.5 mb-2"><span class="text-xs px-1.5 py-0.5 rounded font-medium" style="background-color:#c0392b33;color:#c0392b">Ironclad</span><span class="text-xs text-gray-500 capitalize">skill</span></div><p class="text-xs text-gray-400 leading-relaxed line-clamp-3">Gain 8 Block. Gain another 8 Block if you have Exhausted a card this turn.</p><div class="flex flex-wrap gap-1 mt-2"><span class="text-xs bg-gray-800 text-gray-400 px-1.5 py-0.5 rounded capitalize">exhaust</span><span class="text-xs bg-gray-800 text-gray-400 px-1.5 py-0.5 rounded capitalize">block</span></div></div></div><div class="group bg-gray-900 border border-gray-800 hover:border-gray-600 rounded-xl overflow-hidden transition-all hover:-translate-y-0.5"><div class="relative bg-gray-800 aspect-[3/4] flex items-center justify-center overflow-hidden">
1<img src="/images/cards/expect_a_fight.webp" alt="Expect a Fight" class="w-full h-full object-cover" loading="lazy"/><div class="absolute top-2 left-2 w-7 h-7 rounded-full bg-gray-900/90 border border-gray-700 flex items-center justify-center text-xs font-bold text-amber-400">2</div><div class="absolute top-2 right-2 w-2.5 h-2.5 rounded-full" style="background-color:#27ae60" title="uncommon"></div></div><div class="p-3"><div class="flex items-start justify-between gap-1 mb-1"><h3 class="text-sm font-semibold text-white leading-tight">Expect a Fight</h3></div><div class="flex items-center gap-1.5 mb-2"><span class="text-xs px-1.5 py-0.5 rounded font-medium" style="background-color:#c0392b33;color:#c0392b">Ironclad</span><span class="text-xs text-gray-500 capitalize">skill</span></div><p class="text-xs text-gray-400 leading-relaxed line-clamp-3">Gain Energy for each Attack in your Hand.</p></div></div><div class="group bg-gray-900 border border-gray-800 hover:border-gray-600 rounded-xl overflow-hidden transition-all hover:-translate-y-0.5"><div class="relative bg-gray-800 aspect-[3/4] flex items-center justify-center overflow-hidden"><img src="/images/cards/expertise.webp" alt="Expertise" class="w-full h-full object-cover" loading="lazy"/><div class="absolute top-2 left-2 w-7 h-7 rounded-full bg-gray-900/90 border border-gray-700 flex items-center justify-center text-xs font-bold text-amber-400">1</div><div class="absolute top-2 right-2 w-2.5 h-2.5 rounded-full" style="background-color:#27ae60" title="uncommon"></div></div><div class="p-3"><div class="flex items-start justify-between gap-1 mb-1"><h3 class="text-sm font-semibold text-white leading-tight">Expertise</h3></div><div class="flex items-center gap-1.5 mb-2"><span class="text-xs px-1.5 py-0.5 rounded font-medium" style="background-color:#27ae6033;color:#27ae60">Silent</span><span class="text-xs text-gray-500 capitalize">skill</span></div><p class="text-xs text-gray-400 leading-relaxed line-clamp-3">Draw cards until you have 6 in your Hand.</p></div></div><div class="group bg-gray-900 border border-gray-800 hover:border-gray-600 rounded-xl overflow-hidden transition-all hover:-translate-y-0.5"><div class="relative bg-gray-800 aspect-[3/4] flex items-center justify-center overflow-hidden"><img src="/images/cards/expose.webp" alt="Expose" class="w-full h-full object-cover" loading="lazy"/><div class="absolute top-2 left-2 w-7 h-7 rounded-full bg-gray-900/90 border border-gray-700 flex items-center justify-center text-xs font-bold text-amber-400">0</div><div class="absolute top-2 right-2 w-2.5 h-2.5 rounded-full" style="background-color:#27ae60" title="uncommon"></div></div><div class="p-3"><div class="flex items-start justify-between gap-1 mb-1"><h3 class="text-sm font-semibold text-white leading-tight">Expose</h3></div><div class="flex items-center gap-1.5 mb-2"><span class="text-xs px-1.5 py-0.5 rounded font-medium" style="background-color:#27ae6033;color:#27ae60">Silent</span><span class="text-xs text-gray-500 capitalize">skill</span></div><p class="text-xs text-gray-400 leading-relaxed line-clamp-3">Remove all Artifact and Block from the enemy. Apply 2 Vulnerable. Exhaust.</p><div class="flex flex-wrap gap-1 mt-2"><span class="text-xs bg-gray-800 text-gray-400 px-1.5 py-0.5 rounded capitalize">exhaust</span><span class="text-xs bg-gray-800 text-gray-400 px-1.5 py-0.5 rounded capitalize">vulnerable</span><span class="text-xs bg-gray-800 text-gray-400 px-1.5 py-0.5 rounded capitalize">block</span></div></div></div><div class="group bg-gray-900 border border-gray-800 hover:border-gray-600 rounded-xl overflow-hidden transition-all hover:-translate-y-0.5"><div class="relative bg-gray-800 aspect-[3/4] flex items-center justify-center overflow-hidden"><img src="/images/cards/exterminate.webp" alt="Exterminate" class="w-full h-full object-cover" loading="lazy"/><div class="absolute top-2 left-2 w-7 h-7 rounded-full bg-gray-900/90 border border-gray-700 flex items-center justify-center text-xs font-bold text-amber-400">1</div><div class="absolute top-2 right-2 w-2.5 h-2.5 rounded-full" style="background-color:#f39c12" title="rare"></div></div><div class="p-3"><div class="flex items-start justify-between gap-1 mb-1"><h3 class="text-sm font-semibold text-white leading-tight">Exterminate</h3></div><div class="flex items-center gap-1.5 mb-2"><span class="text-xs px-1.5 py-0.5 rounded font-medium" style="background-color:#7f8c8d33;color:#7f8c8d">Colorless</span><span class="text-xs text-gray-500 capitalize">attack</span></div><p class="text-xs text-gray-400 leading-relaxed line-clamp-3">Deal 3 damage 4 times to ALL enemies.</p></div></div><div class="group bg-gray-900 border border-gray-800 hover:border-gray-600 rounded-xl overflow-hidden transition-all hover:-translate-y-0.5"><div class="relative bg-gray-800 aspect-[3/4] flex items-center justify-center overflow-hidden"><img src="/images/cards/falling_star.webp" alt="Falling Star" class="w-full h-full object-cover" loading="lazy"/><div class="absolute top-2 left-2 w-7 h-7 rounded-full bg-gray-900/90 border border-gray-700 flex items-center justify-center text-xs font-bold text-amber-400">1</div><div class="absolute top-2 right-2 w-2.5 h-2.5 rounded-full" style="background-color:#95a5a6" title="common"></div></div><div class="p-3"><div class="flex items-start justify-between gap-1 mb-1"><h3 class="text-sm font-semibold text-white leading-tight">Falling Star</h3></div><div class="flex items-center gap-1.5 mb-2"><span class="text-xs px-1.5 py-0.5 rounded font-medium" style="background-color:#8e44ad33;color:#8e44ad">Regent</span><span class="text-xs text-gray-500 capitalize">attack</span></div><p class="text-xs text-gray-400 leading-relaxed line-clamp-3">Deal 7 damage. Apply 1 Weak. Apply 1 Vulnerable.</p><div class="flex flex-wrap gap-1 mt-2"><span class="text-xs bg-gray-800 text-gray-400 px-1.5 py-0.5 rounded capitalize">vulnerable</span><span class="text-xs bg-gray-800 text-gray-400 px-1.5 py-0.5 rounded capitalize">weak</span></div><div class="flex flex-wrap gap-1 mt-2"><span class="text-xs bg-amber-500/20 text-amber-400 px-1.5 py-0.5 rounded border border-amber-500/30">ð</span></div></div></div><div class="group bg-gray-900 border border-gray-800 hover:border-gray-600 rounded-xl overflow-hidden transition-all hover:-translate-y-0.5"><div class="relative bg-gray-800 aspect-[3/4] flex items-center justify-center overflow-hidden"><img src="/images/cards/fan_of_knives.webp" alt="Fan of Knives" class="w-full h-full object-cover" loading="lazy"/><div class="absolute top-2 left-2 w-7 h-7 rounded-full bg-gray-900/90 border border-gray-700 flex items-center justify-center text-xs font-bold text-amber-400">2</div><div class="absolute top-2 right-2 w-2.5 h-2.5 rounded-full" style="background-color:#f39c12" title="rare"></div></div><div class="p-3"><div class="flex items-start justify-between gap-1 mb-1"><h3 class="text-sm font-semibold text-white leading-tight">Fan of Knives</h3></div><div class="flex items-center gap-1.5 mb-2"><span class="text-xs px-1.5 py-0.5 rounded font-medium" style="background-color:#27ae6033;color:#27ae60">Silent</span><span class="text-xs text-gray-500 capitalize">skill</span></div><p class="text-xs text-gray-400 leading-relaxed line-clamp-3">Shivs now hit ALL enemies. Add 4 Shivs into your Hand.</p></div></div><div class="group bg-gray-900 border border-gray-800 hover:border-gray-600 rounded-xl overflow-hidden transition-all hover:-translate-y-0.5"><div class="relative bg-gray-800 aspect-[3/4] flex items-center justify-center overflow-hidden"><img src="/images/cards/fasten.webp" alt="Fasten" class="w-full h-full object-cover" loading="lazy"/><div class="absolute top-2 left-2 w-7 h-7 rounded-full bg-gray-900/90 border border-gray-700 flex items-center justify-center text-xs font-bold text-amber-400">1</div><div class="absolute top-2 right-2 w-2.5 h-2.5 rounded-full" style="background-color:#27ae60" title="uncommon"></div></div><div class="p-3"><div class="flex items-start justify-between gap-1 mb-1"><h3 class="text-sm font-semibold text-white leading-tight">Fasten</h3></div><div class="flex items-center gap-1.5 mb-2"><span class="text-xs px-1.5 py-0.5 rounded font-medium" style="background-color:#7f8c8d33;color:#7f8c8d">Colorless</span><span class="text-xs text-gray-500 capitalize">
1power</span></div><p class="text-xs text-gray-400 leading-relaxed line-clamp-3">Gain an additional 5 Block from Defend cards.</p><div class="flex flex-wrap gap-1 mt-2"><span class="text-xs bg-gray-800 text-gray-400 px-1.5 py-0.5 rounded capitalize">block</span></div></div></div><div class="group bg-gray-900 border border-gray-800 hover:border-gray-600 rounded-xl overflow-hidden transition-all hover:-translate-y-0.5"><div class="relative bg-gray-800 aspect-[3/4] flex items-center justify-center overflow-hidden"><img src="/images/cards/fear.webp" alt="Fear" class="w-full h-full object-cover" loading="lazy"/><div class="absolute top-2 left-2 w-7 h-7 rounded-full bg-gray-900/90 border border-gray-700 flex items-center justify-center text-xs font-bold text-amber-400">1</div><div class="absolute top-2 right-2 w-2.5 h-2.5 rounded-full" style="background-color:#95a5a6" title="common"></div></div><div class="p-3"><div class="flex items-start justify-between gap-1 mb-1"><h3 class="text-sm font-semibold text-white leading-tight">Fear</h3></div><div class="flex items-center gap-1.5 mb-2"><span class="text-xs px-1.5 py-0.5 rounded font-medium" style="background-color:#2c3e5033;color:#2c3e50">Necrobinder</span><span class="text-xs text-gray-500 capitalize">attack</span></div><p class="text-xs text-gray-400 leading-relaxed line-clamp-3">Ethereal. Deal 7 damage. Apply 1 Vulnerable.</p><div class="flex flex-wrap gap-1 mt-2"><span class="text-xs bg-gray-800 text-gray-400 px-1.5 py-0.5 rounded capitalize">ethereal</span><span class="text-xs bg-gray-800 text-gray-400 px-1.5 py-0.5 rounded capitalize">vulnerable</span></div><div class="flex flex-wrap gap-1 mt-2"><span class="text-xs bg-amber-500/20 text-amber-400 px-1.5 py-0.5 rounded border border-amber-500/30">ð</span></div></div></div><div class="group bg-gray-900 border border-gray-800 hover:border-gray-600 rounded-xl overflow-hidden transition-all hover:-translate-y-0.5"><div class="relative bg-gray-800 aspect-[3/4] flex items-center justify-center overflow-hidden"><img src="/images/cards/feed.webp" alt="Feed" class="w-full h-full object-cover" loading="lazy"/><div class="absolute top-2 left-2 w-7 h-7 rounded-full bg-gray-900/90 border border-gray-700 flex items-center justify-center text-xs font-bold text-amber-400">1</div><div class="absolute top-2 right-2 w-2.5 h-2.5 rounded-full" style="background-color:#f39c12" title="rare"></div></div><div class="p-3"><div class="flex items-start justify-between gap-1 mb-1"><h3 class="text-sm font-semibold text-white leading-tight">Feed</h3></div><div class="flex items-center gap-1.5 mb-2"><span class="text-xs px-1.5 py-0.5 rounded font-medium" style="background-color:#c0392b33;color:#c0392b">Ironclad</span><span class="text-xs text-gray-500 capitalize">attack</span></div><p class="text-xs text-gray-400 leading-relaxed line-clamp-3">Deal 10 damage. If Fatal, raise your Max HP by 3. Exhaust.</p><div class="flex flex-wrap gap-1 mt-2"><span class="text-xs bg-gray-800 text-gray-400 px-1.5 py-0.5 rounded capitalize">exhaust</span></div></div></div><div class="group bg-gray-900 border border-gray-800 hover:border-gray-600 rounded-xl overflow-hidden transition-all hover:-translate-y-0.5"><div class="relative bg-gray-800 aspect-[3/4] flex items-center justify-center overflow-hidden"><img src="/images/cards/feeding_frenzy.webp" alt="Feeding Frenzy" class="w-full h-full object-cover" loading="lazy"/><div class="absolute top-2 left-2 w-7 h-7 rounded-full bg-gray-900/90 border border-gray-700 flex items-center justify-center text-xs font-bold text-amber-400">1</div><div class="absolute top-2 right-2 w-2.5 h-2.5 rounded-full" style="background-color:#27ae60" title="uncommon"></div></div><div class="p-3"><div class="flex items-start justify-between gap-1 mb-1"><h3 class="text-sm font-semibold text-white leading-tight">Feeding Frenzy</h3></div><div class="flex items-center gap-1.5 mb-2"><span class="text-xs px-1.5 py-0.5 rounded font-medium" style="background-color:#7f8c8d33;color:#7f8c8d">Colorless</span><span class="text-xs text-gray-500 capitalize">attack</span></div><p class="text-xs text-gray-400 leading-relaxed line-clamp-3">Gain 5 Strength this turn.</p><div class="flex flex-wrap gap-1 mt-2"><span class="text-xs bg-gray-800 text-gray-400 px-1.5 py-0.5 rounded capitalize">strength</span></div></div></div><div class="group bg-gray-900 border border-gray-800 hover:border-gray-600 rounded-xl overflow-hidden transition-all hover:-translate-y-0.5"><div class="relative bg-gray-800 aspect-[3/4] flex items-center justify-center overflow-hidden"><img src="/images/cards/feel_no_pain.webp" alt="Feel No Pain" class="w-full h-full object-cover" loading="lazy"/><div class="absolute top-2 left-2 w-7 h-7 rounded-full bg-gray-900/90 border border-gray-700 flex items-center justify-center text-xs font-bold text-amber-400">1</div><div class="absolute top-2 right-2 w-2.5 h-2.5 rounded-full" style="background-color:#27ae60" title="uncommon"></div></div><div class="p-3"><div class="flex items-start justify-between gap-1 mb-1"><h3 class="text-sm font-semibold text-white leading-tight">Feel No Pain</h3></div><div class="flex items-center gap-1.5 mb-2"><span class="text-xs px-1.5 py-0.5 rounded font-medium" style="background-color:#c0392b33;color:#c0392b">Ironclad</span><span class="text-xs text-gray-500 capitalize">
1power</span></div><p class="text-xs text-gray-400 leading-relaxed line-clamp-3">Whenever a card is Exhausted, gain 3 Block.</p><div class="flex flex-wrap gap-1 mt-2"><span class="text-xs bg-gray-800 text-gray-400 px-1.5 py-0.5 rounded capitalize">exhaust</span><span class="text-xs bg-gray-800 text-gray-400 px-1.5 py-0.5 rounded capitalize">block</span></div></div></div><div class="group bg-gray-900 border border-gray-800 hover:border-gray-600 rounded-xl overflow-hidden transition-all hover:-translate-y-0.5"><div class="relative bg-gray-800 aspect-[3/4] flex items-center justify-center overflow-hidden"><img src="/images/cards/feral.webp" alt="Feral" class="w-full h-full object-cover" loading="lazy"/><div class="absolute top-2 left-2 w-7 h-7 rounded-full bg-gray-900/90 border border-gray-700 flex items-center justify-center text-xs font-bold text-amber-400">2</div><div class="absolute top-2 right-2 w-2.5 h-2.5 rounded-full" style="background-color:#27ae60" title="uncommon"></div></div><div class="p-3"><div class="flex items-start justify-between gap-1 mb-1"><h3 class="text-sm font-semibold text-white leading-tight">Feral</h3></div><div class="flex items-center gap-1.5 mb-2"><span class="text-xs px-1.5 py-0.5 rounded font-medium" style="background-color:#2980b933;color:#2980b9">Defect</span><span class="text-xs text-gray-500 capitalize">power</span></div><p class="text-xs text-gray-400 leading-relaxed line-clamp-3">The first time you play a 0Energy Attack each turn, return it to your Hand.</p></div></div><div class="group bg-gray-900 border border-gray-800 hover:border-gray-600 rounded-xl overflow-hidden transition-all hover:-translate-y-0.5"><div class="relative bg-gray-800 aspect-[3/4] flex items-center justify-center overflow-hidden"><img src="/images/cards/fetch.webp" alt="Fetch" class="w-full h-full object-cover" loading="lazy"/><div class="absolute top-2 left-2 w-7 h-7 rounded-full bg-gray-900/90 border border-gray-700 flex items-center justify-center text-xs font-bold text-amber-400">1</div><div class="absolute top-2 right-2 w-2.5 h-2.5 rounded-full" style="background-color:#27ae60" title="uncommon"></div></div><div class="p-3"><div class="flex items-start justify-between gap-1 mb-1"><h3 class="text-sm font-semibold text-white leading-tight">Fetch</h3></div><div class="flex items-center gap-1.5 mb-2"><span class="text-xs px-1.5 py-0.5 rounded font-medium" style="background-color:#2c3e5033;color:#2c3e50">Necrobinder</span><span class="text-xs text-gray-500 capitalize">attack</span></div><p class="text-xs text-gray-400 leading-relaxed line-clamp-3">Osty deals 3 damage. If this is the first time this card has been played this turn, draw 1 card.</p><div class="flex flex-wrap gap-1 mt-2"><span class="text-xs bg-amber-500/20 text-amber-400 px-1.5 py-0.5 rounded border border-amber-500/30">ð</span></div></div></div><div class="group bg-gray-900 border border-gray-800 hover:border-gray-600 rounded-xl overflow-hidden transition-all hover:-translate-y-0.5"><div class="relative bg-gray-800 aspect-[3/4] flex items-center justify-center overflow-hidden"><img src="/images/cards/fiend_fire.webp" alt="Fiend Fire" class="w-full h-full object-cover" loading="lazy"/><div class="absolute top-2 left-2 w-7 h-7 rounded-full bg-gray-900/90 border border-gray-700 flex items-center justify-center text-xs font-bold text-amber-400">2</div><div class="absolute top-2 right-2 w-2.5 h-2.5 rounded-full" style="background-color:#f39c12" title="rare"></div></div><div class="p-3"><div class="flex items-start justify-between gap-1 mb-1"><h3 class="text-sm font-semibold text-white leading-tight">Fiend Fire</h3></div><div class="flex items-center gap-1.5 mb-2"><span class="text-xs px-1.5 py-0.5 rounded font-medium" style="background-color:#c0392b33;color:#c0392b">Ironclad</span><span class="text-xs text-gray-500 capitalize">attack</span></div><p class="text-xs text-gray-400 leading-relaxed line-clamp-3">Exhaust your Hand. Deal 7 damage for each card Exhausted. Exhaust.</p><div class="flex flex-wrap gap-1 mt-2"><span class="text-xs bg-gray-800 text-gray-400 px-1.5 py-0.5 rounded capitalize">exhaust</span></div></div></div><div class="group bg-gray-900 border border-gray-800 hover:border-gray-600 rounded-xl overflow-hidden transition-all hover:-translate-y-0.5"><div class="relative bg-gray-800 aspect-[3/4] flex items-center justify-center overflow-hidden"><img src="/images/cards/fight_me.webp" alt="Fight Me!" class="w-full h-full object-cover" loading="lazy"/><div class="absolute top-2 left-2 w-7 h-7 rounded-full bg-gray-900/90 border border-gray-700 flex items-center justify-center text-xs font-bold text-amber-400">2</div><div class="absolute top-2 right-2 w-2.5 h-2.5 rounded-full" style="background-color:#27ae60" title="uncommon"></div></div><div class="p-3"><div class="flex items-start justify-between gap-1 mb-1"><h3 class="text-sm font-semibold text-white leading-tight">Fight Me!</h3></div><div class="flex items-center gap-1.5 mb-2"><span class="text-xs px-1.5 py-0.5 rounded font-medium" style="background-color:#c0392b33;color:#c0392b">Ironclad</span><span class="text-xs text-gray-500 capitalize">attack</span></div><p class="text-xs text-gray-400 leading-relaxed line-clamp-3">Deal 5 damage twice. Gain 2 Strength. The enemy gains 1 Strength.</p><div class="flex flex-wrap gap-1 mt-2"><span class="text-xs bg-gray-800 text-gray-400 px-1.5 py-0.5 rounded capitalize">strength</span></div></div></div><div class="group bg-gray-900 border border-gray-800 hover:border-gray-600 rounded-xl overflow-hidden transition-all hover:-translate-y-0.5"><div class="relative bg-gray-800 aspect-[3/4] flex items-center justify-center overflow-hidden"><img src="/images/cards/fight_through.webp" alt="Fight Through" class="w-full h-full object-cover" loading="lazy"/><div class="absolute top-2 left-2 w-7 h-7 rounded-full bg-gray-900/90 border border-gray-700 flex items-center justify-center text-xs font-bold text-amber-400">1</div><div class="absolute top-2 right-2 w-2.5 h-2.5 rounded-full" style="background-color:#27ae60" title="uncommon"></div></div><div class="p-3"><div class="flex items-start justify-between gap-1 mb-1"><h3 class="text-sm font-semibold text-white leading-tight">Fight Through</h3></div><div class="flex items-center gap-1.5 mb-2"><span class="text-xs px-1.5 py-0.5 rounded font-medium" style="background-color:#2980b933;color:#2980b9">Defect</span><span class="text-xs text-gray-500 capitalize">skill</span></div><p class="text-xs text-gray-400 leading-relaxed line-clamp-3">Gain 13 Block. Add 2 Wounds into your Discard Pile.</p><div class="flex flex-wrap gap-1 mt-2"><span class="text-xs bg-gray-800 text-gray-400 px-1.5 py-0.5 rounded capitalize">block</span></div></div></div><div class="group bg-gray-900 border border-gray-800 hover:border-gray-600 rounded-xl overflow-hidden transition-all hover:-translate-y-0.5"><div class="relative bg-gray-800 aspect-[3/4] flex items-center justify-center overflow-hidden"><img src="/images/cards/finesse.webp" alt="Finesse" class="w-full h-full object-cover" loading="lazy"/><div class="absolute top-2 left-2 w-7 h-7 rounded-full bg-gray-900/90 border border-gray-700 flex items-center justify-center text-xs font-bold text-amber-400">1</div><div class="absolute top-2 right-2 w-2.5 h-2.5 rounded-full" style="background-color:#27ae60" title="uncommon"></div></div><div class="p-3"><div class="flex items-start justify-between gap-1 mb-1"><h3 class="text-sm font-semibold text-white leading-tight">Finesse</h3></div><div class="flex items-center gap-1.5 mb-2"><span class="text-xs px-1.5 py-0.5 rounded font-medium" style="background-color:#7f8c8d33;color:#7f8c8d">Colorless</span><span class="text-xs text-gray-500 capitalize">skill</span></div><p class="text-xs text-gray-400 leading-relaxed line-clamp-3">Gain 4 Block. Draw 1 card.</p><div class="flex flex-wrap gap-1 mt-2"><span class="text-xs bg-gray-800 text-gray-400 px-1.5 py-0.5 rounded capitalize">block</span></div></div></div><div class="group bg-gray-900 border border-gray-800 hover:border-gray-600 rounded-xl overflow-hidden transition-all hover:-translate-y-0.5"><div class="relative bg-gray-800 aspect-[3/4] flex items-center justify-center overflow-hidden"><img src="/images/cards/finisher.webp" alt="Finisher" class="w-full h-full object-cover" loading="lazy"/><div class="absolute top-2 left-2 w-7 h-7 rounded-full bg-gray-900/90 border border-gray-700 flex items-center justify-center text-xs font-bold text-amber-400">1</div><div class="absolute top-2 right-2 w-2.5 h-2.5 rounded-full" style="background-color:#27ae60" title="uncommon"></div></div><div class="p-3"><div class="flex items-start justify-between gap-1 mb-1"><h3 class="text-sm font-semibold text-white leading-tight">Finisher</h3></div><div class="flex items-center gap-1.5 mb-2"><span class="text-xs px-1.5 py-0.5 rounded font-medium" style="background-color:#27ae6033;color:#27ae60">Silent</span><span class="text-xs text-gray-500 capitalize">attack</span></div><p class="text-xs text-gray-400 leading-relaxed line-clamp-3">Deal 6 damage for each Attack already played this turn.</p></div></div><div class="group bg-gray-900 border border-gray-800 hover:border-gray-600 rounded-xl overflow-hidden transition-all hover:-translate-y-0.5"><div class="relative bg-gray-800 aspect-[3/4] flex items-center justify-center overflow-hidden"><img src="/images/cards/fisticuffs.webp" alt="Fisticuffs" class="w-full h-full object-cover" loading="lazy"/><div class="absolute top-2 left-2 w-7 h-7 rounded-full bg-gray-900/90 border border-gray-700 flex items-center justify-center text-xs font-bold text-amber-400">1</div><div class="absolute top-2 right-2 w-2.5 h-2.5 rounded-full" style="background-color:#27ae60" title="uncommon"></div></div><div class="p-3"><div class="flex items-start justify-between gap-1 mb-1"><h3 class="text-sm font-semibold text-white leading-tight">Fisticuffs</h3></div><div class="flex items-center gap-1.5 mb-2"><span class="text-xs px-1.5 py-0.5 rounded font-medium" style="background-color:#7f8c8d33;color:#7f8c8d">Colorless</span><span class="text-xs text-gray-500 capitalize">attack</span></div><p class="text-xs text-gray-400 leading-relaxed line-clamp-3">Deal 7 damage. Gain Block equal to damage dealt.</p><div class="flex flex-wrap gap-1 mt-2"><span class="text-xs bg-gray-800 text-gray-400 px-1.5 py-0.5 rounded capitalize">block</span></div></div></div><div class="group bg-gray-900 border border-gray-800 hover:border-gray-600 rounded-xl overflow-hidden transition-all hover:-translate-y-0.5"><div class="relative bg-gray-800 aspect-[3/4] flex items-center justify-center overflow-hidden"><img src="/images/cards/flak_cannon.webp" alt="Flak Cannon" class="w-full h-full object-cover" loading="lazy"/><div class="absolute top-2 left-2 w-7 h-7 rounded-full bg-gray-900/90 border border-gray-700 flex items-center justify-center text-xs font-bold text-amber-400">2</div><div class="absolute top-2 right-2 w-2.5 h-2.5 rounded-full" style="background-color:#f39c12" title="rare"></div></div><div class="p-3"><div class="flex items-start justify-between gap-1 mb-1"><h3 class="text-sm font-semibold text-white leading-tight">Flak Cannon</h3></div><div class="flex items-center gap-1.5 mb-2"><span class="text-xs px-1.5 py-0.5 rounded font-medium" style="background-color:#2980b933;color:#2980b9">Defect</span><span class="text-xs text-gray-500 capitalize">attack</span></div><p class="text-xs text-gray-400 leading-relaxed line-clamp-3">Exhaust ALL your Status cards. Deal 8 damage to a random enemy for each card Exhausted.</p><div class="flex flex-wrap gap-1 mt-2"><span class="text-xs bg-gray-800 text-gray-400 px-1.5 py-0.5 rounded capitalize">exhaust</span><span class="text-xs bg-gray-800 text-gray-400 px-1.5 py-0.5 rounded capitalize">status</span></div></div></div><div class="group bg-gray-900 border border-gray-800 hover:border-gray-600 rounded-xl overflow-hidden transition-all hover:-translate-y-0.5"><div class="relative bg-gray-800 aspect-[3/4] flex items-center justify-center overflow-hidden"><img src="/images/cards/flame_barrier.webp" alt="Flame Barrier" class="w-full h-full object-cover" loading="lazy"/><div class="absolute top-2 left-2 w-7 h-7 rounded-full bg-gray-900/90 border border-gray-700 flex items-center justify-center text-xs font-bold text-amber-400">2</div><div class="absolute top-2 right-2 w-2.5 h-2.5 rounded-full" style="background-color:#27ae60" title="uncommon"></div></div><div class="p-3"><div class="flex items-start justify-between gap-1 mb-1"><h3 class="text-sm font-semibold text-white leading-tight">Flame Barrier</h3></div><div class="flex items-center gap-1.5 mb-2"><span class="text-xs px-1.5 py-0.5 rounded font-medium" style="background-color:#c0392b33;color:#c0392b">Ironclad</span><span class="text-xs text-gray-500 capitalize">skill</span></div><p class="text-xs text-gray-400 leading-relaxed line-clamp-3">Gain 12 Block. Whenever you are attacked this turn, deal 4 damage back.</p><div class="flex flex-wrap gap-1 mt-2"><span class="text-xs bg-gray-800 text-gray-400 px-1.5 py-0.5 rounded capitalize">block</span></div></div></div><div class="group bg-gray-900 border border-gray-800 hover:border-gray-600 rounded-xl overflow-hidden transition-all hover:-translate-y-0.5"><div class="relative bg-gray-800 aspect-[3/4] flex items-center justify-center overflow-hidden"><img src="/images/cards/flanking.webp" alt="Flanking" class="w-full h-full object-cover" loading="lazy"/><div class="absolute top-2 left-2 w-7 h-7 rounded-full bg-gray-900/90 border border-gray-700 flex items-center justify-center text-xs font-bold text-amber-400">2</div><div class="absolute top-2 right-2 w-2.5 h-2.5 rounded-full" style="background-color:#27ae60" title="uncommon"></div></div><div class="p-3"><div class="flex items-start justify-between gap-1 mb-1"><h3 class="text-sm font-semibold text-white leading-tight">Flanking</h3></div><div class="flex items-center gap-1.5 mb-2"><span class="text-xs px-1.5 py-0.5 rounded font-medium" style="background-color:#27ae6033;color:#27ae60">Silent</span><span class="text-xs text-gray-500 capitalize">skill</span></div><p class="text-xs text-gray-400 leading-relaxed line-clamp-3">The enemy takes double damage from other players this turn.</p><div class="flex flex-wrap gap-1 mt-2"><span class="text-xs bg-amber-500/20 text-amber-400 px-1.5 py-0.5 rounded border border-amber-500/30">ð¥</span></div></div></div><div class="group bg-gray-900 border border-gray-800 hover:border-gray-600 rounded-xl overflow-hidden transition-all hover:-translate-y-0.5"><div class="relative bg-gray-800 aspect-[3/4] flex items-center justify-center overflow-hidden">
1<img src="/images/cards/flash_of_steel.webp" alt="Flash of Steel" class="w-full h-full object-cover" loading="lazy"/><div class="absolute top-2 left-2 w-7 h-7 rounded-full bg-gray-900/90 border border-gray-700 flex items-center justify-center text-xs font-bold text-amber-400">1</div><div class="absolute top-2 right-2 w-2.5 h-2.5 rounded-full" style="background-color:#27ae60" title="uncommon"></div></div><div class="p-3"><div class="flex items-start justify-between gap-1 mb-1"><h3 class="text-sm font-semibold text-white leading-tight">Flash of Steel</h3></div><div class="flex items-center gap-1.5 mb-2"><span class="text-xs px-1.5 py-0.5 rounded font-medium" style="background-color:#7f8c8d33;color:#7f8c8d">Colorless</span><span class="text-xs text-gray-500 capitalize">attack</span></div><p class="text-xs text-gray-400 leading-relaxed line-clamp-3">Deal 5 damage. Draw 1 card.</p></div></div><div class="group bg-gray-900 border border-gray-800 hover:border-gray-600 rounded-xl overflow-hidden transition-all hover:-translate-y-0.5"><div class="relative bg-gray-800 aspect-[3/4] flex items-center justify-center overflow-hidden"><img src="/images/cards/flatten.webp" alt="Flatten" class="w-full h-full object-cover" loading="lazy"/><div class="absolute top-2 left-2 w-7 h-7 rounded-full bg-gray-900/90 border border-gray-700 flex items-center justify-center text-xs font-bold text-amber-400">1</div><div class="absolute top-2 right-2 w-2.5 h-2.5 rounded-full" style="background-color:#95a5a6" title="common"></div></div><div class="p-3"><div class="flex items-start justify-between gap-1 mb-1"><h3 class="text-sm font-semibold text-white leading-tight">Flatten</h3></div><div class="flex items-center gap-1.5 mb-2"><span class="text-xs px-1.5 py-0.5 rounded font-medium" style="background-color:#2c3e5033;color:#2c3e50">Necrobinder</span><span class="text-xs text-gray-500 capitalize">attack</span></div><p class="text-xs text-gray-400 leading-relaxed line-clamp-3">Osty deals 12 damage. This card costs 0 Energy if Osty has attacked this turn.</p><div class="flex flex-wrap gap-1 mt-2"><span class="text-xs bg-amber-500/20 text-amber-400 px-1.5 py-0.5 rounded border border-amber-500/30">ð</span></div></div></div><div class="group bg-gray-900 border border-gray-800 hover:border-gray-600 rounded-xl overflow-hidden transition-all hover:-translate-y-0.5"><div class="relative bg-gray-800 aspect-[3/4] flex items-center justify-center overflow-hidden"><img src="/images/cards/flechettes.webp" alt="Flechettes" class="w-full h-full object-cover" loading="lazy"/><div class="absolute top-2 left-2 w-7 h-7 rounded-full bg-gray-900/90 border border-gray-700 flex items-center justify-center text-xs font-bold text-amber-400">1</div><div class="absolute top-2 right-2 w-2.5 h-2.5 rounded-full" style="background-color:#27ae60" title="uncommon"></div></div><div class="p-3"><div class="flex items-start justify-between gap-1 mb-1"><h3 class="text-sm font-semibold text-white leading-tight">Flechettes</h3></div><div class="flex items-center gap-1.5 mb-2"><span class="text-xs px-1.5 py-0.5 rounded font-medium" style="background-color:#27ae6033;color:#27ae60">Silent</span><span class="text-xs text-gray-500 capitalize">attack</span></div><p class="text-xs text-gray-400 leading-relaxed line-clamp-3">Deal 5 damage for each Skill in your Hand.</p></div></div><div class="group bg-gray-900 border border-gray-800 hover:border-gray-600 rounded-xl overflow-hidden transition-all hover:-translate-y-0.5"><div class="relative bg-gray-800 aspect-[3/4] flex items-center justify-center overflow-hidden"><img src="/images/cards/flick_flack.webp" alt="Flick-Flack" class="w-full h-full object-cover" loading="lazy"/><div class="absolute top-2 left-2 w-7 h-7 rounded-full bg-gray-900/90 border border-gray-700 flex items-center justify-center text-xs font-bold text-amber-400">1</div><div class="absolute top-2 right-2 w-2.5 h-2.5 rounded-full" style="background-color:#95a5a6" title="common"></div></div><div class="p-3"><div class="flex items-start justify-between gap-1 mb-1"><h3 class="text-sm font-semibold text-white leading-tight">Flick-Flack</h3></div><div class="flex items-center gap-1.5 mb-2"><span class="text-xs px-1.5 py-0.5 rounded font-medium" style="background-color:#27ae6033;color:#27ae60">Silent</span><span class="text-xs text-gray-500 capitalize">attack</span></div><p class="text-xs text-gray-400 leading-relaxed line-clamp-3">Sly. Deal 7 damage to ALL enemies.</p><div class="flex flex-wrap gap-1 mt-2"><span class="text-xs bg-gray-800 text-gray-400 px-1.5 py-0.5 rounded capitalize">sly</span></div><div class="flex flex-wrap gap-1 mt-2"><span class="text-xs bg-amber-500/20 text-amber-400 px-1.5 py-0.5 rounded border border-amber-500/30">ð</span></div></div></div><div class="group bg-gray-900 border border-gray-800 hover:border-gray-600 rounded-xl overflow-hidden transition-all hover:-translate-y-0.5"><div class="relative bg-gray-800 aspect-[3/4] flex items-center justify-center overflow-hidden"><img src="/images/cards/focused_strike.webp" alt="Focused Strike" class="w-full h-full object-cover" loading="lazy"/><div class="absolute top-2 left-2 w-7 h-7 rounded-full bg-gray-900/90 border border-gray-700 flex items-center justify-center text-xs font-bold text-amber-400">1</div><div class="absolute top-2 right-2 w-2.5 h-2.5 rounded-full" style="background-color:#95a5a6" title="common"></div></div><div class="p-3"><div class="flex items-start justify-between gap-1 mb-1"><h3 class="text-sm font-semibold text-white leading-tight">Focused Strike</h3></div><div class="flex items-center gap-1.5 mb-2"><span class="text-xs px-1.5 py-0.5 rounded font-medium" style="background-color:#2980b933;color:#2980b9">Defect</span><span class="text-xs text-gray-500 capitalize">attack</span></div><p class="text-xs text-gray-400 leading-relaxed line-clamp-3">Deal 9 damage. Gain 1 Focus this turn.</p><div class="flex flex-wrap gap-1 mt-2"><span class="text-xs bg-gray-800 text-gray-400 px-1.5 py-0.5 rounded capitalize">focus</span></div></div></div><div class="group bg-gray-900 border border-gray-800 hover:border-gray-600 rounded-xl overflow-hidden transition-all hover:-translate-y-0.5"><div class="relative bg-gray-800 aspect-[3/4] flex items-center justify-center overflow-hidden"><img src="/images/cards/follow_through.webp" alt="Follow Through" class="w-full h-full object-cover" loading="lazy"/><div class="absolute top-2 left-2 w-7 h-7 rounded-full bg-gray-900/90 border border-gray-700 flex items-center justify-center text-xs font-bold text-amber-400">1</div><div class="absolute top-2 right-2 w-2.5 h-2.5 rounded-full" style="background-color:#27ae60" title="uncommon"></div></div><div class="p-3"><div class="flex items-start justify-between gap-1 mb-1"><h3 class="text-sm font-semibold text-white leading-tight">Follow Through</h3></div><div class="flex items-center gap-1.5 mb-2"><span class="text-xs px-1.5 py-0.5 rounded font-medium" style="background-color:#27ae6033;color:#27ae60">Silent</span><span class="text-xs text-gray-500 capitalize">attack</span></div><p class="text-xs text-gray-400 leading-relaxed line-clamp-3">Deal 6 damage to ALL enemies. If the last card you played this turn was a Skill, apply 1 Weak to ALL enemies.</p><div class="flex flex-wrap gap-1 mt-2"><span class="text-xs bg-gray-800 text-gray-400 px-1.5 py-0.5 rounded capitalize">weak</span></div></div></div><div class="group bg-gray-900 border border-gray-800 hover:border-gray-600 rounded-xl overflow-hidden transition-all hover:-translate-y-0.5"><div class="relative bg-gray-800 aspect-[3/4] flex items-center justify-center overflow-hidden"><img src="/images/cards/folly.webp" alt="Folly" class="w-full h-full object-cover" loading="lazy"/><div class="absolute top-2 left-2 w-7 h-7 rounded-full bg-gray-900/90 border border-gray-700 flex items-center justify-center text-xs font-bold text-amber-400">1</div><div class="absolute top-2 right-2 w-2.5 h-2.5 rounded-full" style="background-color:#e74
1c3c" title="special"></div></div><div class="p-3"><div class="flex items-start justify-between gap-1 mb-1"><h3 class="text-sm font-semibold text-white leading-tight">Folly</h3></div><div class="flex items-center gap-1.5 mb-2"><span class="text-xs px-1.5 py-0.5 rounded font-medium" style="background-color:#7f8c8d33;color:#7f8c8d">Colorless</span><span class="text-xs text-gray-500 capitalize">skill</span></div><p class="text-xs text-gray-400 leading-relaxed line-clamp-3">Unplayable. Innate. Eternal.</p><div class="flex flex-wrap gap-1 mt-2"><span class="text-xs bg-gray-800 text-gray-400 px-1.5 py-0.5 rounded capitalize">innate</span></div></div></div><div class="group bg-gray-900 border border-gray-800 hover:border-gray-600 rounded-xl overflow-hidden transition-all hover:-translate-y-0.5"><div class="relative bg-gray-800 aspect-[3/4] flex items-center justify-center overflow-hidden"><img src="/images/cards/footwork.webp" alt="Footwork" class="w-full h-full object-cover" loading="lazy"/><div class="absolute top-2 left-2 w-7 h-7 rounded-full bg-gray-900/90 border border-gray-700 flex items-center justify-center text-xs font-bold text-amber-400">1</div><div class="absolute top-2 right-2 w-2.5 h-2.5 rounded-full" style="background-color:#27ae60" title="uncommon"></div></div><div class="p-3"><div class="flex items-start justify-between gap-1 mb-1"><h3 class="text-sm font-semibold text-white leading-tight">Footwork</h3></div><div class="flex items-center gap-1.5 mb-2"><span class="text-xs px-1.5 py-0.5 rounded font-medium" style="background-color:#27ae6033;color:#27ae60">Silent</span><span class="text-xs text-gray-500 capitalize">power</span></div><p class="text-xs text-gray-400 leading-relaxed line-clamp-3">Gain 2 Dexterity.</p><div class="flex flex-wrap gap-1 mt-2"><span class="text-xs bg-gray-800 text-gray-400 px-1.5 py-0.5 rounded capitalize">dexterity</span></div></div></div><div class="group bg-gray-900 border border-gray-800 hover:border-gray-600 rounded-xl overflow-hidden transition-all hover:-translate-y-0.5"><div class="relative bg-gray-800 aspect-[3/4] flex items-center justify-center overflow-hidden"><img src="/images/cards/forbidden_grimoire.webp" alt="Forbidden Grimoire" class="w-full h-full object-cover" loading="lazy"/><div class="absolute top-2 left-2 w-7 h-7 rounded-full bg-gray-900/90 border border-gray-700 flex items-center justify-center text-xs font-bold text-amber-400">1</div><div class="absolute top-2 right-2 w-2.5 h-2.5 rounded-full" style="background-color:#95a5a6" title="common"></div></div><div class="p-3"><div class="flex items-start justify-between gap-1 mb-1"><h3 class="text-sm font-semibold text-white leading-tight">Forbidden Grimoire</h3></div><div class="flex items-center gap-1.5 mb-2"><span class="text-xs px-1.5 py-0.5 rounded font-medium" style="background-color:#2c3e5033;color:#2c3e50">Necrobinder</span><span class="text-xs text-gray-500 capitalize">power</span></div><p class="text-xs text-gray-400 leading-relaxed line-clamp-3">At the end of combat, you may remove a card from your Deck. Eternal.</p><div class="flex flex-wrap gap-1 mt-2"><span class="text-xs bg-amber-500/20 text-amber-400 px-1.5 py-0.5 rounded border border-amber-500/30">ð</span></div></div></div><div class="group bg-gray-900 border border-gray-800 hover:border-gray-600 rounded-xl overflow-hidden transition-all hover:-translate-y-0.5"><div class="relative bg-gray-800 aspect-[3/4] flex items-center justify-center overflow-hidden"><img src="/images/cards/foregone_conclusion.webp" alt="Foregone Conclusion" class="w-full h-full object-cover" loading="lazy"/><div class="absolute top-2 left-2 w-7 h-7 rounded-full bg-gray-900/90 border border-gray-700 flex items-center justify-center text-xs font-bold text-amber-400">1</div><div class="absolute top-2 right-2 w-2.5 h-2.5 rounded-full" style="background-color:#f39c12" title="rare"></div></div><div class="p-3"><div class="flex items-start justify-between gap-1 mb-1"><h3 class="text-sm font-semibold text-white leading-tight">Foregone Conclusion</h3></div><div class="flex items-center gap-1.5 mb-2"><span class="text-xs px-1.5 py-0.5 rounded font-medium" style="background-color:#8e44ad33;color:#8e44ad">Regent</span><span class="text-xs text-gray-500 capitalize">skill</span></div><p class="text-xs text-gray-400 leading-relaxed line-clamp-3">Next turn, put 2 cards from your Draw Pile into your Hand.</p><div class="flex flex-wrap gap-1 mt-2"><span class="text-xs bg-amber-500/20 text-amber-400 px-1.5 py-0.5 rounded border border-amber-500/30">ð</span></div></div></div><div class="group bg-gray-900 border border-gray-800 hover:border-gray-600 rounded-xl overflow-hidden transition-all hover:-translate-y-0.5"><div class="relative bg-gray-800 aspect-[3/4] flex items-center justify-center overflow-hidden"><img src="/images/cards/forgotten_ritual.webp" alt="Forgotten Ritual" class="w-full h-full object-cover" loading="lazy"/><div class="absolute top-2 left-2 w-7 h-7 rounded-full bg-gray-900/90 border border-gray-700 flex items-center justify-center text-xs font-bold text-amber-400">1</div><div class="absolute top-2 right-2 w-2.5 h-2.5 rounded-full" style="background-color:#27ae60" title="uncommon"></div></div><div class="p-3"><div class="flex items-start justify-between gap-1 mb-1"><h3 class="text-sm font-semibold text-white leading-tight">Forgotten Ritual</h3></div><div class="flex items-center gap-1.5 mb-2"><span class="text-xs px-1.5 py-0.5 rounded font-medium" style="background-color:#c0392b33;color:#c0392b">Ironclad</span><span class="text-xs text-gray-500 capitalize">skill</span></div><p class="text-xs text-gray-400 leading-relaxed line-clamp-3">If you Exhausted a card this turn, gain Energy .</p><div class="flex flex-wrap gap-1 mt-2"><span class="text-xs bg-gray-800 text-gray-400 px-1.5 py-0.5 rounded capitalize">exhaust</span></div></div></div><div class="group bg-gray-900 border border-gray-800 hover:border-gray-600 rounded-xl overflow-hidden transition-all hover:-translate-y-0.5"><div class="relative bg-gray-800 aspect-[3/4] flex items-center justify-center overflow-hidden"><img src="/images/cards/frantic_escape.webp" alt="Frantic Escape" class="w-full h-full object-cover" loading="lazy"/><div class="absolute top-2 left-2 w-7 h-7 rounded-full bg-gray-900/90 border border-gray-700 flex items-center justify-center text-xs font-bold text-amber-400">1</div><div class="absolute top-2 right-2 w-2.5 h-2.5 rounded-full" style="background-color:#95a5a6" title="common"></div></div><div class="p-3"><div class="flex items-start justify-between gap-1 mb-1"><h3 class="text-sm font-semibold text-white leading-tight">Frantic Escape</h3></div><div class="flex items-center gap-1.5 mb-2"><span class="text-xs px-1.5 py-0.5 rounded font-medium" style="background-color:#7f8c8d33;color:#7f8c8d">Colorless</span><span class="text-xs text-gray-500 capitalize">skill</span></div><p class="text-xs text-gray-400 leading-relaxed line-clamp-3">Get farther away. Increase Sandpit by 1. Increase the cost of this card by 1.</p></div></div><div class="group bg-gray-900 border border-gray-800 hover:border-gray-600 rounded-xl overflow-hidden transition-all hover:-translate-y-0.5"><div class="relative bg-gray-800 aspect-[3/4] flex items-center justify-center overflow-hidden"><img src="/images/cards/friendship.webp" alt="Friendship" class="w-full h-full object-cover" loading="lazy"/><div class="absolute top-2 left-2 w-7 h-7 rounded-full bg-gray-900/90 border border-gray-700 flex items-center justify-center text-xs font-bold text-amber-400">1</div><div class="absolute top-2 right-2 w-2.5 h-2.5 rounded-full" style="background-color:#27ae60" title="uncommon"></div></div><div class="p-3"><div class="flex items-start justify-between gap-1 mb-1"><h3 class="text-sm font-semibold text-white leading-tight">Friendship</h3></div><div class="flex items-center gap-1.5 mb-2"><span class="text-xs px-1.5 py-0.5 rounded font-medium" style="background-color:#2c3e5033;color:#2c3e50">Necrobinder</span><span class="text-xs text-gray-500 capitalize">
1power</span></div><p class="text-xs text-gray-400 leading-relaxed line-clamp-3">Lose 2 Strength. Gain Energy at the start of each turn.</p><div class="flex flex-wrap gap-1 mt-2"><span class="text-xs bg-gray-800 text-gray-400 px-1.5 py-0.5 rounded capitalize">strength</span></div><div class="flex flex-wrap gap-1 mt-2"><span class="text-xs bg-amber-500/20 text-amber-400 px-1.5 py-0.5 rounded border border-amber-500/30">ð</span></div></div></div><div class="group bg-gray-900 border border-gray-800 hover:border-gray-600 rounded-xl overflow-hidden transition-all hover:-translate-y-0.5"><div class="relative bg-gray-800 aspect-[3/4] flex items-center justify-center overflow-hidden"><img src="/images/cards/ftl.webp" alt="FTL" class="w-full h-full object-cover" loading="lazy"/><div class="absolute top-2 left-2 w-7 h-7 rounded-full bg-gray-900/90 border border-gray-700 flex items-center justify-center text-xs font-bold text-amber-400">0</div><div class="absolute top-2 right-2 w-2.5 h-2.5 rounded-full" style="background-color:#27ae60" title="uncommon"></div></div><div class="p-3"><div class="flex items-start justify-between gap-1 mb-1"><h3 class="text-sm font-semibold text-white leading-tight">FTL</h3></div><div class="flex items-center gap-1.5 mb-2"><span class="text-xs px-1.5 py-0.5 rounded font-medium" style="background-color:#2980b933;color:#2980b9">Defect</span><span class="text-xs text-gray-500 capitalize">attack</span></div><p class="text-xs text-gray-400 leading-relaxed line-clamp-3">Deal 5 damage. If you have played fewer than 3 cards this turn, draw 1 card.</p></div></div><div class="group bg-gray-900 border border-gray-800 hover:border-gray-600 rounded-xl overflow-hidden transition-all hover:-translate-y-0.5"><div class="relative bg-gray-800 aspect-[3/4] flex items-center justify-center overflow-hidden"><img src="/images/cards/fuel.webp" alt="Fuel" class="w-full h-full object-cover" loading="lazy"/><div class="absolute top-2 left-2 w-7 h-7 rounded-full bg-gray-900/90 border border-gray-700 flex items-center justify-center text-xs font-bold text-amber-400">1</div><div class="absolute top-2 right-2 w-2.5 h-2.5 rounded-full" style="background-color:#95a5a6" title="common"></div></div><div class="p-3"><div class="flex items-start justify-between gap-1 mb-1"><h3 class="text-sm font-semibold text-white leading-tight">Fuel</h3></div><div class="flex items-center gap-1.5 mb-2"><span class="text-xs px-1.5 py-0.5 rounded font-medium" style="background-color:#7f8c8d33;color:#7f8c8d">Colorless</span><span class="text-xs text-gray-500 capitalize">skill</span></div><p class="text-xs text-gray-400 leading-relaxed line-clamp-3">Gain Energy. Draw 1 card. Exhaust.</p><div class="flex flex-wrap gap-1 mt-2"><span class="text-xs bg-gray-800 text-gray-400 px-1.5 py-0.5 rounded capitalize">exhaust</span></div></div></div><div class="group bg-gray-900 border border-gray-800 hover:border-gray-600 rounded-xl overflow-hidden transition-all hover:-translate-y-0.5"><div class="relative bg-gray-800 aspect-[3/4] flex items-center justify-center overflow-hidden"><img src="/images/cards/furnace.webp" alt="Furnace" class="w-full h-full object-cover" loading="lazy"/><div class="absolute top-2 left-2 w-7 h-7 rounded-full bg-gray-900/90 border border-gray-700 flex items-center justify-center text-xs font-bold text-amber-400">1</div><div class="absolute top-2 right-2 w-2.5 h-2.5 rounded-full" style="background-color:#27ae60" title="uncommon"></div></div><div class="p-3"><div class="flex items-start justify-between gap-1 mb-1"><h3 class="text-sm font-semibold text-white leading-tight">Furnace</h3></div><div class="flex items-center gap-1.5 mb-2"><span class="text-xs px-1.5 py-0.5 rounded font-medium" style="background-color:#8e44ad33;color:#8e44ad">Regent</span><span class="text-xs text-gray-500 capitalize">power</span></div><p class="text-xs text-gray-400 leading-relaxed line-clamp-3">At the start of your turn, Forge 4.</p><div class="flex flex-wrap gap-1 mt-2"><span class="text-xs bg-amber-500/20 text-amber-400 px-1.5 py-0.5 rounded border border-amber-500/30">ð</span></div></div></div><div class="group bg-gray-900 border border-gray-800 hover:border-gray-600 rounded-xl overflow-hidden transition-all hover:-translate-y-0.5"><div class="relative bg-gray-800 aspect-[3/4] flex items-center justify-center overflow-hidden"><img src="/images/cards/fusion.webp" alt="Fusion" class="w-full h-full object-cover" loading="lazy"/><div class="absolute top-2 left-2 w-7 h-7 rounded-full bg-gray-900/90 border border-gray-700 flex items-center justify-center text-xs font-bold text-amber-400">2</div><div class="absolute top-2 right-2 w-2.5 h-2.5 rounded-full" style="background-color:#27ae60" title="uncommon"></div></div><div class="p-3"><div class="flex items-start justify-between gap-1 mb-1"><h3 class="text-sm font-semibold text-white leading-tight">Fusion</h3></div><div class="flex items-center gap-1.5 mb-2"><span class="text-xs px-1.5 py-0.5 rounded font-medium" style="background-color:#2980b933;color:#2980b9">Defect</span><span class="text-xs text-gray-500 capitalize">skill</span></div><p class="text-xs text-gray-400 leading-relaxed line-clamp-3">Channel 1 Plasma.</p></div></div><div class="group bg-gray-900 border border-gray-800 hover:border-gray-600 rounded-xl overflow-hidden transition-all hover:-translate-y-0.5"><div class="relative bg-gray-800 aspect-[3/4] flex items-center justify-center overflow-hidden"><img src="/images/cards/gamma_blast.webp" alt="Gamma Blast" class="w-full h-full object-cover" loading="lazy"/><div class="absolute top-2 left-2 w-7 h-7 rounded-full bg-gray-900/90 border border-gray-700 flex items-center justify-center text-xs font-bold text-amber-400">1</div><div class="absolute top-2 right-2 w-2.5 h-2.5 rounded-full" style="background-color:#27ae60" title="uncommon"></div></div><div class="p-3"><div class="flex items-start justify-between gap-1 mb-1"><h3 class="text-sm font-semibold text-white leading-tight">Gamma Blast</h3></div><div class="flex items-center gap-1.5 mb-2"><span class="text-xs px-1.5 py-0.5 rounded font-medium" style="background-color:#8e44ad33;color:#8e44ad">Regent</span><span class="text-xs text-gray-500 capitalize">attack</span></div><p class="text-xs text-gray-400 leading-relaxed line-clamp-3">Deal 13 damage. Apply 2 Weak. Apply 2 Vulnerable.</p><div class="flex flex-wrap gap-1 mt-2"><span class="text-xs bg-gray-800 text-gray-400 px-1.5 py-0.5 rounded capitalize">vulnerable</span><span class="text-xs bg-gray-800 text-gray-400 px-1.5 py-0.5 rounded capitalize">weak</span></div><div class="flex flex-wrap gap-1 mt-2"><span class="text-xs bg-amber-500/20 text-amber-400 px-1.5 py-0.5 rounded border border-amber-500/30">ð</span></div></div></div><div class="group bg-gray-900 border border-gray-800 hover:border-gray-600 rounded-xl overflow-hidden transition-all hover:-translate-y-0.5"><div class="relative bg-gray-800 aspect-[3/4] flex items-center justify-center overflow-hidden"><img src="/images/cards/gang_up.webp" alt="Gang Up" class="w-full h-full object-cover" loading="lazy"/><div class="absolute top-2 left-2 w-7 h-7 rounded-full bg-gray-900/90 border border-gray-700 flex items-center justify-center text-xs font-bold text-amber-400">1</div><div class="absolute top-2 right-2 w-2.5 h-2.5 rounded-full" style="background-color:#27ae60" title="uncommon"></div></div><div class="p-3"><div class="flex items-start justify-between gap-1 mb-1"><h3 class="text-sm font-semibold text-white leading-tight">Gang Up</h3></div><div class="flex items-center gap-1.5 mb-2"><span class="text-xs px-1.5 py-0.5 rounded font-medium" style="background-color:#7f8c8d33;color:#7f8c8d">Colorless</span><span class="text-xs text-gray-500 capitalize">attack</span></div><p class="text-xs text-gray-400 leading-relaxed line-clamp-3">Deal 5 damage. Deals 5 additional damage for each time another player has attacked the enemy this turn.</p><div class="flex flex-wrap gap-1 mt-2"><span class="text-xs bg-amber-500/20 text-amber-400 px-1.5 py-0.5 rounded border border-amber-500/30">ð¥</span></div></div></div><div class="group bg-gray-900 border border-gray-800 hover:border-gray-600 rounded-xl overflow-hidden transition-all hover:-translate-y-0.5"><div class="relative bg-gray-800 aspect-[3/4] flex items-center justify-center overflow-hidden"><img src="/images/cards/gather_light.webp" alt="Gather Light" class="w-full h-full object-cover" loading="lazy"/><div class="absolute top-2 left-2 w-7 h-7 rounded-full bg-gray-900/90 border border-gray-700 flex items-center justify-center text-xs font-bold text-amber-400">1</div><div class="absolute top-2 right-2 w-2.5 h-2.5 rounded-full" style="background-color:#95a5a6" title="common"></div></div><div class="p-3"><div class="flex items-start justify-between gap-1 mb-1"><h3 class="text-sm font-semibold text-white leading-tight">Gather Light</h3></div><div class="flex items-center gap-1.5 mb-2"><span class="text-xs px-1.5 py-0.5 rounded font-medium" style="background-color:#8e44ad33;color:#8e44ad">Regent</span><span class="text-xs text-gray-500 capitalize">skill</span></div><p class="text-xs text-gray-400 leading-relaxed line-clamp-3">Gain 7 Block. Gain Energy.</p><div class="flex flex-wrap gap-1 mt-2"><span class="text-xs bg-gray-800 text-gray-400 px-1.5 py-0.5 rounded capitalize">block</span></div><div class="flex flex-wrap gap-1 mt-2"><span class="text-xs bg-amber-500/20 text-amber-400 px-1.5 py-0.5 rounded border border-amber-500/30">ð</span></div></div></div><div class="group bg-gray-900 border border-gray-800 hover:border-gray-600 rounded-xl overflow-hidden transition-all hover:-translate-y-0.5"><div class="relative bg-gray-800 aspect-[3/4] flex items-center justify-center overflow-hidden"><img src="/images/cards/genesis.webp" alt="Genesis" class="w-full h-full object-cover" loading="lazy"/><div class="absolute top-2 left-2 w-7 h-7 rounded-full bg-gray-900/90 border border-gray-700 flex items-center justify-center text-xs font-bold text-amber-400">1</div><div class="absolute top-2 right-2 w-2.5 h-2.5 rounded-full" style="background-color:#f39c12" title="rare"></div></div><div class="p-3"><div class="flex items-start justify-between gap-1 mb-1"><h3 class="text-sm font-semibold text-white leading-tight">Genesis</h3></div><div class="flex items-center gap-1.5 mb-2"><span class="text-xs px-1.5 py-0.5 rounded font-medium" style="background-color:#8e44ad33;color:#8e44ad">Regent</span><span class="text-xs text-gray-500 capitalize">
1power</span></div><p class="text-xs text-gray-400 leading-relaxed line-clamp-3">At the start of your turn, gain EnergyEnergy.</p><div class="flex flex-wrap gap-1 mt-2"><span class="text-xs bg-amber-500/20 text-amber-400 px-1.5 py-0.5 rounded border border-amber-500/30">ð</span></div></div></div><div class="group bg-gray-900 border border-gray-800 hover:border-gray-600 rounded-xl overflow-hidden transition-all hover:-translate-y-0.5"><div class="relative bg-gray-800 aspect-[3/4] flex items-center justify-center overflow-hidden"><img src="/images/cards/genetic_algorithm.webp" alt="Genetic Algorithm" class="w-full h-full object-cover" loading="lazy"/><div class="absolute top-2 left-2 w-7 h-7 rounded-full bg-gray-900/90 border border-gray-700 flex items-center justify-center text-xs font-bold text-amber-400">1</div><div class="absolute top-2 right-2 w-2.5 h-2.5 rounded-full" style="background-color:#f39c12" title="rare"></div></div><div class="p-3"><div class="flex items-start justify-between gap-1 mb-1"><h3 class="text-sm font-semibold text-white leading-tight">Genetic Algorithm</h3></div><div class="flex items-center gap-1.5 mb-2"><span class="text-xs px-1.5 py-0.5 rounded font-medium" style="background-color:#2980b933;color:#2980b9">Defect</span><span class="text-xs text-gray-500 capitalize">skill</span></div><p class="text-xs text-gray-400 leading-relaxed line-clamp-3">Gain 1 Block. Permanently increase this card's Block by 3. Exhaust.</p><div class="flex flex-wrap gap-1 mt-2"><span class="text-xs bg-gray-800 text-gray-400 px-1.5 py-0.5 rounded capitalize">exhaust</span><span class="text-xs bg-gray-800 text-gray-400 px-1.5 py-0.5 rounded capitalize">block</span></div></div></div><div class="group bg-gray-900 border border-gray-800 hover:border-gray-600 rounded-xl overflow-hidden transition-all hover:-translate-y-0.5"><div class="relative bg-gray-800 aspect-[3/4] flex items-center justify-center overflow-hidden"><img src="/images/cards/giant_rock.webp" alt="Giant Rock" class="w-full h-full object-cover" loading="lazy"/><div class="absolute top-2 left-2 w-7 h-7 rounded-full bg-gray-900/90 border border-gray-700 flex items-center justify-center text-xs font-bold text-amber-400">1</div><div class="absolute top-2 right-2 w-2.5 h-2.5 rounded-full" style="background-color:#95a5a6" title="common"></div></div><div class="p-3"><div class="flex items-start justify-between gap-1 mb-1"><h3 class="text-sm font-semibold text-white leading-tight">Giant Rock</h3></div><div class="flex items-center gap-1.5 mb-2"><span class="text-xs px-1.5 py-0.5 rounded font-medium" style="background-color:#7f8c8d33;color:#7f8c8d">Colorless</span><span class="text-xs text-gray-500 capitalize">attack</span></div><p class="text-xs text-gray-400 leading-relaxed line-clamp-3">Deal 16 damage.</p></div></div><div class="group bg-gray-900 border border-gray-800 hover:border-gray-600 rounded-xl overflow-hidden transition-all hover:-translate-y-0.5"><div class="relative bg-gray-800 aspect-[3/4] flex items-center justify-center overflow-hidden"><img src="/images/cards/glacier.webp" alt="Glacier" class="w-full h-full object-cover" loading="lazy"/><div class="absolute top-2 left-2 w-7 h-7 rounded-full bg-gray-900/90 border border-gray-700 flex items-center justify-center text-xs font-bold text-amber-400">2</div><div class="absolute top-2 right-2 w-2.5 h-2.5 rounded-full" style="background-color:#27ae60" title="uncommon"></div></div><div class="p-3"><div class="flex items-start justify-between gap-1 mb-1"><h3 class="text-sm font-semibold text-white leading-tight">Glacier</h3></div><div class="flex items-center gap-1.5 mb-2"><span class="text-xs px-1.5 py-0.5 rounded font-medium" style="background-color:#2980b933;color:#2980b9">Defect</span><span class="text-xs text-gray-500 capitalize">skill</span></div><p class="text-xs text-gray-400 leading-relaxed line-clamp-3">Gain 6 Block. Channel 2 Frost.</p><div class="flex flex-wrap gap-1 mt-2"><span class="text-xs bg-gray-800 text-gray-400 px-1.5 py-0.5 rounded capitalize">block</span></div></div></div><div class="group bg-gray-900 border border-gray-800 hover:border-gray-600 rounded-xl overflow-hidden transition-all hover:-translate-y-0.5"><div class="relative bg-gray-800 aspect-[3/4] flex items-center justify-center overflow-hidden"><img src="/images/cards/glasswork.webp" alt="Glasswork" class="w-full h-full object-cover" loading="lazy"/><div class="absolute top-2 left-2 w-7 h-7 rounded-full bg-gray-900/90 border border-gray-700 flex items-center justify-center text-xs font-bold text-amber-400">1</div><div class="absolute top-2 right-2 w-2.5 h-2.5 rounded-full" style="background-color:#27ae60" title="uncommon"></div></div><div class="p-3"><div class="flex items-start justify-between gap-1 mb-1"><h3 class="text-sm font-semibold text-white leading-tight">Glasswork</h3></div><div class="flex items-center gap-1.5 mb-2"><span class="text-xs px-1.5 py-0.5 rounded font-medium" style="background-color:#2980b933;color:#2980b9">Defect</span><span class="text-xs text-gray-500 capitalize">skill</span></div><p class="text-xs text-gray-400 leading-relaxed line-clamp-3">Gain 5 Block. Channel 1 Glass.</p><div class="flex flex-wrap gap-1 mt-2"><span class="text-xs bg-gray-800 text-gray-400 px-1.5 py-0.5 rounded capitalize">block</span></div></div></div><div class="group bg-gray-900 border border-gray-800 hover:border-gray-600 rounded-xl overflow-hidden transition-all hover:-translate-y-0.5"><div class="relative bg-gray-800 aspect-[3/4] flex items-center justify-center overflow-hidden"><img src="/images/cards/glimmer.webp" alt="Glimmer" class="w-full h-full object-cover" loading="lazy"/><div class="absolute top-2 left-2 w-7 h-7 rounded-full bg-gray-900/90 border border-gray-700 flex items-center justify-center text-xs font-bold text-amber-400">1</div><div class="absolute top-2 right-2 w-2.5 h-2.5 rounded-full" style="background-color:#27ae60" title="uncommon"></div></div><div class="p-3"><div class="flex items-start justify-between gap-1 mb-1"><h3 class="text-sm font-semibold text-white leading-tight">Glimmer</h3></div><div class="flex items-center gap-1.5 mb-2"><span class="text-xs px-1.5 py-0.5 rounded font-medium" style="background-color:#8e44ad33;color:#8e44ad">Regent</span><span class="text-xs text-gray-500 capitalize">skill</span></div><p class="text-xs text-gray-400 leading-relaxed line-clamp-3">Draw 3 cards. Put 1 card from your Hand on top of your Draw Pile.</p><div class="flex flex-wrap gap-1 mt-2"><span class="text-xs bg-amber-500/20 text-amber-400 px-1.5 py-0.5 rounded border border-amber-500/30">ð</span></div></div></div><div class="group bg-gray-900 border border-gray-800 hover:border-gray-600 rounded-xl overflow-hidden transition-all hover:-translate-y-0.5"><div class="relative bg-gray-800 aspect-[3/4] flex items-center justify-center overflow-hidden"><img src="/images/cards/glimpse_beyond.webp" alt="Glimpse Beyond" class="w-full h-full object-cover" loading="lazy"/><div class="absolute top-2 left-2 w-7 h-7 rounded-full bg-gray-900/90 border border-gray-700 flex items-center justify-center text-xs font-bold text-amber-400">1</div><div class="absolute top-2 right-2 w-2.5 h-2.5 rounded-full" style="background-color:#f39c12" title="rare"></div></div><div class="p-3"><div class="flex items-start justify-between gap-1 mb-1"><h3 class="text-sm font-semibold text-white leading-tight">Glimpse Beyond</h3></div><div class="flex items-center gap-1.5 mb-2"><span class="text-xs px-1.5 py-0.5 rounded font-medium" style="background-color:#2c3e5033;color:#2c3e50">Necrobinder</span><span class="text-xs text-gray-500 capitalize">skill</span></div><p class="text-xs text-gray-400 leading-relaxed line-clamp-3">
1ALL players add 3 Souls into their Draw Pile. Exhaust.</p><div class="flex flex-wrap gap-1 mt-2"><span class="text-xs bg-gray-800 text-gray-400 px-1.5 py-0.5 rounded capitalize">exhaust</span></div><div class="flex flex-wrap gap-1 mt-2"><span class="text-xs bg-amber-500/20 text-amber-400 px-1.5 py-0.5 rounded border border-amber-500/30">ð</span><span class="text-xs bg-amber-500/20 text-amber-400 px-1.5 py-0.5 rounded border border-amber-500/30">ð¥</span></div></div></div><div class="group bg-gray-900 border border-gray-800 hover:border-gray-600 rounded-xl overflow-hidden transition-all hover:-translate-y-0.5"><div class="relative bg-gray-800 aspect-[3/4] flex items-center justify-center overflow-hidden"><img src="/images/cards/glitterstream.webp" alt="Glitterstream" class="w-full h-full object-cover" loading="lazy"/><div class="absolute top-2 left-2 w-7 h-7 rounded-full bg-gray-900/90 border border-gray-700 flex items-center justify-center text-xs font-bold text-amber-400">1</div><div class="absolute top-2 right-2 w-2.5 h-2.5 rounded-full" style="background-color:#95a5a6" title="common"></div></div><div class="p-3"><div class="flex items-start justify-between gap-1 mb-1"><h3 class="text-sm font-semibold text-white leading-tight">Glitterstream</h3></div><div class="flex items-center gap-1.5 mb-2"><span class="text-xs px-1.5 py-0.5 rounded font-medium" style="background-color:#8e44ad33;color:#8e44ad">Regent</span><span class="text-xs text-gray-500 capitalize">skill</span></div><p class="text-xs text-gray-400 leading-relaxed line-clamp-3">Gain 11 Block. Next turn, gain 4 Block.</p><div class="flex flex-wrap gap-1 mt-2"><span class="text-xs bg-gray-800 text-gray-400 px-1.5 py-0.5 rounded capitalize">block</span></div><div class="flex flex-wrap gap-1 mt-2"><span class="text-xs bg-amber-500/20 text-amber-400 px-1.5 py-0.5 rounded border border-amber-500/30">ð</span></div></div></div><div class="group bg-gray-900 border border-gray-800 hover:border-gray-600 rounded-xl overflow-hidden transition-all hover:-translate-y-0.5"><div class="relative bg-gray-800 aspect-[3/4] flex items-center justify-center overflow-hidden"><img src="/images/cards/glow.webp" alt="Glow" class="w-full h-full object-cover" loading="lazy"/><div class="absolute top-2 left-2 w-7 h-7 rounded-full bg-gray-900/90 border border-gray-700 flex items-center justify-center text-xs font-bold text-amber-400">1</div><div class="absolute top-2 right-2 w-2.5 h-2.5 rounded-full" style="background-color:#95a5a6" title="common"></div></div><div class="p-3"><div class="flex items-start justify-between gap-1 mb-1"><h3 class="text-sm font-semibold text-white leading-tight">Glow</h3></div><div class="flex items-center gap-1.5 mb-2"><span class="text-xs px-1.5 py-0.5 rounded font-medium" style="background-color:#8e44ad33;color:#8e44ad">Regent</span><span class="text-xs text-gray-500 capitalize">skill</span></div><p class="text-xs text-gray-400 leading-relaxed line-clamp-3">Gain Energy. Draw 2 cards.</p><div class="flex flex-wrap gap-1 mt-2"><span class="text-xs bg-amber-500/20 text-amber-400 px-1.5 py-0.5 rounded border border-amber-500/30">ð</span></div></div></div><div class="group bg-gray-900 border border-gray-800 hover:border-gray-600 rounded-xl overflow-hidden transition-all hover:-translate-y-0.5"><div class="relative bg-gray-800 aspect-[3/4] flex items-center justify-center overflow-hidden"><img src="/images/cards/go_for_the_eyes.webp" alt="Go for the Eyes" class="w-full h-full object-cover" loading="lazy"/><div class="absolute top-2 left-2 w-7 h-7 rounded-full bg-gray-900/90 border border-gray-700 flex items-center justify-center text-xs font-bold text-amber-400">0</div><div class="absolute top-2 right-2 w-2.5 h-2.5 rounded-full" style="background-color:#95a5a6" title="common"></div></div><div class="p-3"><div class="flex items-start justify-between gap-1 mb-1"><h3 class="text-sm font-semibold text-white leading-tight">Go for the Eyes</h3></div><div class="flex items-center gap-1.5 mb-2"><span class="text-xs px-1.5 py-0.5 rounded font-medium" style="background-color:#2980b933;color:#2980b9">Defect</span><span class="text-xs text-gray-500 capitalize">attack</span></div><p class="text-xs text-gray-400 leading-relaxed line-clamp-3">Deal 3 damage. If the enemy intends to attack, apply 1 Weak.</p><div class="flex flex-wrap gap-1 mt-2"><span class="text-xs bg-gray-800 text-gray-400 px-1.5 py-0.5 rounded capitalize">weak</span></div></div></div><div class="group bg-gray-900 border border-gray-800 hover:border-gray-600 rounded-xl overflow-hidden transition-all hover:-translate-y-0.5"><div class="relative bg-gray-800 aspect-[3/4] flex items-center justify-center overflow-hidden"><img src="/images/cards/gold_axe.webp" alt="Gold Axe" class="w-full h-full object-cover" loading="lazy"/><div class="absolute top-2 left-2 w-7 h-7 rounded-full bg-gray-900/90 border border-gray-700 flex items-center justify-center text-xs font-bold text-amber-400">1</div><div class="absolute top-2 right-2 w-2.5 h-2.5 rounded-full" style="background-color:#f39c12" title="rare"></div></div><div class="p-3"><div class="flex items-start justify-between gap-1 mb-1"><h3 class="text-sm font-semibold text-white leading-tight">Gold Axe</h3></div><div class="flex items-center gap-1.5 mb-2"><span class="text-xs px-1.5 py-0.5 rounded font-medium" style="background-color:#7f8c8d33;color:#7f8c8d">Colorless</span><span class="text-xs text-gray-500 capitalize">attack</span></div><p class="text-xs text-gray-400 leading-relaxed line-clamp-3">Deal damage equal to the number of cards played this combat.</p></div></div><div class="group bg-gray-900 border border-gray-800 hover:border-gray-600 rounded-xl overflow-hidden transition-all hover:-translate-y-0.5"><div class="relative bg-gray-800 aspect-[3/4] flex items-center justify-center overflow-hidden"><img src="/images/cards/grand_finale.webp" alt="Grand Finale" class="w-full h-full object-cover" loading="lazy"/><div class="absolute top-2 left-2 w-7 h-7 rounded-full bg-gray-900/90 border border-gray-700 flex items-center justify-center text-xs font-bold text-amber-400">0</div><div class="absolute top-2 right-2 w-2.5 h-2.5 rounded-full" style="background-color:#f39c12" title="rare"></div></div><div class="p-3"><div class="flex items-start justify-between gap-1 mb-1"><h3 class="text-sm font-semibold text-white leading-tight">Grand Finale</h3></div><div class="flex items-center gap-1.5 mb-2"><span class="text-xs px-1.5 py-0.5 rounded font-medium" style="background-color:#27ae6033;color:#27ae60">Silent</span><span class="text-xs text-gray-500 capitalize">attack</span></div><p class="text-xs text-gray-400 leading-relaxed line-clamp-3">Can only be played if there are no cards in your Draw Pile. Deal 50 damage to ALL enemies.</p></div></div><div class="group bg-gray-900 border border-gray-800 hover:border-gray-600 rounded-xl overflow-hidden transition-all hover:-translate-y-0.5"><div class="relative bg-gray-800 aspect-[3/4] flex items-center justify-center overflow-hidden"><img src="/images/cards/grapple.webp" alt="Grapple" class="w-full h-full object-cover" loading="lazy"/><div class="absolute top-2 left-2 w-7 h-7 rounded-full bg-gray-900/90 border border-gray-700 flex items-center justify-center text-xs font-bold text-amber-400">1</div><div class="absolute top-2 right-2 w-2.5 h-2.5 rounded-full" style="background-color:#27ae60" title="uncommon"></div></div><div class="p-3"><div class="flex items-start justify-between gap-1 mb-1"><h3 class="text-sm font-semibold text-white leading-tight">Grapple</h3></div><div class="flex items-center gap-1.5 mb-2"><span class="text-xs px-1.5 py-0.5 rounded font-medium" style="background-color:#c0392b33;color:#c0392b">Ironclad</span><span class="text-xs text-gray-500 capitalize">attack</span></div><p class="text-xs text-gray-400 leading-relaxed line-clamp-3">Deal 7 damage. Whenever you gain Block this turn, deal 5 damage to the enemy.</p><div class="flex flex-wrap gap-1 mt-2"><span class="text-xs bg-gray-800 text-gray-400 px-1.5 py-0.5 rounded capitalize">block</span></div></div></div><div class="group bg-gray-900 border border-gray-800 hover:border-gray-600 rounded-xl overflow-hidden transition-all hover:-translate-y-0.5"><div class="relative bg-gray-800 aspect-[3/4] flex items-center justify-center overflow-hidden"><img src="/images/cards/grave_warden.webp" alt="Grave Warden" class="w-full h-full object-cover" loading="lazy"/><div class="absolute top-2 left-2 w-7 h-7 rounded-full bg-gray-900/90 border border-gray-700 flex items-center justify-center text-xs font-bold text-amber-400">1</div><div class="absolute top-2 right-2 w-2.5 h-2.5 rounded-full" style="background-color:#95a5a6" title="common"></div></div><div class="p-3"><div class="flex items-start justify-between gap-1 mb-1"><h3 class="text-sm font-semibold text-white leading-tight">Grave Warden</h3></div><div class="flex items-center gap-1.5 mb-2"><span class="text-xs px-1.5 py-0.5 rounded font-medium" style="background-color:#2c3e5033;color:#2c3e50">Necrobinder</span><span class="text-xs text-gray-500 capitalize">skill</span></div><p class="text-xs text-gray-400 leading-relaxed line-clamp-3">Gain 8 Block. Add a Soul into your Draw Pile.</p><div class="flex flex-wrap gap-1 mt-2"><span class="text-xs bg-gray-800 text-gray-400 px-1.5 py-0.5 rounded capitalize">block</span></div><div class="flex flex-wrap gap-1 mt-2"><span class="text-xs bg-amber-500/20 text-amber-400 px-1.5 py-0.5 rounded border border-amber-500/30">ð</span></div></div></div><div class="group bg-gray-900 border border-gray-800 hover:border-gray-600 rounded-xl overflow-hidden transition-all hover:-translate-y-0.5"><div class="relative bg-gray-800 aspect-[3/4] flex items-center justify-center overflow-hidden"><img src="/images/cards/graveblast.webp" alt="Graveblast" class="w-full h-full object-cover" loading="lazy"/><div class="absolute top-2 left-2 w-7 h-7 rounded-full bg-gray-900/90 border border-gray-700 flex items-center justify-center text-xs font-bold text-amber-400">1</div><div class="absolute top-2 right-2 w-2.5 h-2.5 rounded-full" style="background-color:#95a5a6" title="common"></div></div><div class="p-3"><div class="flex items-start justify-between gap-1 mb-1"><h3 class="text-sm font-semibold text-white leading-tight">Graveblast</h3></div><div class="flex items-center gap-1.5 mb-2"><span class="text-xs px-1.5 py-0.5 rounded font-medium" style="background-color:#2c3e5033;color:#2c3e50">Necrobinder</span><span class="text-xs text-gray-500 capitalize">attack</span></div><p class="text-xs text-gray-400 leading-relaxed line-clamp-3">Deal 4 damage. Put a card from your Discard Pile into your Hand. Exhaust.</p><div class="flex flex-wrap gap-1 mt-2"><span class="text-xs bg-gray-800 text-gray-400 px-1.5 py-0.5 rounded capitalize">exhaust</span></div><div class="flex flex-wrap gap-1 mt-2"><span class="text-xs bg-amber-500/20 text-amber-400 px-1.5 py-0.5 rounded border border-amber-500/30">ð</span></div></div></div><div class="group bg-gray-900 border border-gray-800 hover:border-gray-600 rounded-xl overflow-hidden transition-all hover:-translate-y-0.5"><div class="relative bg-gray-800 aspect-[3/4] flex items-center justify-center overflow-hidden"><img src="/images/cards/greed.webp" alt="Greed" class="w-full h-full object-cover" loading="lazy"/><div class="absolute top-2 left-2 w-7 h-7 rounded-full bg-gray-900/90 border border-gray-700 flex items-center justify-center text-xs font-bold text-amber-400">1</div><div class="absolute top-2 right-2 w-2.5 h-2.5 rounded-full" style="background-color:#e74
1c3c" title="special"></div></div><div class="p-3"><div class="flex items-start justify-between gap-1 mb-1"><h3 class="text-sm font-semibold text-white leading-tight">Greed</h3></div><div class="flex items-center gap-1.5 mb-2"><span class="text-xs px-1.5 py-0.5 rounded font-medium" style="background-color:#7f8c8d33;color:#7f8c8d">Colorless</span><span class="text-xs text-gray-500 capitalize">skill</span></div><p class="text-xs text-gray-400 leading-relaxed line-clamp-3">Unplayable. Eternal.</p></div></div><div class="group bg-gray-900 border border-gray-800 hover:border-gray-600 rounded-xl overflow-hidden transition-all hover:-translate-y-0.5"><div class="relative bg-gray-800 aspect-[3/4] flex items-center justify-center overflow-hidden"><img src="/images/cards/guards.webp" alt="GUARDS!!!" class="w-full h-full object-cover" loading="lazy"/><div class="absolute top-2 left-2 w-7 h-7 rounded-full bg-gray-900/90 border border-gray-700 flex items-center justify-center text-xs font-bold text-amber-400">1</div><div class="absolute top-2 right-2 w-2.5 h-2.5 rounded-full" style="background-color:#f39c12" title="rare"></div></div><div class="p-3"><div class="flex items-start justify-between gap-1 mb-1"><h3 class="text-sm font-semibold text-white leading-tight">GUARDS!!!</h3></div><div class="flex items-center gap-1.5 mb-2"><span class="text-xs px-1.5 py-0.5 rounded font-medium" style="background-color:#8e44ad33;color:#8e44ad">Regent</span><span class="text-xs text-gray-500 capitalize">skill</span></div><p class="text-xs text-gray-400 leading-relaxed line-clamp-3">Transform any number of cards in your Hand into Minion Sacrifice. Exhaust.</p><div class="flex flex-wrap gap-1 mt-2"><span class="text-xs bg-gray-800 text-gray-400 px-1.5 py-0.5 rounded capitalize">sacrifice</span><span class="text-xs bg-gray-800 text-gray-400 px-1.5 py-0.5 rounded capitalize">exhaust</span></div><div class="flex flex-wrap gap-1 mt-2"><span class="text-xs bg-amber-500/20 text-amber-400 px-1.5 py-0.5 rounded border border-amber-500/30">ð</span></div></div></div><div class="group bg-gray-900 border border-gray-800 hover:border-gray-600 rounded-xl overflow-hidden transition-all hover:-translate-y-0.5"><div class="relative bg-gray-800 aspect-[3/4] flex items-center justify-center overflow-hidden"><img src="/images/cards/guiding_star.webp" alt="Guiding Star" class="w-full h-full object-cover" loading="lazy"/><div class="absolute top-2 left-2 w-7 h-7 rounded-full bg-gray-900/90 border border-gray-700 flex items-center justify-center text-xs font-bold text-amber-400">1</div><div class="absolute top-2 right-2 w-2.5 h-2.5 rounded-full" style="background-color:#95a5a6" title="common"></div></div><div class="p-3"><div class="flex items-start justify-between gap-1 mb-1"><h3 class="text-sm font-semibold text-white leading-tight">Guiding Star</h3></div><div class="flex items-center gap-1.5 mb-2"><span class="text-xs px-1.5 py-0.5 rounded font-medium" style="background-color:#8e44ad33;color:#8e44ad">Regent</span><span class="text-xs text-gray-500 capitalize">attack</span></div><p class="text-xs text-gray-400 leading-relaxed line-clamp-3">Deal 12 damage. Next turn, draw 2 cards.</p><div class="flex flex-wrap gap-1 mt-2"><span class="text-xs bg-amber-500/20 text-amber-400 px-1.5 py-0.5 rounded border border-amber-500/30">ð</span></div></div></div><div class="group bg-gray-900 border border-gray-800 hover:border-gray-600 rounded-xl overflow-hidden transition-all hover:-translate-y-0.5"><div class="relative bg-gray-800 aspect-[3/4] flex items-center justify-center overflow-hidden"><img src="/images/cards/guilty.webp" alt="Guilty" class="w-full h-full object-cover" loading="lazy"/><div class="absolute top-2 left-2 w-7 h-7 rounded-full bg-gray-900/90 border border-gray-700 flex items-center justify-center text-xs font-bold text-amber-400">1</div><div class="absolute top-2 right-2 w-2.5 h-2.5 rounded-full" style="background-color:#e74c3c" title="special"></div></div><div class="p-3"><div class="flex items-start justify-between gap-1 mb-1"><h3 class="text-sm font-semibold text-white leading-tight">Guilty</h3></div><div class="flex items-center gap-1.5 mb-2"><span class="text-xs px-1.5 py-0.5 rounded font-medium" style="background-color:#7f8c8d33;color:#7f8c8d">Colorless</span><span class="text-xs text-gray-500 capitalize">skill</span></div><p class="text-xs text-gray-400 leading-relaxed line-clamp-3">Unplayable. Removed from your Deck after 5 combats.</p></div></div><div class="group bg-gray-900 border border-gray-800 hover:border-gray-600 rounded-xl overflow-hidden transition-all hover:-translate-y-0.5"><div class="relative bg-gray-800 aspect-[3/4] flex items-center justify-center overflow-hidden"><img src="/images/cards/gunk_up.webp" alt="Gunk Up" class="w-full h-full object-cover" loading="lazy"/><div class="absolute top-2 left-2 w-7 h-7 rounded-full bg-gray-900/90 border border-gray-700 flex items-center justify-center text-xs font-bold text-amber-400">1</div><div class="absolute top-2 right-2 w-2.5 h-2.5 rounded-full" style="background-color:#95a5a6" title="common"></div></div><div class="p-3"><div class="flex items-start justify-between gap-1 mb-1"><h3 class="text-sm font-semibold text-white leading-tight">Gunk Up</h3></div><div class="flex items-center gap-1.5 mb-2"><span class="text-xs px-1.5 py-0.5 rounded font-medium" style="background-color:#2980b933;color:#2980b9">Defect</span><span class="text-xs text-gray-500 capitalize">attack</span></div><p class="text-xs text-gray-400 leading-relaxed line-clamp-3">Deal 4 damage 3 times. Add a Slimed into your Discard Pile.</p></div></div><div class="group bg-gray-900 border border-gray-800 hover:border-gray-600 rounded-xl overflow-hidden transition-all hover:-translate-y-0.5"><div class="relative bg-gray-800 aspect-[3/4] flex items-center justify-center overflow-hidden"><img src="/images/cards/hailstorm.webp" alt="Hailstorm" class="w-full h-full object-cover" loading="lazy"/><div class="absolute top-2 left-2 w-7 h-7 rounded-full bg-gray-900/90 border border-gray-700 flex items-center justify-center text-xs font-bold text-amber-400">1</div><div class="absolute top-2 right-2 w-2.5 h-2.5 rounded-full" style="background-color:#27ae60" title="uncommon"></div></div><div class="p-3"><div class="flex items-start justify-between gap-1 mb-1"><h3 class="text-sm font-semibold text-white leading-tight">Hailstorm</h3></div><div class="flex items-center gap-1.5 mb-2"><span class="text-xs px-1.5 py-0.5 rounded font-medium" style="background-color:#2980b933;color:#2980b9">Defect</span><span class="text-xs text-gray-500 capitalize">
1power</span></div><p class="text-xs text-gray-400 leading-relaxed line-clamp-3">At the end of your turn, if you have Frost, deal 6 damage to ALL enemies.</p></div></div><div class="group bg-gray-900 border border-gray-800 hover:border-gray-600 rounded-xl overflow-hidden transition-all hover:-translate-y-0.5"><div class="relative bg-gray-800 aspect-[3/4] flex items-center justify-center overflow-hidden"><img src="/images/cards/hammer_time.webp" alt="Hammer Time" class="w-full h-full object-cover" loading="lazy"/><div class="absolute top-2 left-2 w-7 h-7 rounded-full bg-gray-900/90 border border-gray-700 flex items-center justify-center text-xs font-bold text-amber-400">1</div><div class="absolute top-2 right-2 w-2.5 h-2.5 rounded-full" style="background-color:#f39c12" title="rare"></div></div><div class="p-3"><div class="flex items-start justify-between gap-1 mb-1"><h3 class="text-sm font-semibold text-white leading-tight">Hammer Time</h3></div><div class="flex items-center gap-1.5 mb-2"><span class="text-xs px-1.5 py-0.5 rounded font-medium" style="background-color:#8e44ad33;color:#8e44ad">Regent</span><span class="text-xs text-gray-500 capitalize">power</span></div><p class="text-xs text-gray-400 leading-relaxed line-clamp-3">Whenever you Forge, all allies Forge as well.</p><div class="flex flex-wrap gap-1 mt-2"><span class="text-xs bg-amber-500/20 text-amber-400 px-1.5 py-0.5 rounded border border-amber-500/30">ð</span></div></div></div><div class="group bg-gray-900 border border-gray-800 hover:border-gray-600 rounded-xl overflow-hidden transition-all hover:-translate-y-0.5"><div class="relative bg-gray-800 aspect-[3/4] flex items-center justify-center overflow-hidden"><img src="/images/cards/hand_of_greed.webp" alt="Hand of Greed" class="w-full h-full object-cover" loading="lazy"/><div class="absolute top-2 left-2 w-7 h-7 rounded-full bg-gray-900/90 border border-gray-700 flex items-center justify-center text-xs font-bold text-amber-400">1</div><div class="absolute top-2 right-2 w-2.5 h-2.5 rounded-full" style="background-color:#f39c12" title="rare"></div></div><div class="p-3"><div class="flex items-start justify-between gap-1 mb-1"><h3 class="text-sm font-semibold text-white leading-tight">Hand of Greed</h3></div><div class="flex items-center gap-1.5 mb-2"><span class="text-xs px-1.5 py-0.5 rounded font-medium" style="background-color:#7f8c8d33;color:#7f8c8d">Colorless</span><span class="text-xs text-gray-500 capitalize">attack</span></div><p class="text-xs text-gray-400 leading-relaxed line-clamp-3">Deal 20 damage. If Fatal, gain 20 Gold.</p></div></div><div class="group bg-gray-900 border border-gray-800 hover:border-gray-600 rounded-xl overflow-hidden transition-all hover:-translate-y-0.5"><div class="relative bg-gray-800 aspect-[3/4] flex items-center justify-center overflow-hidden"><img src="/images/cards/hand_trick.webp" alt="Hand Trick" class="w-full h-full object-cover" loading="lazy"/><div class="absolute top-2 left-2 w-7 h-7 rounded-full bg-gray-900/90 border border-gray-700 flex items-center justify-center text-xs font-bold text-amber-400">1</div><div class="absolute top-2 right-2 w-2.5 h-2.5 rounded-full" style="background-color:#27ae60" title="uncommon"></div></div><div class="p-3"><div class="flex items-start justify-between gap-1 mb-1"><h3 class="text-sm font-semibold text-white leading-tight">Hand Trick</h3></div><div class="flex items-center gap-1.5 mb-2"><span class="text-xs px-1.5 py-0.5 rounded font-medium" style="background-color:#27ae6033;color:#27ae60">Silent</span><span class="text-xs text-gray-500 capitalize">skill</span></div><p class="text-xs text-gray-400 leading-relaxed line-clamp-3">Gain 7 Block. Add Sly to a Skill in your Hand this turn.</p><div class="flex flex-wrap gap-1 mt-2"><span class="text-xs bg-gray-800 text-gray-400 px-1.5 py-0.5 rounded capitalize">sly</span><span class="text-xs bg-gray-800 text-gray-400 px-1.5 py-0.5 rounded capitalize">block</span></div><div class="flex flex-wrap gap-1 mt-2"><span class="text-xs bg-amber-500/20 text-amber-400 px-1.5 py-0.5 rounded border border-amber-500/30">ð</span></div></div></div><div class="group bg-gray-900 border border-gray-800 hover:border-gray-600 rounded-xl overflow-hidden transition-all hover:-translate-y-0.5"><div class="relative bg-gray-800 aspect-[3/4] flex items-center justify-center overflow-hidden"><img src="/images/cards/hang.webp" alt="Hang" class="w-full h-full object-cover" loading="lazy"/><div class="absolute top-2 left-2 w-7 h-7 rounded-full bg-gray-900/90 border border-gray-700 flex items-center justify-center text-xs font-bold text-amber-400">1</div><div class="absolute top-2 right-2 w-2.5 h-2.5 rounded-full" style="background-color:#f39c12" title="rare"></div></div><div class="p-3"><div class="flex items-start justify-between gap-1 mb-1"><h3 class="text-sm font-semibold text-white leading-tight">Hang</h3></div><div class="flex items-center gap-1.5 mb-2"><span class="text-xs px-1.5 py-0.5 rounded font-medium" style="background-color:#2c3e5033;color:#2c3e50">Necrobinder</span><span class="text-xs text-gray-500 capitalize">attack</span></div><p class="text-xs text-gray-400 leading-relaxed line-clamp-3">Deal 10 damage. Double the damage ALL Hang cards deal to this enemy.</p><div class="flex flex-wrap gap-1 mt-2"><span class="text-xs bg-amber-500/20 text-amber-400 px-1.5 py-0.5 rounded border border-amber-500/30">ð</span></div></div></div><div class="group bg-gray-900 border border-gray-800 hover:border-gray-600 rounded-xl overflow-hidden transition-all hover:-translate-y-0.5"><div class="relative bg-gray-800 aspect-[3/4] flex items-center justify-center overflow-hidden"><img src="/images/cards/haunt.webp" alt="Haunt" class="w-full h-full object-cover" loading="lazy"/><div class="absolute top-2 left-2 w-7 h-7 rounded-full bg-gray-900/90 border border-gray-700 flex items-center justify-center text-xs font-bold text-amber-400">1</div><div class="absolute top-2 right-2 w-2.5 h-2.5 rounded-full" style="background-color:#27ae60" title="uncommon"></div></div><div class="p-3"><div class="flex items-start justify-between gap-1 mb-1"><h3 class="text-sm font-semibold text-white leading-tight">Haunt</h3></div><div class="flex items-center gap-1.5 mb-2"><span class="text-xs px-1.5 py-0.5 rounded font-medium" style="background-color:#2c3e5033;color:#2c3e50">Necrobinder</span><span class="text-xs text-gray-500 capitalize">
1power</span></div><p class="text-xs text-gray-400 leading-relaxed line-clamp-3">Whenever you play a Soul, a random enemy loses 6 HP.</p><div class="flex flex-wrap gap-1 mt-2"><span class="text-xs bg-amber-500/20 text-amber-400 px-1.5 py-0.5 rounded border border-amber-500/30">ð</span></div></div></div><div class="group bg-gray-900 border border-gray-800 hover:border-gray-600 rounded-xl overflow-hidden transition-all hover:-translate-y-0.5"><div class="relative bg-gray-800 aspect-[3/4] flex items-center justify-center overflow-hidden"><img src="/images/cards/havoc.webp" alt="Havoc" class="w-full h-full object-cover" loading="lazy"/><div class="absolute top-2 left-2 w-7 h-7 rounded-full bg-gray-900/90 border border-gray-700 flex items-center justify-center text-xs font-bold text-amber-400">1</div><div class="absolute top-2 right-2 w-2.5 h-2.5 rounded-full" style="background-color:#95a5a6" title="common"></div></div><div class="p-3"><div class="flex items-start justify-between gap-1 mb-1"><h3 class="text-sm font-semibold text-white leading-tight">Havoc</h3></div><div class="flex items-center gap-1.5 mb-2"><span class="text-xs px-1.5 py-0.5 rounded font-medium" style="background-color:#c0392b33;color:#c0392b">Ironclad</span><span class="text-xs text-gray-500 capitalize">skill</span></div><p class="text-xs text-gray-400 leading-relaxed line-clamp-3">Play the top card of your Draw Pile and Exhaust it.</p><div class="flex flex-wrap gap-1 mt-2"><span class="text-xs bg-gray-800 text-gray-400 px-1.5 py-0.5 rounded capitalize">exhaust</span></div></div></div><div class="group bg-gray-900 border border-gray-800 hover:border-gray-600 rounded-xl overflow-hidden transition-all hover:-translate-y-0.5"><div class="relative bg-gray-800 aspect-[3/4] flex items-center justify-center overflow-hidden"><img src="/images/cards/haze.webp" alt="Haze" class="w-full h-full object-cover" loading="lazy"/><div class="absolute top-2 left-2 w-7 h-7 rounded-full bg-gray-900/90 border border-gray-700 flex items-center justify-center text-xs font-bold text-amber-400">3</div><div class="absolute top-2 right-2 w-2.5 h-2.5 rounded-full" style="background-color:#27ae60" title="uncommon"></div></div><div class="p-3"><div class="flex items-start justify-between gap-1 mb-1"><h3 class="text-sm font-semibold text-white leading-tight">Haze</h3></div><div class="flex items-center gap-1.5 mb-2"><span class="text-xs px-1.5 py-0.5 rounded font-medium" style="background-color:#27ae6033;color:#27ae60">Silent</span><span class="text-xs text-gray-500 capitalize">skill</span></div><p class="text-xs text-gray-400 leading-relaxed line-clamp-3">Sly. Apply 4 Poison to ALL enemies.</p><div class="flex flex-wrap gap-1 mt-2"><span class="text-xs bg-gray-800 text-gray-400 px-1.5 py-0.5 rounded capitalize">sly</span><span class="text-xs bg-gray-800 text-gray-400 px-1.5 py-0.5 rounded capitalize">poison</span></div><div class="flex flex-wrap gap-1 mt-2"><span class="text-xs bg-amber-500/20 text-amber-400 px-1.5 py-0.5 rounded border border-amber-500/30">ð</span></div></div></div><div class="group bg-gray-900 border border-gray-800 hover:border-gray-600 rounded-xl overflow-hidden transition-all hover:-translate-y-0.5"><div class="relative bg-gray-800 aspect-[3/4] flex items-center justify-center overflow-hidden"><img src="/images/cards/headbutt.webp" alt="Headbutt" class="w-full h-full object-cover" loading="lazy"/><div class="absolute top-2 left-2 w-7 h-7 rounded-full bg-gray-900/90 border border-gray-700 flex items-center justify-center text-xs font-bold text-amber-400">1</div><div class="absolute top-2 right-2 w-2.5 h-2.5 rounded-full" style="background-color:#95a5a6" title="common"></div></div><div class="p-3"><div class="flex items-start justify-between gap-1 mb-1"><h3 class="text-sm font-semibold text-white leading-tight">Headbutt</h3></div><div class="flex items-center gap-1.5 mb-2"><span class="text-xs px-1.5 py-0.5 rounded font-medium" style="background-color:#c0392b33;color:#c0392b">Ironclad</span><span class="text-xs text-gray-500 capitalize">attack</span></div><p class="text-xs text-gray-400 leading-relaxed line-clamp-3">Deal 9 damage. Put a card from your Discard Pile on top of your Draw Pile.</p></div></div><div class="group bg-gray-900 border border-gray-800 hover:border-gray-600 rounded-xl overflow-hidden transition-all hover:-translate-y-0.5"><div class="relative bg-gray-800 aspect-[3/4] flex items-center justify-center overflow-hidden"><img src="/images/cards/heavenly_drill.webp" alt="Heavenly Drill" class="w-full h-full object-cover" loading="lazy"/><div class="absolute top-2 left-2 w-7 h-7 rounded-full bg-gray-900/90 border border-gray-700 flex items-center justify-center text-xs font-bold text-amber-400">1</div><div class="absolute top-2 right-2 w-2.5 h-2.5 rounded-full" style="background-color:#f39c12" title="rare"></div></div><div class="p-3"><div class="flex items-start justify-between gap-1 mb-1"><h3 class="text-sm font-semibold text-white leading-tight">Heavenly Drill</h3></div><div class="flex items-center gap-1.5 mb-2"><span class="text-xs px-1.5 py-0.5 rounded font-medium" style="background-color:#8e44ad33;color:#8e44ad">Regent</span><span class="text-xs text-gray-500 capitalize">attack</span></div><p class="text-xs text-gray-400 leading-relaxed line-clamp-3">Deal 8 damage X times. Double X if it's 4 or more.</p><div class="flex flex-wrap gap-1 mt-2"><span class="text-xs bg-amber-500/20 text-amber-400 px-1.5 py-0.5 rounded border border-amber-500/30">ð</span></div></div></div><div class="group bg-gray-900 border border-gray-800 hover:border-gray-600 rounded-xl overflow-hidden transition-all hover:-translate-y-0.5"><div class="relative bg-gray-800 aspect-[3/4] flex items-center justify-center overflow-hidden"><img src="/images/cards/hegemony.webp" alt="Hegemony" class="w-full h-full object-cover" loading="lazy"/><div class="absolute top-2 left-2 w-7 h-7 rounded-full bg-gray-900/90 border border-gray-700 flex items-center justify-center text-xs font-bold text-amber-400">1</div><div class="absolute top-2 right-2 w-2.5 h-2.5 rounded-full" style="background-color:#27ae60" title="uncommon"></div></div><div class="p-3"><div class="flex items-start justify-between gap-1 mb-1"><h3 class="text-sm font-semibold text-white leading-tight">Hegemony</h3></div><div class="flex items-center gap-1.5 mb-2"><span class="text-xs px-1.5 py-0.5 rounded font-medium" style="background-color:#8e44ad33;color:#8e44ad">Regent</span><span class="text-xs text-gray-500 capitalize">attack</span></div><p class="text-xs text-gray-400 leading-relaxed line-clamp-3">Deal 15 damage. Next turn, gain EnergyEnergy.</p><div class="flex flex-wrap gap-1 mt-2"><span class="text-xs bg-amber-500/20 text-amber-400 px-1.5 py-0.5 rounded border border-amber-500/30">ð</span></div></div></div><div class="group bg-gray-900 border border-gray-800 hover:border-gray-600 rounded-xl overflow-hidden transition-all hover:-translate-y-0.5"><div class="relative bg-gray-800 aspect-[3/4] flex items-center justify-center overflow-hidden"><img src="/images/cards/heirloom_hammer.webp" alt="Heirloom Hammer" class="w-full h-full object-cover" loading="lazy"/><div class="absolute top-2 left-2 w-7 h-7 rounded-full bg-gray-900/90 border border-gray-700 flex items-center justify-center text-xs font-bold text-amber-400">1</div><div class="absolute top-2 right-2 w-2.5 h-2.5 rounded-full" style="background-color:#f39c12" title="rare"></div></div><div class="p-3"><div class="flex items-start justify-between gap-1 mb-1"><h3 class="text-sm font-semibold text-white leading-tight">Heirloom Hammer</h3></div><div class="flex items-center gap-1.5 mb-2"><span class="text-xs px-1.5 py-0.5 rounded font-medium" style="background-color:#8e44ad33;color:#8e44ad">Regent</span><span class="text-xs text-gray-500 capitalize">attack</span></div><p class="text-xs text-gray-400 leading-relaxed line-clamp-3">Deal 17 damage. Choose a Colorless card in your Hand. Add a copy of that card into your Hand.</p><div class="flex flex-wrap gap-1 mt-2"><span class="text-xs bg-amber-500/20 text-amber-400 px-1.5 py-0.5 rounded border border-amber-500/30">ð</span></div></div></div><div class="group bg-gray-900 border border-gray-800 hover:border-gray-600 rounded-xl overflow-hidden transition-all hover:-translate-y-0.5"><div class="relative bg-gray-800 aspect-[3/4] flex items-center justify-center overflow-hidden"><img src="/images/cards/helix_drill.webp" alt="Helix Drill" class="w-full h-full object-cover" loading="lazy"/><div class="absolute top-2 left-2 w-7 h-7 rounded-full bg-gray-900/90 border border-gray-700 flex items-center justify-center text-xs font-bold text-amber-400">0</div><div class="absolute top-2 right-2 w-2.5 h-2.5 rounded-full" style="background-color:#f39c12" title="rare"></div></div><div class="p-3"><div class="flex items-start justify-between gap-1 mb-1"><h3 class="text-sm font-semibold text-white leading-tight">Helix Drill</h3></div><div class="flex items-center gap-1.5 mb-2"><span class="text-xs px-1.5 py-0.5 rounded font-medium" style="background-color:#2980b933;color:#2980b9">Defect</span><span class="text-xs text-gray-500 capitalize">attack</span></div><p class="text-xs text-gray-400 leading-relaxed line-clamp-3">Deal 3 damage for each Energy previously spent this turn.</p><div class="flex flex-wrap gap-1 mt-2"><span class="text-xs bg-gray-800 text-gray-400 px-1.5 py-0.5 rounded capitalize">sly</span></div><div class="flex flex-wrap gap-1 mt-2"><span class="text-xs bg-amber-500/20 text-amber-400 px-1.5 py-0.5 rounded border border-amber-500/30">ð</span></div></div></div><div class="group bg-gray-900 border border-gray-800 hover:border-gray-600 rounded-xl overflow-hidden transition-all hover:-translate-y-0.5"><div class="relative bg-gray-800 aspect-[3/4] flex items-center justify-center overflow-hidden"><img src="/images/cards/hellraiser.webp" alt="Hellraiser" class="w-full h-full object-cover" loading="lazy"/><div class="absolute top-2 left-2 w-7 h-7 rounded-full bg-gray-900/90 border border-gray-700 flex items-center justify-center text-xs font-bold text-amber-400">2</div><div class="absolute top-2 right-2 w-2.5 h-2.5 rounded-full" style="background-color:#f39c12" title="rare"></div></div><div class="p-3"><div class="flex items-start justify-between gap-1 mb-1"><h3 class="text-sm font-semibold text-white leading-tight">Hellraiser</h3></div><div class="flex items-center gap-1.5 mb-2"><span class="text-xs px-1.5 py-0.5 rounded font-medium" style="background-color:#c0392b33;color:#c0392b">Ironclad</span><span class="text-xs text-gray-500 capitalize">
1power</span></div><p class="text-xs text-gray-400 leading-relaxed line-clamp-3">Whenever you draw a card containing âStrikeâ, it is played against a random enemy.</p></div></div><div class="group bg-gray-900 border border-gray-800 hover:border-gray-600 rounded-xl overflow-hidden transition-all hover:-translate-y-0.5"><div class="relative bg-gray-800 aspect-[3/4] flex items-center justify-center overflow-hidden"><img src="/images/cards/hemokinesis.webp" alt="Hemokinesis" class="w-full h-full object-cover" loading="lazy"/><div class="absolute top-2 left-2 w-7 h-7 rounded-full bg-gray-900/90 border border-gray-700 flex items-center justify-center text-xs font-bold text-amber-400">1</div><div class="absolute top-2 right-2 w-2.5 h-2.5 rounded-full" style="background-color:#27ae60" title="uncommon"></div></div><div class="p-3"><div class="flex items-start justify-between gap-1 mb-1"><h3 class="text-sm font-semibold text-white leading-tight">Hemokinesis</h3></div><div class="flex items-center gap-1.5 mb-2"><span class="text-xs px-1.5 py-0.5 rounded font-medium" style="background-color:#c0392b33;color:#c0392b">Ironclad</span><span class="text-xs text-gray-500 capitalize">attack</span></div><p class="text-xs text-gray-400 leading-relaxed line-clamp-3">Lose 2 HP. Deal 14 damage.</p></div></div><div class="group bg-gray-900 border border-gray-800 hover:border-gray-600 rounded-xl overflow-hidden transition-all hover:-translate-y-0.5"><div class="relative bg-gray-800 aspect-[3/4] flex items-center justify-center overflow-hidden"><img src="/images/cards/hidden_cache.webp" alt="Hidden Cache" class="w-full h-full object-cover" loading="lazy"/><div class="absolute top-2 left-2 w-7 h-7 rounded-full bg-gray-900/90 border border-gray-700 flex items-center justify-center text-xs font-bold text-amber-400">1</div><div class="absolute top-2 right-2 w-2.5 h-2.5 rounded-full" style="background-color:#95a5a6" title="common"></div></div><div class="p-3"><div class="flex items-start justify-between gap-1 mb-1"><h3 class="text-sm font-semibold text-white leading-tight">Hidden Cache</h3></div><div class="flex items-center gap-1.5 mb-2"><span class="text-xs px-1.5 py-0.5 rounded font-medium" style="background-color:#8e44ad33;color:#8e44ad">Regent</span><span class="text-xs text-gray-500 capitalize">skill</span></div><p class="text-xs text-gray-400 leading-relaxed line-clamp-3">Gain Energy. Next turn, gain EnergyEnergyEnergy.</p><div class="flex flex-wrap gap-1 mt-2"><span class="text-xs bg-amber-500/20 text-amber-400 px-1.5 py-0.5 rounded border border-amber-500/30">ð</span></div></div></div><div class="group bg-gray-900 border border-gray-800 hover:border-gray-600 rounded-xl overflow-hidden transition-all hover:-translate-y-0.5"><div class="relative bg-gray-800 aspect-[3/4] flex items-center justify-center overflow-hidden"><img src="/images/cards/hidden_daggers.webp" alt="Hidden Daggers" class="w-full h-full object-cover" loading="lazy"/><div class="absolute top-2 left-2 w-7 h-7 rounded-full bg-gray-900/90 border border-gray-700 flex items-center justify-center text-xs font-bold text-amber-400">0</div><div class="absolute top-2 right-2 w-2.5 h-2.5 rounded-full" style="background-color:#27ae60" title="uncommon"></div></div><div class="p-3"><div class="flex items-start justify-between gap-1 mb-1"><h3 class="text-sm font-semibold text-white leading-tight">Hidden Daggers</h3></div><div class="flex items-center gap-1.5 mb-2"><span class="text-xs px-1.5 py-0.5 rounded font-medium" style="background-color:#27ae6033;color:#27ae60">Silent</span><span class="text-xs text-gray-500 capitalize">skill</span></div><p class="text-xs text-gray-400 leading-relaxed line-clamp-3">Discard 2 cards. Add 2 Shivs into your Hand.</p></div></div><div class="group bg-gray-900 border border-gray-800 hover:border-gray-600 rounded-xl overflow-hidden transition-all hover:-translate-y-0.5"><div class="relative bg-gray-800 aspect-[3/4] flex items-center justify-center overflow-hidden"><img src="/images/cards/hidden_gem.webp" alt="Hidden Gem" class="w-full h-full object-cover" loading="lazy"/><div class="absolute top-2 left-2 w-7 h-7 rounded-full bg-gray-900/90 border border-gray-700 flex items-center justify-center text-xs font-bold text-amber-400">1</div><div class="absolute top-2 right-2 w-2.5 h-2.5 rounded-full" style="background-color:#f39c12" title="rare"></div></div><div class="p-3"><div class="flex items-start justify-between gap-1 mb-1"><h3 class="text-sm font-semibold text-white leading-tight">Hidden Gem</h3></div><div class="flex items-center gap-1.5 mb-2"><span class="text-xs px-1.5 py-0.5 rounded font-medium" style="background-color:#7f8c8d33;color:#7f8c8d">Colorless</span><span class="text-xs text-gray-500 capitalize">skill</span></div><p class="text-xs text-gray-400 leading-relaxed line-clamp-3">
1A random card in your Draw Pile gains Replay 2.</p></div></div><div class="group bg-gray-900 border border-gray-800 hover:border-gray-600 rounded-xl overflow-hidden transition-all hover:-translate-y-0.5"><div class="relative bg-gray-800 aspect-[3/4] flex items-center justify-center overflow-hidden"><img src="/images/cards/high_five.webp" alt="High Five" class="w-full h-full object-cover" loading="lazy"/><div class="absolute top-2 left-2 w-7 h-7 rounded-full bg-gray-900/90 border border-gray-700 flex items-center justify-center text-xs font-bold text-amber-400">1</div><div class="absolute top-2 right-2 w-2.5 h-2.5 rounded-full" style="background-color:#27ae60" title="uncommon"></div></div><div class="p-3"><div class="flex items-start justify-between gap-1 mb-1"><h3 class="text-sm font-semibold text-white leading-tight">High Five</h3></div><div class="flex items-center gap-1.5 mb-2"><span class="text-xs px-1.5 py-0.5 rounded font-medium" style="background-color:#2c3e5033;color:#2c3e50">Necrobinder</span><span class="text-xs text-gray-500 capitalize">attack</span></div><p class="text-xs text-gray-400 leading-relaxed line-clamp-3">Osty deals 11 damage and applies 2 Vulnerable to ALL enemies.</p><div class="flex flex-wrap gap-1 mt-2"><span class="text-xs bg-gray-800 text-gray-400 px-1.5 py-0.5 rounded capitalize">vulnerable</span></div><div class="flex flex-wrap gap-1 mt-2"><span class="text-xs bg-amber-500/20 text-amber-400 px-1.5 py-0.5 rounded border border-amber-500/30">ð</span></div></div></div><div class="group bg-gray-900 border border-gray-800 hover:border-gray-600 rounded-xl overflow-hidden transition-all hover:-translate-y-0.5"><div class="relative bg-gray-800 aspect-[3/4] flex items-center justify-center overflow-hidden"><img src="/images/cards/hologram.webp" alt="Hologram" class="w-full h-full object-cover" loading="lazy"/><div class="absolute top-2 left-2 w-7 h-7 rounded-full bg-gray-900/90 border border-gray-700 flex items-center justify-center text-xs font-bold text-amber-400">1</div><div class="absolute top-2 right-2 w-2.5 h-2.5 rounded-full" style="background-color:#95a5a6" title="common"></div></div><div class="p-3"><div class="flex items-start justify-between gap-1 mb-1"><h3 class="text-sm font-semibold text-white leading-tight">Hologram</h3></div><div class="flex items-center gap-1.5 mb-2"><span class="text-xs px-1.5 py-0.5 rounded font-medium" style="background-color:#2980b933;color:#2980b9">Defect</span><span class="text-xs text-gray-500 capitalize">skill</span></div><p class="text-xs text-gray-400 leading-relaxed line-clamp-3">Gain 3 Block. Put a card from your Discard Pile into your Hand. Exhaust.</p><div class="flex flex-wrap gap-1 mt-2"><span class="text-xs bg-gray-800 text-gray-400 px-1.5 py-0.5 rounded capitalize">exhaust</span><span class="text-xs bg-gray-800 text-gray-400 px-1.5 py-0.5 rounded capitalize">block</span></div></div></div><div class="group bg-gray-900 border border-gray-800 hover:border-gray-600 rounded-xl overflow-hidden transition-all hover:-translate-y-0.5"><div class="relative bg-gray-800 aspect-[3/4] flex items-center justify-center overflow-hidden"><img src="/images/cards/hotfix.webp" alt="Hotfix" class="w-full h-full object-cover" loading="lazy"/><div class="absolute top-2 left-2 w-7 h-7 rounded-full bg-gray-900/90 border border-gray-700 flex items-center justify-center text-xs font-bold text-amber-400">0</div><div class="absolute top-2 right-2 w-2.5 h-2.5 rounded-full" style="background-color:#95a5a6" title="common"></div></div><div class="p-3"><div class="flex items-start justify-between gap-1 mb-1"><h3 class="text-sm font-semibold text-white leading-tight">Hotfix</h3></div><div class="flex items-center gap-1.5 mb-2"><span class="text-xs px-1.5 py-0.5 rounded font-medium" style="background-color:#2980b933;color:#2980b9">Defect</span><span class="text-xs text-gray-500 capitalize">skill</span></div><p class="text-xs text-gray-400 leading-relaxed line-clamp-3">Gain 2 Focus this turn.</p><div class="flex flex-wrap gap-1 mt-2"><span class="text-xs bg-gray-800 text-gray-400 px-1.5 py-0.5 rounded capitalize">focus</span></div></div></div><div class="group bg-gray-900 border border-gray-800 hover:border-gray-600 rounded-xl overflow-hidden transition-all hover:-translate-y-0.5"><div class="relative bg-gray-800 aspect-[3/4] flex items-center justify-center overflow-hidden"><img src="/images/cards/howl_from_beyond.webp" alt="Howl from Beyond" class="w-full h-full object-cover" loading="lazy"/><div class="absolute top-2 left-2 w-7 h-7 rounded-full bg-gray-900/90 border border-gray-700 flex items-center justify-center text-xs font-bold text-amber-400">3</div><div class="absolute top-2 right-2 w-2.5 h-2.5 rounded-full" style="background-color:#27ae60" title="uncommon"></div></div><div class="p-3"><div class="flex items-start justify-between gap-1 mb-1"><h3 class="text-sm font-semibold text-white leading-tight">Howl from Beyond</h3></div><div class="flex items-center gap-1.5 mb-2"><span class="text-xs px-1.5 py-0.5 rounded font-medium" style="background-color:#c0392b33;color:#c0392b">Ironclad</span><span class="text-xs text-gray-500 capitalize">
1power</span></div><p class="text-xs text-gray-400 leading-relaxed line-clamp-3">Deal 16 damage to ALL enemies. At the start of your turn, plays from the Exhaust Pile.</p><div class="flex flex-wrap gap-1 mt-2"><span class="text-xs bg-gray-800 text-gray-400 px-1.5 py-0.5 rounded capitalize">exhaust</span></div></div></div><div class="group bg-gray-900 border border-gray-800 hover:border-gray-600 rounded-xl overflow-hidden transition-all hover:-translate-y-0.5"><div class="relative bg-gray-800 aspect-[3/4] flex items-center justify-center overflow-hidden"><img src="/images/cards/huddle_up.webp" alt="Huddle Up" class="w-full h-full object-cover" loading="lazy"/><div class="absolute top-2 left-2 w-7 h-7 rounded-full bg-gray-900/90 border border-gray-700 flex items-center justify-center text-xs font-bold text-amber-400">1</div><div class="absolute top-2 right-2 w-2.5 h-2.5 rounded-full" style="background-color:#27ae60" title="uncommon"></div></div><div class="p-3"><div class="flex items-start justify-between gap-1 mb-1"><h3 class="text-sm font-semibold text-white leading-tight">Huddle Up</h3></div><div class="flex items-center gap-1.5 mb-2"><span class="text-xs px-1.5 py-0.5 rounded font-medium" style="background-color:#7f8c8d33;color:#7f8c8d">Colorless</span><span class="text-xs text-gray-500 capitalize">skill</span></div><p class="text-xs text-gray-400 leading-relaxed line-clamp-3">ALL allies draw 2 cards.</p></div></div><div class="group bg-gray-900 border border-gray-800 hover:border-gray-600 rounded-xl overflow-hidden transition-all hover:-translate-y-0.5"><div class="relative bg-gray-800 aspect-[3/4] flex items-center justify-center overflow-hidden"><img src="/images/cards/hyperbeam.webp" alt="Hyperbeam" class="w-full h-full object-cover" loading="lazy"/><div class="absolute top-2 left-2 w-7 h-7 rounded-full bg-gray-900/90 border border-gray-700 flex items-center justify-center text-xs font-bold text-amber-400">2</div><div class="absolute top-2 right-2 w-2.5 h-2.5 rounded-full" style="background-color:#f39c12" title="rare"></div></div><div class="p-3"><div class="flex items-start justify-between gap-1 mb-1"><h3 class="text-sm font-semibold text-white leading-tight">Hyperbeam</h3></div><div class="flex items-center gap-1.5 mb-2"><span class="text-xs px-1.5 py-0.5 rounded font-medium" style="background-color:#2980b933;color:#2980b9">Defect</span><span class="text-xs text-gray-500 capitalize">attack</span></div><p class="text-xs text-gray-400 leading-relaxed line-clamp-3">Deal 26 damage to ALL enemies. Lose 3 Focus.</p><div class="flex flex-wrap gap-1 mt-2"><span class="text-xs bg-gray-800 text-gray-400 px-1.5 py-0.5 rounded capitalize">focus</span></div></div></div><div class="group bg-gray-900 border border-gray-800 hover:border-gray-600 rounded-xl overflow-hidden transition-all hover:-translate-y-0.5"><div class="relative bg-gray-800 aspect-[3/4] flex items-center justify-center overflow-hidden"><img src="/images/cards/i_am_invincible.webp" alt="I Am Invincible" class="w-full h-full object-cover" loading="lazy"/><div class="absolute top-2 left-2 w-7 h-7 rounded-full bg-gray-900/90 border border-gray-700 flex items-center justify-center text-xs font-bold text-amber-400">1</div><div class="absolute top-2 right-2 w-2.5 h-2.5 rounded-full" style="background-color:#f39c12" title="rare"></div></div><div class="p-3"><div class="flex items-start justify-between gap-1 mb-1"><h3 class="text-sm font-semibold text-white leading-tight">I Am Invincible</h3></div><div class="flex items-center gap-1.5 mb-2"><span class="text-xs px-1.5 py-0.5 rounded font-medium" style="background-color:#8e44ad33;color:#8e44ad">Regent</span><span class="text-xs text-gray-500 capitalize">skill</span></div><p class="text-xs text-gray-400 leading-relaxed line-clamp-3">Gain 9 Block. At the end of your turn, if this is on top of your Draw Pile, play it.</p><div class="flex flex-wrap gap-1 mt-2"><span class="text-xs bg-gray-800 text-gray-400 px-1.5 py-0.5 rounded capitalize">block</span></div><div class="flex flex-wrap gap-1 mt-2"><span class="text-xs bg-amber-500/20 text-amber-400 px-1.5 py-0.5 rounded border border-amber-500/30">ð</span></div></div></div><div class="group bg-gray-900 border border-gray-800 hover:border-gray-600 rounded-xl overflow-hidden transition-all hover:-translate-y-0.5"><div class="relative bg-gray-800 aspect-[3/4] flex items-center justify-center overflow-hidden"><img src="/images/cards/ice_lance.webp" alt="Ice Lance" class="w-full h-full object-cover" loading="lazy"/><div class="absolute top-2 left-2 w-7 h-7 rounded-full bg-gray-900/90 border border-gray-700 flex items-center justify-center text-xs font-bold text-amber-400">3</div><div class="absolute top-2 right-2 w-2.5 h-2.5 rounded-full" style="background-color:#f39c12" title="rare"></div></div><div class="p-3"><div class="flex items-start justify-between gap-1 mb-1"><h3 class="text-sm font-semibold text-white leading-tight">Ice Lance</h3></div><div class="flex items-center gap-1.5 mb-2"><span class="text-xs px-1.5 py-0.5 rounded font-medium" style="background-color:#2980b933;color:#2980b9">Defect</span><span class="text-xs text-gray-500 capitalize">attack</span></div><p class="text-xs text-gray-400 leading-relaxed line-clamp-3">Deal 19 damage. Channel 3 Frost.</p></div></div><div class="group bg-gray-900 border border-gray-800 hover:border-gray-600 rounded-xl overflow-hidden transition-all hover:-translate-y-0.5"><div class="relative bg-gray-800 aspect-[3/4] flex items-center justify-center overflow-hidden"><img src="/images/cards/ignition.webp" alt="Ignition" class="w-full h-full object-cover" loading="lazy"/><div class="absolute top-2 left-2 w-7 h-7 rounded-full bg-gray-900/90 border border-gray-700 flex items-center justify-center text-xs font-bold text-amber-400">1</div><div class="absolute top-2 right-2 w-2.5 h-2.5 rounded-full" style="background-color:#f39c12" title="rare"></div></div><div class="p-3"><div class="flex items-start justify-between gap-1 mb-1"><h3 class="text-sm font-semibold text-white leading-tight">Ignition</h3></div><div class="flex items-center gap-1.5 mb-2"><span class="text-xs px-1.5 py-0.5 rounded font-medium" style="background-color:#2980b933;color:#2980b9">Defect</span><span class="text-xs text-gray-500 capitalize">skill</span></div><p class="text-xs text-gray-400 leading-relaxed line-clamp-3">Another player Channels Plasma. Exhaust.</p><div class="flex flex-wrap gap-1 mt-2"><span class="text-xs bg-gray-800 text-gray-400 px-1.5 py-0.5 rounded capitalize">exhaust</span></div><div class="flex flex-wrap gap-1 mt-2"><span class="text-xs bg-amber-500/20 text-amber-400 px-1.5 py-0.5 rounded border border-amber-500/30">ð¥</span></div></div></div><div class="group bg-gray-900 border border-gray-800 hover:border-gray-600 rounded-xl overflow-hidden transition-all hover:-translate-y-0.5"><div class="relative bg-gray-800 aspect-[3/4] flex items-center justify-center overflow-hidden"><img src="/images/cards/impatience.webp" alt="Impatience" class="w-full h-full object-cover" loading="lazy"/><div class="absolute top-2 left-2 w-7 h-7 rounded-full bg-gray-900/90 border border-gray-700 flex items-center justify-center text-xs font-bold text-amber-400">1</div><div class="absolute top-2 right-2 w-2.5 h-2.5 rounded-full" style="background-color:#27ae60" title="uncommon"></div></div><div class="p-3"><div class="flex items-start justify-between gap-1 mb-1"><h3 class="text-sm font-semibold text-white leading-tight">Impatience</h3></div><div class="flex items-center gap-1.5 mb-2"><span class="text-xs px-1.5 py-0.5 rounded font-medium" style="background-color:#7f8c8d33;color:#7f8c8d">Colorless</span><span class="text-xs text-gray-500 capitalize">skill</span></div><p class="text-xs text-gray-400 leading-relaxed line-clamp-3">
1If you have no Attacks in your Hand, draw 2 cards.</p></div></div><div class="group bg-gray-900 border border-gray-800 hover:border-gray-600 rounded-xl overflow-hidden transition-all hover:-translate-y-0.5"><div class="relative bg-gray-800 aspect-[3/4] flex items-center justify-center overflow-hidden"><img src="/images/cards/impervious.webp" alt="Impervious" class="w-full h-full object-cover" loading="lazy"/><div class="absolute top-2 left-2 w-7 h-7 rounded-full bg-gray-900/90 border border-gray-700 flex items-center justify-center text-xs font-bold text-amber-400">2</div><div class="absolute top-2 right-2 w-2.5 h-2.5 rounded-full" style="background-color:#f39c12" title="rare"></div></div><div class="p-3"><div class="flex items-start justify-between gap-1 mb-1"><h3 class="text-sm font-semibold text-white leading-tight">Impervious</h3></div><div class="flex items-center gap-1.5 mb-2"><span class="text-xs px-1.5 py-0.5 rounded font-medium" style="background-color:#c0392b33;color:#c0392b">Ironclad</span><span class="text-xs text-gray-500 capitalize">skill</span></div><p class="text-xs text-gray-400 leading-relaxed line-clamp-3">Gain 30 Block. Exhaust.</p><div class="flex flex-wrap gap-1 mt-2"><span class="text-xs bg-gray-800 text-gray-400 px-1.5 py-0.5 rounded capitalize">exhaust</span><span class="text-xs bg-gray-800 text-gray-400 px-1.5 py-0.5 rounded capitalize">block</span></div></div></div><div class="group bg-gray-900 border border-gray-800 hover:border-gray-600 rounded-xl overflow-hidden transition-all hover:-translate-y-0.5"><div class="relative bg-gray-800 aspect-[3/4] flex items-center justify-center overflow-hidden"><img src="/images/cards/infection.webp" alt="Infection" class="w-full h-full object-cover" loading="lazy"/><div class="absolute top-2 left-2 w-7 h-7 rounded-full bg-gray-900/90 border border-gray-700 flex items-center justify-center text-xs font-bold text-amber-400">1</div><div class="absolute top-2 right-2 w-2.5 h-2.5 rounded-full" style="background-color:#95a5a6" title="common"></div></div><div class="p-3"><div class="flex items-start justify-between gap-1 mb-1"><h3 class="text-sm font-semibold text-white leading-tight">Infection</h3></div><div class="flex items-center gap-1.5 mb-2"><span class="text-xs px-1.5 py-0.5 rounded font-medium" style="background-color:#7f8c8d33;color:#7f8c8d">Colorless</span><span class="text-xs text-gray-500 capitalize">skill</span></div><p class="text-xs text-gray-400 leading-relaxed line-clamp-3">Unplayable. At the end of your turn, if this is in your Hand, take 3 damage.</p></div></div><div class="group bg-gray-900 border border-gray-800 hover:border-gray-600 rounded-xl overflow-hidden transition-all hover:-translate-y-0.5"><div class="relative bg-gray-800 aspect-[3/4] flex items-center justify-center overflow-hidden"><img src="/images/cards/infernal_blade.webp" alt="Infernal Blade" class="w-full h-full object-cover" loading="lazy"/><div class="absolute top-2 left-2 w-7 h-7 rounded-full bg-gray-900/90 border border-gray-700 flex items-center justify-center text-xs font-bold text-amber-400">1</div><div class="absolute top-2 right-2 w-2.5 h-2.5 rounded-full" style="background-color:#27ae60" title="uncommon"></div></div><div class="p-3"><div class="flex items-start justify-between gap-1 mb-1"><h3 class="text-sm font-semibold text-white leading-tight">Infernal Blade</h3></div><div class="flex items-center gap-1.5 mb-2"><span class="text-xs px-1.5 py-0.5 rounded font-medium" style="background-color:#c0392b33;color:#c0392b">Ironclad</span><span class="text-xs text-gray-500 capitalize">skill</span></div><p class="text-xs text-gray-400 leading-relaxed line-clamp-3">Add a random Attack into your Hand. It's free to play this turn. Exhaust.</p><div class="flex flex-wrap gap-1 mt-2"><span class="text-xs bg-gray-800 text-gray-400 px-1.5 py-0.5 rounded capitalize">exhaust</span></div></div></div><div class="group bg-gray-900 border border-gray-800 hover:border-gray-600 rounded-xl overflow-hidden transition-all hover:-translate-y-0.5"><div class="relative bg-gray-800 aspect-[3/4] flex items-center justify-center overflow-hidden"><img src="/images/cards/inferno.webp" alt="Inferno" class="w-full h-full object-cover" loading="lazy"/><div class="absolute top-2 left-2 w-7 h-7 rounded-full bg-gray-900/90 border border-gray-700 flex items-center justify-center text-xs font-bold text-amber-400">1</div><div class="absolute top-2 right-2 w-2.5 h-2.5 rounded-full" style="background-color:#27ae60" title="uncommon"></div></div><div class="p-3"><div class="flex items-start justify-between gap-1 mb-1"><h3 class="text-sm font-semibold text-white leading-tight">Inferno</h3></div><div class="flex items-center gap-1.5 mb-2"><span class="text-xs px-1.5 py-0.5 rounded font-medium" style="background-color:#c0392b33;color:#c0392b">Ironclad</span><span class="text-xs text-gray-500 capitalize">
1power</span></div><p class="text-xs text-gray-400 leading-relaxed line-clamp-3">At the start of your turn, lose 1 HP. Whenever you lose HP on your turn, deal 6 damage to ALL enemies.</p></div></div><div class="group bg-gray-900 border border-gray-800 hover:border-gray-600 rounded-xl overflow-hidden transition-all hover:-translate-y-0.5"><div class="relative bg-gray-800 aspect-[3/4] flex items-center justify-center overflow-hidden"><img src="/images/cards/infinite_blades.webp" alt="Infinite Blades" class="w-full h-full object-cover" loading="lazy"/><div class="absolute top-2 left-2 w-7 h-7 rounded-full bg-gray-900/90 border border-gray-700 flex items-center justify-center text-xs font-bold text-amber-400">1</div><div class="absolute top-2 right-2 w-2.5 h-2.5 rounded-full" style="background-color:#27ae60" title="uncommon"></div></div><div class="p-3"><div class="flex items-start justify-between gap-1 mb-1"><h3 class="text-sm font-semibold text-white leading-tight">Infinite Blades</h3></div><div class="flex items-center gap-1.5 mb-2"><span class="text-xs px-1.5 py-0.5 rounded font-medium" style="background-color:#27ae6033;color:#27ae60">Silent</span><span class="text-xs text-gray-500 capitalize">power</span></div><p class="text-xs text-gray-400 leading-relaxed line-clamp-3">At the start of your turn, add 1 Shiv into your Hand.</p></div></div><div class="group bg-gray-900 border border-gray-800 hover:border-gray-600 rounded-xl overflow-hidden transition-all hover:-translate-y-0.5"><div class="relative bg-gray-800 aspect-[3/4] flex items-center justify-center overflow-hidden"><img src="/images/cards/inflame.webp" alt="Inflame" class="w-full h-full object-cover" loading="lazy"/><div class="absolute top-2 left-2 w-7 h-7 rounded-full bg-gray-900/90 border border-gray-700 flex items-center justify-center text-xs font-bold text-amber-400">1</div><div class="absolute top-2 right-2 w-2.5 h-2.5 rounded-full" style="background-color:#27ae60" title="uncommon"></div></div><div class="p-3"><div class="flex items-start justify-between gap-1 mb-1"><h3 class="text-sm font-semibold text-white leading-tight">Inflame</h3></div><div class="flex items-center gap-1.5 mb-2"><span class="text-xs px-1.5 py-0.5 rounded font-medium" style="background-color:#c0392b33;color:#c0392b">Ironclad</span><span class="text-xs text-gray-500 capitalize">power</span></div><p class="text-xs text-gray-400 leading-relaxed line-clamp-3">Gain 2 Strength.</p><div class="flex flex-wrap gap-1 mt-2"><span class="text-xs bg-gray-800 text-gray-400 px-1.5 py-0.5 rounded capitalize">strength</span></div></div></div><div class="group bg-gray-900 border border-gray-800 hover:border-gray-600 rounded-xl overflow-hidden transition-all hover:-translate-y-0.5"><div class="relative bg-gray-800 aspect-[3/4] flex items-center justify-center overflow-hidden"><img src="/images/cards/injury.webp" alt="Injury" class="w-full h-full object-cover" loading="lazy"/><div class="absolute top-2 left-2 w-7 h-7 rounded-full bg-gray-900/90 border border-gray-700 flex items-center justify-center text-xs font-bold text-amber-400">1</div><div class="absolute top-2 right-2 w-2.5 h-2.5 rounded-full" style="background-color:#e74c3c" title="special"></div></div><div class="p-3"><div class="flex items-start justify-between gap-1 mb-1"><h3 class="text-sm font-semibold text-white leading-tight">Injury</h3></div><div class="flex items-center gap-1.5 mb-2"><span class="text-xs px-1.5 py-0.5 rounded font-medium" style="background-color:#7f8c8d33;color:#7f8c8d">Colorless</span><span class="text-xs text-gray-500 capitalize">skill</span></div><p class="text-xs text-gray-400 leading-relaxed line-clamp-3">Unplayable.</p></div></div><div class="group bg-gray-900 border border-gray-800 hover:border-gray-600 rounded-xl overflow-hidden transition-all hover:-translate-y-0.5"><div class="relative bg-gray-800 aspect-[3/4] flex items-center justify-center overflow-hidden"><img src="/images/cards/intercept.webp" alt="Intercept" class="w-full h-full object-cover" loading="lazy"/><div class="absolute top-2 left-2 w-7 h-7 rounded-full bg-gray-900/90 border border-gray-700 flex items-center justify-center text-xs font-bold text-amber-400">1</div><div class="absolute top-2 right-2 w-2.5 h-2.5 rounded-full" style="background-color:#27ae60" title="uncommon"></div></div><div class="p-3"><div class="flex items-start justify-between gap-1 mb-1"><h3 class="text-sm font-semibold text-white leading-tight">Intercept</h3></div><div class="flex items-center gap-1.5 mb-2"><span class="text-xs px-1.5 py-0.5 rounded font-medium" style="background-color:#7f8c8d33;color:#7f8c8d">Colorless</span><span class="text-xs text-gray-500 capitalize">skill</span></div><p class="text-xs text-gray-400 leading-relaxed line-clamp-3">Gain 9 Block. Redirect all incoming attacks that would be dealt to another player this turn to you.</p><div class="flex flex-wrap gap-1 mt-2"><span class="text-xs bg-gray-800 text-gray-400 px-1.5 py-0.5 rounded capitalize">block</span></div><div class="flex flex-wrap gap-1 mt-2"><span class="text-xs bg-amber-500/20 text-amber-400 px-1.5 py-0.5 rounded border border-amber-500/30">ð¥</span></div></div></div><div class="group bg-gray-900 border border-gray-800 hover:border-gray-600 rounded-xl overflow-hidden transition-all hover:-translate-y-0.5"><div class="relative bg-gray-800 aspect-[3/4] flex items-center justify-center overflow-hidden"><img src="/images/cards/invoke.webp" alt="Invoke" class="w-full h-full object-cover" loading="lazy"/><div class="absolute top-2 left-2 w-7 h-7 rounded-full bg-gray-900/90 border border-gray-700 flex items-center justify-center text-xs font-bold text-amber-400">1</div><div class="absolute top-2 right-2 w-2.5 h-2.5 rounded-full" style="background-color:#95a5a6" title="common"></div></div><div class="p-3"><div class="flex items-start justify-between gap-1 mb-1"><h3 class="text-sm font-semibold text-white leading-tight">Invoke</h3></div><div class="flex items-center gap-1.5 mb-2"><span class="text-xs px-1.5 py-0.5 rounded font-medium" style="background-color:#2c3e5033;color:#2c3e50">Necrobinder</span><span class="text-xs text-gray-500 capitalize">skill</span></div><p class="text-xs text-gray-400 leading-relaxed line-clamp-3">Next turn, Summon 2 and gain EnergyEnergy.</p><div class="flex flex-wrap gap-1 mt-2"><span class="text-xs bg-gray-800 text-gray-400 px-1.5 py-0.5 rounded capitalize">summon</span></div><div class="flex flex-wrap gap-1 mt-2"><span class="text-xs bg-amber-500/20 text-amber-400 px-1.5 py-0.5 rounded border border-amber-500/30">ð</span></div></div></div><div class="group bg-gray-900 border border-gray-800 hover:border-gray-600 rounded-xl overflow-hidden transition-all hover:-translate-y-0.5"><div class="relative bg-gray-800 aspect-[3/4] flex items-center justify-center overflow-hidden">
1<img src="/images/cards/iron_wave.webp" alt="Iron Wave" class="w-full h-full object-cover" loading="lazy"/><div class="absolute top-2 left-2 w-7 h-7 rounded-full bg-gray-900/90 border border-gray-700 flex items-center justify-center text-xs font-bold text-amber-400">1</div><div class="absolute top-2 right-2 w-2.5 h-2.5 rounded-full" style="background-color:#95a5a6" title="common"></div></div><div class="p-3"><div class="flex items-start justify-between gap-1 mb-1"><h3 class="text-sm font-semibold text-white leading-tight">Iron Wave</h3></div><div class="flex items-center gap-1.5 mb-2"><span class="text-xs px-1.5 py-0.5 rounded font-medium" style="background-color:#c0392b33;color:#c0392b">Ironclad</span><span class="text-xs text-gray-500 capitalize">attack</span></div><p class="text-xs text-gray-400 leading-relaxed line-clamp-3">Gain 5 Block. Deal 5 damage.</p><div class="flex flex-wrap gap-1 mt-2"><span class="text-xs bg-gray-800 text-gray-400 px-1.5 py-0.5 rounded capitalize">block</span></div></div></div><div class="group bg-gray-900 border border-gray-800 hover:border-gray-600 rounded-xl overflow-hidden transition-all hover:-translate-y-0.5"><div class="relative bg-gray-800 aspect-[3/4] flex items-center justify-center overflow-hidden"><img src="/images/cards/iteration.webp" alt="Iteration" class="w-full h-full object-cover" loading="lazy"/><div class="absolute top-2 left-2 w-7 h-7 rounded-full bg-gray-900/90 border border-gray-700 flex items-center justify-center text-xs font-bold text-amber-400">1</div><div class="absolute top-2 right-2 w-2.5 h-2.5 rounded-full" style="background-color:#27ae60" title="uncommon"></div></div><div class="p-3"><div class="flex items-start justify-between gap-1 mb-1"><h3 class="text-sm font-semibold text-white leading-tight">Iteration</h3></div><div class="flex items-center gap-1.5 mb-2"><span class="text-xs px-1.5 py-0.5 rounded font-medium" style="background-color:#2980b933;color:#2980b9">Defect</span><span class="text-xs text-gray-500 capitalize">power</span></div><p class="text-xs text-gray-400 leading-relaxed line-clamp-3">The first time you draw a Status card each turn, draw 2 cards.</p><div class="flex flex-wrap gap-1 mt-2"><span class="text-xs bg-gray-800 text-gray-400 px-1.5 py-0.5 rounded capitalize">status</span></div></div></div><div class="group bg-gray-900 border border-gray-800 hover:border-gray-600 rounded-xl overflow-hidden transition-all hover:-translate-y-0.5"><div class="relative bg-gray-800 aspect-[3/4] flex items-center justify-center overflow-hidden"><img src="/images/cards/jack_of_all_trades.webp" alt="Jack of All Trades" class="w-full h-full object-cover" loading="lazy"/><div class="absolute top-2 left-2 w-7 h-7 rounded-full bg-gray-900/90 border border-gray-700 flex items-center justify-center text-xs font-bold text-amber-400">1</div><div class="absolute top-2 right-2 w-2.5 h-2.5 rounded-full" style="background-color:#27ae60" title="uncommon"></div></div><div class="p-3"><div class="flex items-start justify-between gap-1 mb-1"><h3 class="text-sm font-semibold text-white leading-tight">Jack of All Trades</h3></div><div class="flex items-center gap-1.5 mb-2"><span class="text-xs px-1.5 py-0.5 rounded font-medium" style="background-color:#7f8c8d33;color:#7f8c8d">Colorless</span><span class="text-xs text-gray-500 capitalize">skill</span></div><p class="text-xs text-gray-400 leading-relaxed line-clamp-3">Add 1 random Colorless card into your Hand. Exhaust.</p><div class="flex flex-wrap gap-1 mt-2"><span class="text-xs bg-gray-800 text-gray-400 px-1.5 py-0.5 rounded capitalize">exhaust</span></div></div></div><div class="group bg-gray-900 border border-gray-800 hover:border-gray-600 rounded-xl overflow-hidden transition-all hover:-translate-y-0.5"><div class="relative bg-gray-800 aspect-[3/4] flex items-center justify-center overflow-hidden"><img src="/images/cards/jackpot.webp" alt="Jackpot" class="w-full h-full object-cover" loading="lazy"/><div class="absolute top-2 left-2 w-7 h-7 rounded-full bg-gray-900/90 border border-gray-700 flex items-center justify-center text-xs font-bold text-amber-400">1</div><div class="absolute top-2 right-2 w-2.5 h-2.5 rounded-full" style="background-color:#f39c12" title="rare"></div></div><div class="p-3"><div class="flex items-start justify-between gap-1 mb-1"><h3 class="text-sm font-semibold text-white leading-tight">Jackpot</h3></div><div class="flex items-center gap-1.5 mb-2"><span class="text-xs px-1.5 py-0.5 rounded font-medium" style="background-color:#7f8c8d33;color:#7f8c8d">Colorless</span><span class="text-xs text-gray-500 capitalize">attack</span></div><p class="text-xs text-gray-400 leading-relaxed line-clamp-3">Deal 25 damage. Add 3 random 0Energy cards into your Hand.</p></div></div><div class="group bg-gray-900 border border-gray-800 hover:border-gray-600 rounded-xl overflow-hidden transition-all hover:-translate-y-0.5"><div class="relative bg-gray-800 aspect-[3/4] flex items-center justify-center overflow-hidden"><img src="/images/cards/juggernaut.webp" alt="Juggernaut" class="w-full h-full object-cover" loading="lazy"/><div class="absolute top-2 left-2 w-7 h-7 rounded-full bg-gray-900/90 border border-gray-700 flex items-center justify-center text-xs font-bold text-amber-400">2</div><div class="absolute top-2 right-2 w-2.5 h-2.5 rounded-full" style="background-color:#f39c12" title="rare"></div></div><div class="p-3"><div class="flex items-start justify-between gap-1 mb-1"><h3 class="text-sm font-semibold text-white leading-tight">Juggernaut</h3></div><div class="flex items-center gap-1.5 mb-2"><span class="text-xs px-1.5 py-0.5 rounded font-medium" style="background-color:#c0392b33;color:#c0392b">Ironclad</span><span class="text-xs text-gray-500 capitalize">
1power</span></div><p class="text-xs text-gray-400 leading-relaxed line-clamp-3">Whenever you gain Block, deal 5 damage to a random enemy.</p><div class="flex flex-wrap gap-1 mt-2"><span class="text-xs bg-gray-800 text-gray-400 px-1.5 py-0.5 rounded capitalize">block</span></div></div></div><div class="group bg-gray-900 border border-gray-800 hover:border-gray-600 rounded-xl overflow-hidden transition-all hover:-translate-y-0.5"><div class="relative bg-gray-800 aspect-[3/4] flex items-center justify-center overflow-hidden"><img src="/images/cards/juggling.webp" alt="Juggling" class="w-full h-full object-cover" loading="lazy"/><div class="absolute top-2 left-2 w-7 h-7 rounded-full bg-gray-900/90 border border-gray-700 flex items-center justify-center text-xs font-bold text-amber-400">1</div><div class="absolute top-2 right-2 w-2.5 h-2.5 rounded-full" style="background-color:#27ae60" title="uncommon"></div></div><div class="p-3"><div class="flex items-start justify-between gap-1 mb-1"><h3 class="text-sm font-semibold text-white leading-tight">Juggling</h3></div><div class="flex items-center gap-1.5 mb-2"><span class="text-xs px-1.5 py-0.5 rounded font-medium" style="background-color:#c0392b33;color:#c0392b">Ironclad</span><span class="text-xs text-gray-500 capitalize">power</span></div><p class="text-xs text-gray-400 leading-relaxed line-clamp-3">Add a copy of the third Attack you play each turn into your Hand.</p></div></div><div class="group bg-gray-900 border border-gray-800 hover:border-gray-600 rounded-xl overflow-hidden transition-all hover:-translate-y-0.5"><div class="relative bg-gray-800 aspect-[3/4] flex items-center justify-center overflow-hidden"><img src="/images/cards/kingly_kick.webp" alt="Kingly Kick" class="w-full h-full object-cover" loading="lazy"/><div class="absolute top-2 left-2 w-7 h-7 rounded-full bg-gray-900/90 border border-gray-700 flex items-center justify-center text-xs font-bold text-amber-400">1</div><div class="absolute top-2 right-2 w-2.5 h-2.5 rounded-full" style="background-color:#27ae60" title="uncommon"></div></div><div class="p-3"><div class="flex items-start justify-between gap-1 mb-1"><h3 class="text-sm font-semibold text-white leading-tight">Kingly Kick</h3></div><div class="flex items-center gap-1.5 mb-2"><span class="text-xs px-1.5 py-0.5 rounded font-medium" style="background-color:#8e44ad33;color:#8e44ad">Regent</span><span class="text-xs text-gray-500 capitalize">attack</span></div><p class="text-xs text-gray-400 leading-relaxed line-clamp-3">Deal 24 damage. Whenever you draw this card, reduce its cost by 1.</p><div class="flex flex-wrap gap-1 mt-2"><span class="text-xs bg-amber-500/20 text-amber-400 px-1.5 py-0.5 rounded border border-amber-500/30">ð</span></div></div></div><div class="group bg-gray-900 border border-gray-800 hover:border-gray-600 rounded-xl overflow-hidden transition-all hover:-translate-y-0.5"><div class="relative bg-gray-800 aspect-[3/4] flex items-center justify-center overflow-hidden"><img src="/images/cards/kingly_punch.webp" alt="Kingly Punch" class="w-full h-full object-cover" loading="lazy"/><div class="absolute top-2 left-2 w-7 h-7 rounded-full bg-gray-900/90 border border-gray-700 flex items-center justify-center text-xs font-bold text-amber-400">1</div><div class="absolute top-2 right-2 w-2.5 h-2.5 rounded-full" style="background-color:#27ae60" title="uncommon"></div></div><div class="p-3"><div class="flex items-start justify-between gap-1 mb-1"><h3 class="text-sm font-semibold text-white leading-tight">Kingly Punch</h3></div><div class="flex items-center gap-1.5 mb-2"><span class="text-xs px-1.5 py-0.5 rounded font-medium" style="background-color:#8e44ad33;color:#8e44ad">Regent</span><span class="text-xs text-gray-500 capitalize">attack</span></div><p class="text-xs text-gray-400 leading-relaxed line-clamp-3">Deal 8 damage. Whenever you draw this card, increase its damage by 3 this combat.</p><div class="flex flex-wrap gap-1 mt-2"><span class="text-xs bg-amber-500/20 text-amber-400 px-1.5 py-0.5 rounded border border-amber-500/30">ð</span></div></div></div><div class="group bg-gray-900 border border-gray-800 hover:border-gray-600 rounded-xl overflow-hidden transition-all hover:-translate-y-0.5"><div class="relative bg-gray-800 aspect-[3/4] flex items-center justify-center overflow-hidden"><img src="/images/cards/knife_trap.webp" alt="Knife Trap" class="w-full h-full object-cover" loading="lazy"/><div class="absolute top-2 left-2 w-7 h-7 rounded-full bg-gray-900/90 border border-gray-700 flex items-center justify-center text-xs font-bold text-amber-400">2</div><div class="absolute top-2 right-2 w-2.5 h-2.5 rounded-full" style="background-color:#f39c12" title="rare"></div></div><div class="p-3"><div class="flex items-start justify-between gap-1 mb-1"><h3 class="text-sm font-semibold text-white leading-tight">Knife Trap</h3></div><div class="flex items-center gap-1.5 mb-2"><span class="text-xs px-1.5 py-0.5 rounded font-medium" style="background-color:#27ae6033;color:#27ae60">Silent</span><span class="text-xs text-gray-500 capitalize">skill</span></div><p class="text-xs text-gray-400 leading-relaxed line-clamp-3">Play every Shiv in your Exhaust Pile on the enemy.</p><div class="flex flex-wrap gap-1 mt-2"><span class="text-xs bg-gray-800 text-gray-400 px-1.5 py-0.5 rounded capitalize">exhaust</span></div></div></div><div class="group bg-gray-900 border border-gray-800 hover:border-gray-600 rounded-xl overflow-hidden transition-all hover:-translate-y-0.5"><div class="relative bg-gray-800 aspect-[3/4] flex items-center justify-center overflow-hidden"><img src="/images/cards/knockdown.webp" alt="Knockdown" class="w-full h-full object-cover" loading="lazy"/><div class="absolute top-2 left-2 w-7 h-7 rounded-full bg-gray-900/90 border border-gray-700 flex items-center justify-center text-xs font-bold text-amber-400">1</div><div class="absolute top-2 right-2 w-2.5 h-2.5 rounded-full" style="background-color:#f39c12" title="rare"></div></div><div class="p-3"><div class="flex items-start justify-between gap-1 mb-1"><h3 class="text-sm font-semibold text-white leading-tight">Knockdown</h3></div><div class="flex items-center gap-1.5 mb-2"><span class="text-xs px-1.5 py-0.5 rounded font-medium" style="background-color:#7f8c8d33;color:#7f8c8d">Colorless</span><span class="text-xs text-gray-500 capitalize">attack</span></div><p class="text-xs text-gray-400 leading-relaxed line-clamp-3">Deal 10 damage. The enemy takes double damage from other players this turn.</p><div class="flex flex-wrap gap-1 mt-2"><span class="text-xs bg-amber-500/20 text-amber-400 px-1.5 py-0.5 rounded border border-amber-500/30">ð¥</span></div></div></div><div class="group bg-gray-900 border border-gray-800 hover:border-gray-600 rounded-xl overflow-hidden transition-all hover:-translate-y-0.5"><div class="relative bg-gray-800 aspect-[3/4] flex items-center justify-center overflow-hidden"><img src="/images/cards/knockout_blow.webp" alt="Knockout Blow" class="w-full h-full object-cover" loading="lazy"/><div class="absolute top-2 left-2 w-7 h-7 rounded-full bg-gray-900/90 border border-gray-700 flex items-center justify-center text-xs font-bold text-amber-400">1</div><div class="absolute top-2 right-2 w-2.5 h-2.5 rounded-full" style="background-color:#27ae60" title="uncommon"></div></div><div class="p-3"><div class="flex items-start justify-between gap-1 mb-1"><h3 class="text-sm font-semibold text-white leading-tight">Knockout Blow</h3></div><div class="flex items-center gap-1.5 mb-2"><span class="text-xs px-1.5 py-0.5 rounded font-medium" style="background-color:#8e44ad33;color:#8e44ad">Regent</span><span class="text-xs text-gray-500 capitalize">attack</span></div><p class="text-xs text-gray-400 leading-relaxed line-clamp-3">Deal 30 damage. If this kills an enemy, gain EnergyEnergyEnergyEnergyEnergy.</p><div class="flex flex-wrap gap-1 mt-2"><span class="text-xs bg-amber-500/20 text-amber-400 px-1.5 py-0.5 rounded border border-amber-500/30">ð</span></div></div></div><div class="group bg-gray-900 border border-gray-800 hover:border-gray-600 rounded-xl overflow-hidden transition-all hover:-translate-y-0.5"><div class="relative bg-gray-800 aspect-[3/4] flex items-center justify-center overflow-hidden"><img src="/images/cards/know_thy_place.webp" alt="Know Thy Place" class="w-full h-full object-cover" loading="lazy"/><div class="absolute top-2 left-2 w-7 h-7 rounded-full bg-gray-900/90 border border-gray-700 flex items-center justify-center text-xs font-bold text-amber-400">1</div><div class="absolute top-2 right-2 w-2.5 h-2.5 rounded-full" style="background-color:#95a5a6" title="common"></div></div><div class="p-3"><div class="flex items-start justify-between gap-1 mb-1"><h3 class="text-sm font-semibold text-white leading-tight">Know Thy Place</h3></div><div class="flex items-center gap-1.5 mb-2"><span class="text-xs px-1.5 py-0.5 rounded font-medium" style="background-color:#8e44ad33;color:#8e44ad">Regent</span><span class="text-xs text-gray-500 capitalize">skill</span></div><p class="text-xs text-gray-400 leading-relaxed line-clamp-3">Apply 1 Weak. Apply 1 Vulnerable. Exhaust.</p><div class="flex flex-wrap gap-1 mt-2"><span class="text-xs bg-gray-800 text-gray-400 px-1.5 py-0.5 rounded capitalize">exhaust</span><span class="text-xs bg-gray-800 text-gray-400 px-1.5 py-0.5 rounded capitalize">vulnerable</span><span class="text-xs bg-gray-800 text-gray-400 px-1.5 py-0.5 rounded capitalize">weak</span></div><div class="flex flex-wrap gap-1 mt-2"><span class="text-xs bg-amber-500/20 text-amber-400 px-1.5 py-0.5 rounded border border-amber-500/30">ð</span></div></div></div><div class="group bg-gray-900 border border-gray-800 hover:border-gray-600 rounded-xl overflow-hidden transition-all hover:-translate-y-0.5"><div class="relative bg-gray-800 aspect-[3/4] flex items-center justify-center overflow-hidden"><img src="/images/cards/lantern_key.webp" alt="Lantern Key" class="w-full h-full object-cover" loading="lazy"/><div class="absolute top-2 left-2 w-7 h-7 rounded-full bg-gray-900/90 border border-gray-700 flex items-center justify-center text-xs font-bold text-amber-400">1</div><div class="absolute top-2 right-2 w-2.5 h-2.5 rounded-full" style="background-color:#e74
1c3c" title="special"></div></div><div class="p-3"><div class="flex items-start justify-between gap-1 mb-1"><h3 class="text-sm font-semibold text-white leading-tight">Lantern Key</h3></div><div class="flex items-center gap-1.5 mb-2"><span class="text-xs px-1.5 py-0.5 rounded font-medium" style="background-color:#7f8c8d33;color:#7f8c8d">Colorless</span><span class="text-xs text-gray-500 capitalize">skill</span></div><p class="text-xs text-gray-400 leading-relaxed line-clamp-3">Unplayable. Unlocks a special event in the next Act.</p></div></div><div class="group bg-gray-900 border border-gray-800 hover:border-gray-600 rounded-xl overflow-hidden transition-all hover:-translate-y-0.5"><div class="relative bg-gray-800 aspect-[3/4] flex items-center justify-center overflow-hidden"><img src="/images/cards/largesse.webp" alt="Largesse" class="w-full h-full object-cover" loading="lazy"/><div class="absolute top-2 left-2 w-7 h-7 rounded-full bg-gray-900/90 border border-gray-700 flex items-center justify-center text-xs font-bold text-amber-400">1</div><div class="absolute top-2 right-2 w-2.5 h-2.5 rounded-full" style="background-color:#27ae60" title="uncommon"></div></div><div class="p-3"><div class="flex items-start justify-between gap-1 mb-1"><h3 class="text-sm font-semibold text-white leading-tight">Largesse</h3></div><div class="flex items-center gap-1.5 mb-2"><span class="text-xs px-1.5 py-0.5 rounded font-medium" style="background-color:#8e44ad33;color:#8e44ad">Regent</span><span class="text-xs text-gray-500 capitalize">skill</span></div><p class="text-xs text-gray-400 leading-relaxed line-clamp-3">Another player adds 1 random Colorless card to their Hand.</p><div class="flex flex-wrap gap-1 mt-2"><span class="text-xs bg-amber-500/20 text-amber-400 px-1.5 py-0.5 rounded border border-amber-500/30">ð</span><span class="text-xs bg-amber-500/20 text-amber-400 px-1.5 py-0.5 rounded border border-amber-500/30">ð¥</span></div></div></div><div class="group bg-gray-900 border border-gray-800 hover:border-gray-600 rounded-xl overflow-hidden transition-all hover:-translate-y-0.5"><div class="relative bg-gray-800 aspect-[3/4] flex items-center justify-center overflow-hidden"><img src="/images/cards/leading_strike.webp" alt="Leading Strike" class="w-full h-full object-cover" loading="lazy"/><div class="absolute top-2 left-2 w-7 h-7 rounded-full bg-gray-900/90 border border-gray-700 flex items-center justify-center text-xs font-bold text-amber-400">1</div><div class="absolute top-2 right-2 w-2.5 h-2.5 rounded-full" style="background-color:#95a5a6" title="common"></div></div><div class="p-3"><div class="flex items-start justify-between gap-1 mb-1"><h3 class="text-sm font-semibold text-white leading-tight">Leading Strike</h3></div><div class="flex items-center gap-1.5 mb-2"><span class="text-xs px-1.5 py-0.5 rounded font-medium" style="background-color:#27ae6033;color:#27ae60">Silent</span><span class="text-xs text-gray-500 capitalize">attack</span></div><p class="text-xs text-gray-400 leading-relaxed line-clamp-3">Deal 7 damage. Add 1 Shiv into your Hand.</p></div></div><div class="group bg-gray-900 border border-gray-800 hover:border-gray-600 rounded-xl overflow-hidden transition-all hover:-translate-y-0.5"><div class="relative bg-gray-800 aspect-[3/4] flex items-center justify-center overflow-hidden"><img src="/images/cards/leap.webp" alt="Leap" class="w-full h-full object-cover" loading="lazy"/><div class="absolute top-2 left-2 w-7 h-7 rounded-full bg-gray-900/90 border border-gray-700 flex items-center justify-center text-xs font-bold text-amber-400">1</div><div class="absolute top-2 right-2 w-2.5 h-2.5 rounded-full" style="background-color:#95a5a6" title="common"></div></div><div class="p-3"><div class="flex items-start justify-between gap-1 mb-1"><h3 class="text-sm font-semibold text-white leading-tight">Leap</h3></div><div class="flex items-center gap-1.5 mb-2"><span class="text-xs px-1.5 py-0.5 rounded font-medium" style="background-color:#2980b933;color:#2980b9">Defect</span><span class="text-xs text-gray-500 capitalize">skill</span></div><p class="text-xs text-gray-400 leading-relaxed line-clamp-3">Gain 9 Block.</p><div class="flex flex-wrap gap-1 mt-2"><span class="text-xs bg-gray-800 text-gray-400 px-1.5 py-0.5 rounded capitalize">block</span></div></div></div><div class="group bg-gray-900 border border-gray-800 hover:border-gray-600 rounded-xl overflow-hidden transition-all hover:-translate-y-0.5"><div class="relative bg-gray-800 aspect-[3/4] flex items-center justify-center overflow-hidden"><img src="/images/cards/leg_sweep.webp" alt="Leg Sweep" class="w-full h-full object-cover" loading="lazy"/><div class="absolute top-2 left-2 w-7 h-7 rounded-full bg-gray-900/90 border border-gray-700 flex items-center justify-center text-xs font-bold text-amber-400">2</div><div class="absolute top-2 right-2 w-2.5 h-2.5 rounded-full" style="background-color:#27ae60" title="uncommon"></div></div><div class="p-3"><div class="flex items-start justify-between gap-1 mb-1"><h3 class="text-sm font-semibold text-white leading-tight">Leg Sweep</h3></div><div class="flex items-center gap-1.5 mb-2"><span class="text-xs px-1.5 py-0.5 rounded font-medium" style="background-color:#27ae6033;color:#27ae60">Silent</span><span class="text-xs text-gray-500 capitalize">skill</span></div><p class="text-xs text-gray-400 leading-relaxed line-clamp-3">Apply 2 Weak. Gain 11 Block.</p><div class="flex flex-wrap gap-1 mt-2"><span class="text-xs bg-gray-800 text-gray-400 px-1.5 py-0.5 rounded capitalize">weak</span><span class="text-xs bg-gray-800 text-gray-400 px-1.5 py-0.5 rounded capitalize">block</span></div></div></div><div class="group bg-gray-900 border border-gray-800 hover:border-gray-600 rounded-xl overflow-hidden transition-all hover:-translate-y-0.5"><div class="relative bg-gray-800 aspect-[3/4] flex items-center justify-center overflow-hidden"><img src="/images/cards/legion_of_bone.webp" alt="Legion of Bone" class="w-full h-full object-cover" loading="lazy"/><div class="absolute top-2 left-2 w-7 h-7 rounded-full bg-gray-900/90 border border-gray-700 flex items-center justify-center text-xs font-bold text-amber-400">1</div><div class="absolute top-2 right-2 w-2.5 h-2.5 rounded-full" style="background-color:#27ae60" title="uncommon"></div></div><div class="p-3"><div class="flex items-start justify-between gap-1 mb-1"><h3 class="text-sm font-semibold text-white leading-tight">Legion of Bone</h3></div><div class="flex items-center gap-1.5 mb-2"><span class="text-xs px-1.5 py-0.5 rounded font-medium" style="background-color:#2c3e5033;color:#2c3e50">Necrobinder</span><span class="text-xs text-gray-500 capitalize">skill</span></div><p class="text-xs text-gray-400 leading-relaxed line-clamp-3">ALL players Summon 6. Exhaust.</p><div class="flex flex-wrap gap-1 mt-2"><span class="text-xs bg-gray-800 text-gray-400 px-1.5 py-0.5 rounded capitalize">summon</span><span class="text-xs bg-gray-800 text-gray-400 px-1.5 py-0.5 rounded capitalize">exhaust</span></div><div class="flex flex-wrap gap-1 mt-2"><span class="text-xs bg-amber-500/20 text-amber-400 px-1.5 py-0.5 rounded border border-amber-500/30">ð</span><span class="text-xs bg-amber-500/20 text-amber-400 px-1.5 py-0.5 rounded border border-amber-500/30">ð¥</span></div></div></div><div class="group bg-gray-900 border border-gray-800 hover:border-gray-600 rounded-xl overflow-hidden transition-all hover:-translate-y-0.5"><div class="relative bg-gray-800 aspect-[3/4] flex items-center justify-center overflow-hidden"><img src="/images/cards/lethality.webp" alt="Lethality" class="w-full h-full object-cover" loading="lazy"/><div class="absolute top-2 left-2 w-7 h-7 rounded-full bg-gray-900/90 border border-gray-700 flex items-center justify-center text-xs font-bold text-amber-400">1</div><div class="absolute top-2 right-2 w-2.5 h-2.5 rounded-full" style="background-color:#27ae60" title="uncommon"></div></div><div class="p-3"><div class="flex items-start justify-between gap-1 mb-1"><h3 class="text-sm font-semibold text-white leading-tight">Lethality</h3></div><div class="flex items-center gap-1.5 mb-2"><span class="text-xs px-1.5 py-0.5 rounded font-medium" style="background-color:#2c3e5033;color:#2c3e50">Necrobinder</span><span class="text-xs text-gray-500 capitalize">
1power</span></div><p class="text-xs text-gray-400 leading-relaxed line-clamp-3">Ethereal. The first Attack each turn deals 50% additional damage.</p><div class="flex flex-wrap gap-1 mt-2"><span class="text-xs bg-gray-800 text-gray-400 px-1.5 py-0.5 rounded capitalize">ethereal</span></div><div class="flex flex-wrap gap-1 mt-2"><span class="text-xs bg-amber-500/20 text-amber-400 px-1.5 py-0.5 rounded border border-amber-500/30">ð</span></div></div></div><div class="group bg-gray-900 border border-gray-800 hover:border-gray-600 rounded-xl overflow-hidden transition-all hover:-translate-y-0.5"><div class="relative bg-gray-800 aspect-[3/4] flex items-center justify-center overflow-hidden"><img src="/images/cards/lift.webp" alt="Lift" class="w-full h-full object-cover" loading="lazy"/><div class="absolute top-2 left-2 w-7 h-7 rounded-full bg-gray-900/90 border border-gray-700 flex items-center justify-center text-xs font-bold text-amber-400">1</div><div class="absolute top-2 right-2 w-2.5 h-2.5 rounded-full" style="background-color:#27ae60" title="uncommon"></div></div><div class="p-3"><div class="flex items-start justify-between gap-1 mb-1"><h3 class="text-sm font-semibold text-white leading-tight">Lift</h3></div><div class="flex items-center gap-1.5 mb-2"><span class="text-xs px-1.5 py-0.5 rounded font-medium" style="background-color:#7f8c8d33;color:#7f8c8d">Colorless</span><span class="text-xs text-gray-500 capitalize">skill</span></div><p class="text-xs text-gray-400 leading-relaxed line-clamp-3">Give another player 11 Block.</p><div class="flex flex-wrap gap-1 mt-2"><span class="text-xs bg-gray-800 text-gray-400 px-1.5 py-0.5 rounded capitalize">block</span></div><div class="flex flex-wrap gap-1 mt-2"><span class="text-xs bg-amber-500/20 text-amber-400 px-1.5 py-0.5 rounded border border-amber-500/30">ð¥</span></div></div></div><div class="group bg-gray-900 border border-gray-800 hover:border-gray-600 rounded-xl overflow-hidden transition-all hover:-translate-y-0.5"><div class="relative bg-gray-800 aspect-[3/4] flex items-center justify-center overflow-hidden"><img src="/images/cards/lightning_rod.webp" alt="Lightning Rod" class="w-full h-full object-cover" loading="lazy"/><div class="absolute top-2 left-2 w-7 h-7 rounded-full bg-gray-900/90 border border-gray-700 flex items-center justify-center text-xs font-bold text-amber-400">1</div><div class="absolute top-2 right-2 w-2.5 h-2.5 rounded-full" style="background-color:#95a5a6" title="common"></div></div><div class="p-3"><div class="flex items-start justify-between gap-1 mb-1"><h3 class="text-sm font-semibold text-white leading-tight">Lightning Rod</h3></div><div class="flex items-center gap-1.5 mb-2"><span class="text-xs px-1.5 py-0.5 rounded font-medium" style="background-color:#2980b933;color:#2980b9">Defect</span><span class="text-xs text-gray-500 capitalize">skill</span></div><p class="text-xs text-gray-400 leading-relaxed line-clamp-3">Gain 4 Block. At the start of the next 2 turns, Channel 1 Lightning.</p><div class="flex flex-wrap gap-1 mt-2"><span class="text-xs bg-gray-800 text-gray-400 px-1.5 py-0.5 rounded capitalize">block</span></div></div></div><div class="group bg-gray-900 border border-gray-800 hover:border-gray-600 rounded-xl overflow-hidden transition-all hover:-translate-y-0.5"><div class="relative bg-gray-800 aspect-[3/4] flex items-center justify-center overflow-hidden"><img src="/images/cards/loop.webp" alt="Loop" class="w-full h-full object-cover" loading="lazy"/><div class="absolute top-2 left-2 w-7 h-7 rounded-full bg-gray-900/90 border border-gray-700 flex items-center justify-center text-xs font-bold text-amber-400">1</div><div class="absolute top-2 right-2 w-2.5 h-2.5 rounded-full" style="background-color:#27ae60" title="uncommon"></div></div><div class="p-3"><div class="flex items-start justify-between gap-1 mb-1"><h3 class="text-sm font-semibold text-white leading-tight">Loop</h3></div><div class="flex items-center gap-1.5 mb-2"><span class="text-xs px-1.5 py-0.5 rounded font-medium" style="background-color:#2980b933;color:#2980b9">Defect</span><span class="text-xs text-gray-500 capitalize">
1power</span></div><p class="text-xs text-gray-400 leading-relaxed line-clamp-3">At the start of your turn, trigger the passive ability of your rightmost Orb.</p></div></div><div class="group bg-gray-900 border border-gray-800 hover:border-gray-600 rounded-xl overflow-hidden transition-all hover:-translate-y-0.5"><div class="relative bg-gray-800 aspect-[3/4] flex items-center justify-center overflow-hidden"><img src="/images/cards/luminesce.webp" alt="Luminesce" class="w-full h-full object-cover" loading="lazy"/><div class="absolute top-2 left-2 w-7 h-7 rounded-full bg-gray-900/90 border border-gray-700 flex items-center justify-center text-xs font-bold text-amber-400">1</div><div class="absolute top-2 right-2 w-2.5 h-2.5 rounded-full" style="background-color:#27ae60" title="uncommon"></div></div><div class="p-3"><div class="flex items-start justify-between gap-1 mb-1"><h3 class="text-sm font-semibold text-white leading-tight">Luminesce</h3></div><div class="flex items-center gap-1.5 mb-2"><span class="text-xs px-1.5 py-0.5 rounded font-medium" style="background-color:#7f8c8d33;color:#7f8c8d">Colorless</span><span class="text-xs text-gray-500 capitalize">skill</span></div><p class="text-xs text-gray-400 leading-relaxed line-clamp-3">Retain. Gain Energy Energy. Exhaust.</p><div class="flex flex-wrap gap-1 mt-2"><span class="text-xs bg-gray-800 text-gray-400 px-1.5 py-0.5 rounded capitalize">exhaust</span><span class="text-xs bg-gray-800 text-gray-400 px-1.5 py-0.5 rounded capitalize">retain</span></div></div></div><div class="group bg-gray-900 border border-gray-800 hover:border-gray-600 rounded-xl overflow-hidden transition-all hover:-translate-y-0.5"><div class="relative bg-gray-800 aspect-[3/4] flex items-center justify-center overflow-hidden"><img src="/images/cards/lunar_blast.webp" alt="Lunar Blast" class="w-full h-full object-cover" loading="lazy"/><div class="absolute top-2 left-2 w-7 h-7 rounded-full bg-gray-900/90 border border-gray-700 flex items-center justify-center text-xs font-bold text-amber-400">1</div><div class="absolute top-2 right-2 w-2.5 h-2.5 rounded-full" style="background-color:#27ae60" title="uncommon"></div></div><div class="p-3"><div class="flex items-start justify-between gap-1 mb-1"><h3 class="text-sm font-semibold text-white leading-tight">Lunar Blast</h3></div><div class="flex items-center gap-1.5 mb-2"><span class="text-xs px-1.5 py-0.5 rounded font-medium" style="background-color:#8e44ad33;color:#8e44ad">Regent</span><span class="text-xs text-gray-500 capitalize">attack</span></div><p class="text-xs text-gray-400 leading-relaxed line-clamp-3">Deal 4 damage for each Skill already played this turn.</p><div class="flex flex-wrap gap-1 mt-2"><span class="text-xs bg-amber-500/20 text-amber-400 px-1.5 py-0.5 rounded border border-amber-500/30">ð</span></div></div></div><div class="group bg-gray-900 border border-gray-800 hover:border-gray-600 rounded-xl overflow-hidden transition-all hover:-translate-y-0.5"><div class="relative bg-gray-800 aspect-[3/4] flex items-center justify-center overflow-hidden"><img src="/images/cards/machine_learning.webp" alt="Machine Learning" class="w-full h-full object-cover" loading="lazy"/><div class="absolute top-2 left-2 w-7 h-7 rounded-full bg-gray-900/90 border border-gray-700 flex items-center justify-center text-xs font-bold text-amber-400">1</div><div class="absolute top-2 right-2 w-2.5 h-2.5 rounded-full" style="background-color:#f39c12" title="rare"></div></div><div class="p-3"><div class="flex items-start justify-between gap-1 mb-1"><h3 class="text-sm font-semibold text-white leading-tight">Machine Learning</h3></div><div class="flex items-center gap-1.5 mb-2"><span class="text-xs px-1.5 py-0.5 rounded font-medium" style="background-color:#2980b933;color:#2980b9">Defect</span><span class="text-xs text-gray-500 capitalize">power</span></div><p class="text-xs text-gray-400 leading-relaxed line-clamp-3">At the start of your turn, draw 1 additional card.</p></div></div><div class="group bg-gray-900 border border-gray-800 hover:border-gray-600 rounded-xl overflow-hidden transition-all hover:-translate-y-0.5"><div class="relative bg-gray-800 aspect-[3/4] flex items-center justify-center overflow-hidden"><img src="/images/cards/make_it_so.webp" alt="Make It So" class="w-full h-full object-cover" loading="lazy"/><div class="absolute top-2 left-2 w-7 h-7 rounded-full bg-gray-900/90 border border-gray-700 flex items-center justify-center text-xs font-bold text-amber-400">1</div><div class="absolute top-2 right-2 w-2.5 h-2.5 rounded-full" style="background-color:#f39c12" title="rare"></div></div><div class="p-3"><div class="flex items-start justify-between gap-1 mb-1"><h3 class="text-sm font-semibold text-white leading-tight">Make It So</h3></div><div class="flex items-center gap-1.5 mb-2"><span class="text-xs px-1.5 py-0.5 rounded font-medium" style="background-color:#8e44ad33;color:#8e44ad">Regent</span><span class="text-xs text-gray-500 capitalize">attack</span></div><p class="text-xs text-gray-400 leading-relaxed line-clamp-3">Deal 6 damage. Every 3 Skills you play in a turn, put this into your Hand.</p><div class="flex flex-wrap gap-1 mt-2"><span class="text-xs bg-amber-500/20 text-amber-400 px-1.5 py-0.5 rounded border border-amber-500/30">ð</span></div></div></div><div class="group bg-gray-900 border border-gray-800 hover:border-gray-600 rounded-xl overflow-hidden transition-all hover:-translate-y-0.5"><div class="relative bg-gray-800 aspect-[3/4] flex items-center justify-center overflow-hidden"><img src="/images/cards/malaise.webp" alt="Malaise" class="w-full h-full object-cover" loading="lazy"/><div class="absolute top-2 left-2 w-7 h-7 rounded-full bg-gray-900/90 border border-gray-700 flex items-center justify-center text-xs font-bold text-amber-400">X</div><div class="absolute top-2 right-2 w-2.5 h-2.5 rounded-full" style="background-color:#f39c12" title="rare"></div></div><div class="p-3"><div class="flex items-start justify-between gap-1 mb-1"><h3 class="text-sm font-semibold text-white leading-tight">Malaise</h3></div><div class="flex items-center gap-1.5 mb-2"><span class="text-xs px-1.5 py-0.5 rounded font-medium" style="background-color:#27ae6033;color:#27ae60">Silent</span><span class="text-xs text-gray-500 capitalize">skill</span></div><p class="text-xs text-gray-400 leading-relaxed line-clamp-3">Enemy loses X Strength. Apply X Weak. Exhaust.</p><div class="flex flex-wrap gap-1 mt-2"><span class="text-xs bg-gray-800 text-gray-400 px-1.5 py-0.5 rounded capitalize">exhaust</span><span class="text-xs bg-gray-800 text-gray-400 px-1.5 py-0.5 rounded capitalize">weak</span><span class="text-xs bg-gray-800 text-gray-400 px-1.5 py-0.5 rounded capitalize">strength</span></div></div></div><div class="group bg-gray-900 border border-gray-800 hover:border-gray-600 rounded-xl overflow-hidden transition-all hover:-translate-y-0.5"><div class="relative bg-gray-800 aspect-[3/4] flex items-center justify-center overflow-hidden">
1<img src="/images/cards/mangle.webp" alt="Mangle" class="w-full h-full object-cover" loading="lazy"/><div class="absolute top-2 left-2 w-7 h-7 rounded-full bg-gray-900/90 border border-gray-700 flex items-center justify-center text-xs font-bold text-amber-400">3</div><div class="absolute top-2 right-2 w-2.5 h-2.5 rounded-full" style="background-color:#f39c12" title="rare"></div></div><div class="p-3"><div class="flex items-start justify-between gap-1 mb-1"><h3 class="text-sm font-semibold text-white leading-tight">Mangle</h3></div><div class="flex items-center gap-1.5 mb-2"><span class="text-xs px-1.5 py-0.5 rounded font-medium" style="background-color:#c0392b33;color:#c0392b">Ironclad</span><span class="text-xs text-gray-500 capitalize">attack</span></div><p class="text-xs text-gray-400 leading-relaxed line-clamp-3">Deal 15 damage. Enemy loses 10 Strength this turn.</p><div class="flex flex-wrap gap-1 mt-2"><span class="text-xs bg-gray-800 text-gray-400 px-1.5 py-0.5 rounded capitalize">strength</span></div></div></div><div class="group bg-gray-900 border border-gray-800 hover:border-gray-600 rounded-xl overflow-hidden transition-all hover:-translate-y-0.5"><div class="relative bg-gray-800 aspect-[3/4] flex items-center justify-center overflow-hidden"><img src="/images/cards/manifest_authority.webp" alt="Manifest Authority" class="w-full h-full object-cover" loading="lazy"/><div class="absolute top-2 left-2 w-7 h-7 rounded-full bg-gray-900/90 border border-gray-700 flex items-center justify-center text-xs font-bold text-amber-400">1</div><div class="absolute top-2 right-2 w-2.5 h-2.5 rounded-full" style="background-color:#27ae60" title="uncommon"></div></div><div class="p-3"><div class="flex items-start justify-between gap-1 mb-1"><h3 class="text-sm font-semibold text-white leading-tight">Manifest Authority</h3></div><div class="flex items-center gap-1.5 mb-2"><span class="text-xs px-1.5 py-0.5 rounded font-medium" style="background-color:#8e44ad33;color:#8e44ad">Regent</span><span class="text-xs text-gray-500 capitalize">skill</span></div><p class="text-xs text-gray-400 leading-relaxed line-clamp-3">Gain 7 Block. Add 1 random Colorless card into your Hand.</p><div class="flex flex-wrap gap-1 mt-2"><span class="text-xs bg-gray-800 text-gray-400 px-1.5 py-0.5 rounded capitalize">block</span></div><div class="flex flex-wrap gap-1 mt-2"><span class="text-xs bg-amber-500/20 text-amber-400 px-1.5 py-0.5 rounded border border-amber-500/30">ð</span></div></div></div><div class="group bg-gray-900 border border-gray-800 hover:border-gray-600 rounded-xl overflow-hidden transition-all hover:-translate-y-0.5"><div class="relative bg-gray-800 aspect-[3/4] flex items-center justify-center overflow-hidden"><img src="/images/cards/master_of_strategy.webp" alt="Master of Strategy" class="w-full h-full object-cover" loading="lazy"/><div class="absolute top-2 left-2 w-7 h-7 rounded-full bg-gray-900/90 border border-gray-700 flex items-center justify-center text-xs font-bold text-amber-400">1</div><div class="absolute top-2 right-2 w-2.5 h-2.5 rounded-full" style="background-color:#f39c12" title="rare"></div></div><div class="p-3"><div class="flex items-start justify-between gap-1 mb-1"><h3 class="text-sm font-semibold text-white leading-tight">Master of Strategy</h3></div><div class="flex items-center gap-1.5 mb-2"><span class="text-xs px-1.5 py-0.5 rounded font-medium" style="background-color:#7f8c8d33;color:#7f8c8d">Colorless</span><span class="text-xs text-gray-500 capitalize">skill</span></div><p class="text-xs text-gray-400 leading-relaxed line-clamp-3">Draw 3 cards. Exhaust.</p><div class="flex flex-wrap gap-1 mt-2"><span class="text-xs bg-gray-800 text-gray-400 px-1.5 py-0.5 rounded capitalize">exhaust</span></div></div></div><div class="group bg-gray-900 border border-gray-800 hover:border-gray-600 rounded-xl overflow-hidden transition-all hover:-translate-y-0.5"><div class="relative bg-gray-800 aspect-[3/4] flex items-center justify-center overflow-hidden"><img src="/images/cards/master_planner.webp" alt="Master Planner" class="w-full h-full object-cover" loading="lazy"/><div class="absolute top-2 left-2 w-7 h-7 rounded-full bg-gray-900/90 border border-gray-700 flex items-center justify-center text-xs font-bold text-amber-400">2</div><div class="absolute top-2 right-2 w-2.5 h-2.5 rounded-full" style="background-color:#f39c12" title="rare"></div></div><div class="p-3"><div class="flex items-start justify-between gap-1 mb-1"><h3 class="text-sm font-semibold text-white leading-tight">Master Planner</h3></div><div class="flex items-center gap-1.5 mb-2"><span class="text-xs px-1.5 py-0.5 rounded font-medium" style="background-color:#27ae6033;color:#27ae60">Silent</span><span class="text-xs text-gray-500 capitalize">
1power</span></div><p class="text-xs text-gray-400 leading-relaxed line-clamp-3">When you play a Skill, it gains Sly.</p><div class="flex flex-wrap gap-1 mt-2"><span class="text-xs bg-gray-800 text-gray-400 px-1.5 py-0.5 rounded capitalize">sly</span></div><div class="flex flex-wrap gap-1 mt-2"><span class="text-xs bg-amber-500/20 text-amber-400 px-1.5 py-0.5 rounded border border-amber-500/30">ð</span></div></div></div><div class="group bg-gray-900 border border-gray-800 hover:border-gray-600 rounded-xl overflow-hidden transition-all hover:-translate-y-0.5"><div class="relative bg-gray-800 aspect-[3/4] flex items-center justify-center overflow-hidden"><img src="/images/cards/maul.webp" alt="Maul" class="w-full h-full object-cover" loading="lazy"/><div class="absolute top-2 left-2 w-7 h-7 rounded-full bg-gray-900/90 border border-gray-700 flex items-center justify-center text-xs font-bold text-amber-400">1</div><div class="absolute top-2 right-2 w-2.5 h-2.5 rounded-full" style="background-color:#95a5a6" title="common"></div></div><div class="p-3"><div class="flex items-start justify-between gap-1 mb-1"><h3 class="text-sm font-semibold text-white leading-tight">Maul</h3></div><div class="flex items-center gap-1.5 mb-2"><span class="text-xs px-1.5 py-0.5 rounded font-medium" style="background-color:#7f8c8d33;color:#7f8c8d">Colorless</span><span class="text-xs text-gray-500 capitalize">attack</span></div><p class="text-xs text-gray-400 leading-relaxed line-clamp-3">Deal 5 damage twice. Increase the damage of ALL Maul cards by 1 this combat.</p></div></div><div class="group bg-gray-900 border border-gray-800 hover:border-gray-600 rounded-xl overflow-hidden transition-all hover:-translate-y-0.5"><div class="relative bg-gray-800 aspect-[3/4] flex items-center justify-center overflow-hidden"><img src="/images/cards/mayhem.webp" alt="Mayhem" class="w-full h-full object-cover" loading="lazy"/><div class="absolute top-2 left-2 w-7 h-7 rounded-full bg-gray-900/90 border border-gray-700 flex items-center justify-center text-xs font-bold text-amber-400">1</div><div class="absolute top-2 right-2 w-2.5 h-2.5 rounded-full" style="background-color:#f39c12" title="rare"></div></div><div class="p-3"><div class="flex items-start justify-between gap-1 mb-1"><h3 class="text-sm font-semibold text-white leading-tight">Mayhem</h3></div><div class="flex items-center gap-1.5 mb-2"><span class="text-xs px-1.5 py-0.5 rounded font-medium" style="background-color:#7f8c8d33;color:#7f8c8d">Colorless</span><span class="text-xs text-gray-500 capitalize">power</span></div><p class="text-xs text-gray-400 leading-relaxed line-clamp-3">At the start of your turn, play the top card of your Draw Pile.</p></div></div><div class="group bg-gray-900 border border-gray-800 hover:border-gray-600 rounded-xl overflow-hidden transition-all hover:-translate-y-0.5"><div class="relative bg-gray-800 aspect-[3/4] flex items-center justify-center overflow-hidden"><img src="/images/cards/melancholy.webp" alt="Melancholy" class="w-full h-full object-cover" loading="lazy"/><div class="absolute top-2 left-2 w-7 h-7 rounded-full bg-gray-900/90 border border-gray-700 flex items-center justify-center text-xs font-bold text-amber-400">1</div><div class="absolute top-2 right-2 w-2.5 h-2.5 rounded-full" style="background-color:#27ae60" title="uncommon"></div></div><div class="p-3"><div class="flex items-start justify-between gap-1 mb-1"><h3 class="text-sm font-semibold text-white leading-tight">Melancholy</h3></div><div class="flex items-center gap-1.5 mb-2"><span class="text-xs px-1.5 py-0.5 rounded font-medium" style="background-color:#2c3e5033;color:#2c3e50">Necrobinder</span><span class="text-xs text-gray-500 capitalize">skill</span></div><p class="text-xs text-gray-400 leading-relaxed line-clamp-3">Gain 13 Block. Reduce this card's cost by Energy whenever ANYONE dies.</p><div class="flex flex-wrap gap-1 mt-2"><span class="text-xs bg-gray-800 text-gray-400 px-1.5 py-0.5 rounded capitalize">block</span></div><div class="flex flex-wrap gap-1 mt-2"><span class="text-xs bg-amber-500/20 text-amber-400 px-1.5 py-0.5 rounded border border-amber-500/30">ð</span></div></div></div><div class="group bg-gray-900 border border-gray-800 hover:border-gray-600 rounded-xl overflow-hidden transition-all hover:-translate-y-0.5"><div class="relative bg-gray-800 aspect-[3/4] flex items-center justify-center overflow-hidden"><img src="/images/cards/memento_mori.webp" alt="Memento Mori" class="w-full h-full object-cover" loading="lazy"/><div class="absolute top-2 left-2 w-7 h-7 rounded-full bg-gray-900/90 border border-gray-700 flex items-center justify-center text-xs font-bold text-amber-400">1</div><div class="absolute top-2 right-2 w-2.5 h-2.5 rounded-full" style="background-color:#27ae60" title="uncommon"></div></div><div class="p-3"><div class="flex items-start justify-between gap-1 mb-1"><h3 class="text-sm font-semibold text-white leading-tight">Memento Mori</h3></div><div class="flex items-center gap-1.5 mb-2"><span class="text-xs px-1.5 py-0.5 rounded font-medium" style="background-color:#27ae6033;color:#27ae60">Silent</span><span class="text-xs text-gray-500 capitalize">attack</span></div><p class="text-xs text-gray-400 leading-relaxed line-clamp-3">Deal 8 damage. Deals 4 additional damage for each card discarded this turn.</p></div></div><div class="group bg-gray-900 border border-gray-800 hover:border-gray-600 rounded-xl overflow-hidden transition-all hover:-translate-y-0.5"><div class="relative bg-gray-800 aspect-[3/4] flex items-center justify-center overflow-hidden"><img src="/images/cards/metamorphosis.webp" alt="Metamorphosis" class="w-full h-full object-cover" loading="lazy"/><div class="absolute top-2 left-2 w-7 h-7 rounded-full bg-gray-900/90 border border-gray-700 flex items-center justify-center text-xs font-bold text-amber-400">1</div><div class="absolute top-2 right-2 w-2.5 h-2.5 rounded-full" style="background-color:#f39c12" title="rare"></div></div><div class="p-3"><div class="flex items-start justify-between gap-1 mb-1"><h3 class="text-sm font-semibold text-white leading-tight">Metamorphosis</h3></div><div class="flex items-center gap-1.5 mb-2"><span class="text-xs px-1.5 py-0.5 rounded font-medium" style="background-color:#7f8c8d33;color:#7f8c8d">Colorless</span><span class="text-xs text-gray-500 capitalize">skill</span></div><p class="text-xs text-gray-400 leading-relaxed line-clamp-3">Add 3 random Attacks into your Draw Pile. They're free to play this combat. Exhaust.</p><div class="flex flex-wrap gap-1 mt-2"><span class="text-xs bg-gray-800 text-gray-400 px-1.5 py-0.5 rounded capitalize">exhaust</span></div></div></div><div class="group bg-gray-900 border border-gray-800 hover:border-gray-600 rounded-xl overflow-hidden transition-all hover:-translate-y-0.5"><div class="relative bg-gray-800 aspect-[3/4] flex items-center justify-center overflow-hidden"><img src="/images/cards/meteor_shower.webp" alt="Meteor Shower" class="w-full h-full object-cover" loading="lazy"/><div class="absolute top-2 left-2 w-7 h-7 rounded-full bg-gray-900/90 border border-gray-700 flex items-center justify-center text-xs font-bold text-amber-400">1</div><div class="absolute top-2 right-2 w-2.5 h-2.5 rounded-full" style="background-color:#95a5a6" title="common"></div></div><div class="p-3"><div class="flex items-start justify-between gap-1 mb-1"><h3 class="text-sm font-semibold text-white leading-tight">Meteor Shower</h3></div><div class="flex items-center gap-1.5 mb-2"><span class="text-xs px-1.5 py-0.5 rounded font-medium" style="background-color:#8e44ad33;color:#8e44ad">Regent</span><span class="text-xs text-gray-500 capitalize">attack</span></div><p class="text-xs text-gray-400 leading-relaxed line-clamp-3">Deal 14 damage to ALL enemies. Apply 2 Weak and Vulnerable to ALL enemies.</p><div class="flex flex-wrap gap-1 mt-2"><span class="text-xs bg-gray-800 text-gray-400 px-1.5 py-0.5 rounded capitalize">vulnerable</span><span class="text-xs bg-gray-800 text-gray-400 px-1.5 py-0.5 rounded capitalize">weak</span></div><div class="flex flex-wrap gap-1 mt-2"><span class="text-xs bg-amber-500/20 text-amber-400 px-1.5 py-0.5 rounded border border-amber-500/30">ð</span></div></div></div><div class="group bg-gray-900 border border-gray-800 hover:border-gray-600 rounded-xl overflow-hidden transition-all hover:-translate-y-0.5"><div class="relative bg-gray-800 aspect-[3/4] flex items-center justify-center overflow-hidden"><img src="/images/cards/meteor_strike.webp" alt="Meteor Strike" class="w-full h-full object-cover" loading="lazy"/><div class="absolute top-2 left-2 w-7 h-7 rounded-full bg-gray-900/90 border border-gray-700 flex items-center justify-center text-xs font-bold text-amber-400">5</div><div class="absolute top-2 right-2 w-2.5 h-2.5 rounded-full" style="background-color:#f39c12" title="rare"></div></div><div class="p-3"><div class="flex items-start justify-between gap-1 mb-1"><h3 class="text-sm font-semibold text-white leading-tight">Meteor Strike</h3></div><div class="flex items-center gap-1.5 mb-2"><span class="text-xs px-1.5 py-0.5 rounded font-medium" style="background-color:#2980b933;color:#2980b9">Defect</span><span class="text-xs text-gray-500 capitalize">attack</span></div><p class="text-xs text-gray-400 leading-relaxed line-clamp-3">Deal 24 damage. Channel 3 Plasma.</p></div></div><div class="group bg-gray-900 border border-gray-800 hover:border-gray-600 rounded-xl overflow-hidden transition-all hover:-translate-y-0.5"><div class="relative bg-gray-800 aspect-[3/4] flex items-center justify-center overflow-hidden"><img src="/images/cards/mimic.webp" alt="Mimic" class="w-full h-full object-cover" loading="lazy"/><div class="absolute top-2 left-2 w-7 h-7 rounded-full bg-gray-900/90 border border-gray-700 flex items-center justify-center text-xs font-bold text-amber-400">1</div><div class="absolute top-2 right-2 w-2.5 h-2.5 rounded-full" style="background-color:#f39c12" title="rare"></div></div><div class="p-3"><div class="flex items-start justify-between gap-1 mb-1"><h3 class="text-sm font-semibold text-white leading-tight">Mimic</h3></div><div class="flex items-center gap-1.5 mb-2"><span class="text-xs px-1.5 py-0.5 rounded font-medium" style="background-color:#7f8c8d33;color:#7f8c8d">Colorless</span><span class="text-xs text-gray-500 capitalize">skill</span></div><p class="text-xs text-gray-400 leading-relaxed line-clamp-3">Gain Block equal to the Block on another player. Exhaust.</p><div class="flex flex-wrap gap-1 mt-2"><span class="text-xs bg-gray-800 text-gray-400 px-1.5 py-0.5 rounded capitalize">exhaust</span><span class="text-xs bg-gray-800 text-gray-400 px-1.5 py-0.5 rounded capitalize">block</span></div><div class="flex flex-wrap gap-1 mt-2"><span class="text-xs bg-amber-500/20 text-amber-400 px-1.5 py-0.5 rounded border border-amber-500/30">ð¥</span></div></div></div><div class="group bg-gray-900 border border-gray-800 hover:border-gray-600 rounded-xl overflow-hidden transition-all hover:-translate-y-0.5"><div class="relative bg-gray-800 aspect-[3/4] flex items-center justify-center overflow-hidden"><img src="/images/cards/mind_blast.webp" alt="Mind Blast" class="w-full h-full object-cover" loading="lazy"/><div class="absolute top-2 left-2 w-7 h-7 rounded-full bg-gray-900/90 border border-gray-700 flex items-center justify-center text-xs font-bold text-amber-400">1</div><div class="absolute top-2 right-2 w-2.5 h-2.5 rounded-full" style="background-color:#27ae60" title="uncommon"></div></div><div class="p-3"><div class="flex items-start justify-between gap-1 mb-1"><h3 class="text-sm font-semibold text-white leading-tight">Mind Blast</h3></div><div class="flex items-center gap-1.5 mb-2"><span class="text-xs px-1.5 py-0.5 rounded font-medium" style="background-color:#7f8c8d33;color:#7f8c8d">Colorless</span><span class="text-xs text-gray-500 capitalize">attack</span></div><p class="text-xs text-gray-400 leading-relaxed line-clamp-3">Innate. Deal damage equal to the number of cards in your Draw Pile.</p><div class="flex flex-wrap gap-1 mt-2"><span class="text-xs bg-gray-800 text-gray-400 px-1.5 py-0.5 rounded capitalize">innate</span></div></div></div><div class="group bg-gray-900 border border-gray-800 hover:border-gray-600 rounded-xl overflow-hidden transition-all hover:-translate-y-0.5"><div class="relative bg-gray-800 aspect-[3/4] flex items-center justify-center overflow-hidden">
1<img src="/images/cards/mind_rot.webp" alt="Mind Rot" class="w-full h-full object-cover" loading="lazy"/><div class="absolute top-2 left-2 w-7 h-7 rounded-full bg-gray-900/90 border border-gray-700 flex items-center justify-center text-xs font-bold text-amber-400">1</div><div class="absolute top-2 right-2 w-2.5 h-2.5 rounded-full" style="background-color:#95a5a6" title="common"></div></div><div class="p-3"><div class="flex items-start justify-between gap-1 mb-1"><h3 class="text-sm font-semibold text-white leading-tight">Mind Rot</h3></div><div class="flex items-center gap-1.5 mb-2"><span class="text-xs px-1.5 py-0.5 rounded font-medium" style="background-color:#7f8c8d33;color:#7f8c8d">Colorless</span><span class="text-xs text-gray-500 capitalize">skill</span></div><p class="text-xs text-gray-400 leading-relaxed line-clamp-3">Draw 1 fewer card each turn.</p></div></div><div class="group bg-gray-900 border border-gray-800 hover:border-gray-600 rounded-xl overflow-hidden transition-all hover:-translate-y-0.5"><div class="relative bg-gray-800 aspect-[3/4] flex items-center justify-center overflow-hidden"><img src="/images/cards/minion_dive_bomb.webp" alt="Minion Dive Bomb" class="w-full h-full object-cover" loading="lazy"/><div class="absolute top-2 left-2 w-7 h-7 rounded-full bg-gray-900/90 border border-gray-700 flex items-center justify-center text-xs font-bold text-amber-400">1</div><div class="absolute top-2 right-2 w-2.5 h-2.5 rounded-full" style="background-color:#e74c3c" title="special"></div></div><div class="p-3"><div class="flex items-start justify-between gap-1 mb-1"><h3 class="text-sm font-semibold text-white leading-tight">Minion Dive Bomb</h3></div><div class="flex items-center gap-1.5 mb-2"><span class="text-xs px-1.5 py-0.5 rounded font-medium" style="background-color:#7f8c8d33;color:#7f8c8d">Colorless</span><span class="text-xs text-gray-500 capitalize">attack</span></div><p class="text-xs text-gray-400 leading-relaxed line-clamp-3">Deal 13 damage. Exhaust.</p><div class="flex flex-wrap gap-1 mt-2"><span class="text-xs bg-gray-800 text-gray-400 px-1.5 py-0.5 rounded capitalize">exhaust</span></div></div></div><div class="group bg-gray-900 border border-gray-800 hover:border-gray-600 rounded-xl overflow-hidden transition-all hover:-translate-y-0.5"><div class="relative bg-gray-800 aspect-[3/4] flex items-center justify-center overflow-hidden"><img src="/images/cards/minion_sacrifice.webp" alt="Minion Sacrifice" class="w-full h-full object-cover" loading="lazy"/><div class="absolute top-2 left-2 w-7 h-7 rounded-full bg-gray-900/90 border border-gray-700 flex items-center justify-center text-xs font-bold text-amber-400">1</div><div class="absolute top-2 right-2 w-2.5 h-2.5 rounded-full" style="background-color:#e74c3c" title="special"></div></div><div class="p-3"><div class="flex items-start justify-between gap-1 mb-1"><h3 class="text-sm font-semibold text-white leading-tight">Minion Sacrifice</h3></div><div class="flex items-center gap-1.5 mb-2"><span class="text-xs px-1.5 py-0.5 rounded font-medium" style="background-color:#7f8c8d33;color:#7f8c8d">Colorless</span><span class="text-xs text-gray-500 capitalize">skill</span></div><p class="text-xs text-gray-400 leading-relaxed line-clamp-3">Gain 9 Block. Exhaust.</p><div class="flex flex-wrap gap-1 mt-2"><span class="text-xs bg-gray-800 text-gray-400 px-1.5 py-0.5 rounded capitalize">exhaust</span><span class="text-xs bg-gray-800 text-gray-400 px-1.5 py-0.5 rounded capitalize">block</span></div></div></div><div class="group bg-gray-900 border border-gray-800 hover:border-gray-600 rounded-xl overflow-hidden transition-all hover:-translate-y-0.5"><div class="relative bg-gray-800 aspect-[3/4] flex items-center justify-center overflow-hidden"><img src="/images/cards/minion_strike.webp" alt="Minion Strike" class="w-full h-full object-cover" loading="lazy"/><div class="absolute top-2 left-2 w-7 h-7 rounded-full bg-gray-900/90 border border-gray-700 flex items-center justify-center text-xs font-bold text-amber-400">1</div><div class="absolute top-2 right-2 w-2.5 h-2.5 rounded-full" style="background-color:#e74
1c3c" title="special"></div></div><div class="p-3"><div class="flex items-start justify-between gap-1 mb-1"><h3 class="text-sm font-semibold text-white leading-tight">Minion Strike</h3></div><div class="flex items-center gap-1.5 mb-2"><span class="text-xs px-1.5 py-0.5 rounded font-medium" style="background-color:#7f8c8d33;color:#7f8c8d">Colorless</span><span class="text-xs text-gray-500 capitalize">attack</span></div><p class="text-xs text-gray-400 leading-relaxed line-clamp-3">Deal 7 damage. Draw 1 card. Exhaust.</p><div class="flex flex-wrap gap-1 mt-2"><span class="text-xs bg-gray-800 text-gray-400 px-1.5 py-0.5 rounded capitalize">exhaust</span></div></div></div><div class="group bg-gray-900 border border-gray-800 hover:border-gray-600 rounded-xl overflow-hidden transition-all hover:-translate-y-0.5"><div class="relative bg-gray-800 aspect-[3/4] flex items-center justify-center overflow-hidden"><img src="/images/cards/mirage.webp" alt="Mirage" class="w-full h-full object-cover" loading="lazy"/><div class="absolute top-2 left-2 w-7 h-7 rounded-full bg-gray-900/90 border border-gray-700 flex items-center justify-center text-xs font-bold text-amber-400">1</div><div class="absolute top-2 right-2 w-2.5 h-2.5 rounded-full" style="background-color:#27ae60" title="uncommon"></div></div><div class="p-3"><div class="flex items-start justify-between gap-1 mb-1"><h3 class="text-sm font-semibold text-white leading-tight">Mirage</h3></div><div class="flex items-center gap-1.5 mb-2"><span class="text-xs px-1.5 py-0.5 rounded font-medium" style="background-color:#27ae6033;color:#27ae60">Silent</span><span class="text-xs text-gray-500 capitalize">skill</span></div><p class="text-xs text-gray-400 leading-relaxed line-clamp-3">Gain Block equal to Poison on ALL enemies. Exhaust.</p><div class="flex flex-wrap gap-1 mt-2"><span class="text-xs bg-gray-800 text-gray-400 px-1.5 py-0.5 rounded capitalize">exhaust</span><span class="text-xs bg-gray-800 text-gray-400 px-1.5 py-0.5 rounded capitalize">poison</span><span class="text-xs bg-gray-800 text-gray-400 px-1.5 py-0.5 rounded capitalize">block</span></div></div></div><div class="group bg-gray-900 border border-gray-800 hover:border-gray-600 rounded-xl overflow-hidden transition-all hover:-translate-y-0.5"><div class="relative bg-gray-800 aspect-[3/4] flex items-center justify-center overflow-hidden"><img src="/images/cards/misery.webp" alt="Misery" class="w-full h-full object-cover" loading="lazy"/><div class="absolute top-2 left-2 w-7 h-7 rounded-full bg-gray-900/90 border border-gray-700 flex items-center justify-center text-xs font-bold text-amber-400">1</div><div class="absolute top-2 right-2 w-2.5 h-2.5 rounded-full" style="background-color:#f39c12" title="rare"></div></div><div class="p-3"><div class="flex items-start justify-between gap-1 mb-1"><h3 class="text-sm font-semibold text-white leading-tight">Misery</h3></div><div class="flex items-center gap-1.5 mb-2"><span class="text-xs px-1.5 py-0.5 rounded font-medium" style="background-color:#2c3e5033;color:#2c3e50">Necrobinder</span><span class="text-xs text-gray-500 capitalize">attack</span></div><p class="text-xs text-gray-400 leading-relaxed line-clamp-3">Deal 7 damage. Apply any debuffs on the enemy to ALL other enemies.</p><div class="flex flex-wrap gap-1 mt-2"><span class="text-xs bg-amber-500/20 text-amber-400 px-1.5 py-0.5 rounded border border-amber-500/30">ð</span></div></div></div><div class="group bg-gray-900 border border-gray-800 hover:border-gray-600 rounded-xl overflow-hidden transition-all hover:-translate-y-0.5"><div class="relative bg-gray-800 aspect-[3/4] flex items-center justify-center overflow-hidden"><img src="/images/cards/modded.webp" alt="Modded" class="w-full h-full object-cover" loading="lazy"/><div class="absolute top-2 left-2 w-7 h-7 rounded-full bg-gray-900/90 border border-gray-700 flex items-center justify-center text-xs font-bold text-amber-400">0</div><div class="absolute top-2 right-2 w-2.5 h-2.5 rounded-full" style="background-color:#f39c12" title="rare"></div></div><div class="p-3"><div class="flex items-start justify-between gap-1 mb-1"><h3 class="text-sm font-semibold text-white leading-tight">Modded</h3></div><div class="flex items-center gap-1.5 mb-2"><span class="text-xs px-1.5 py-0.5 rounded font-medium" style="background-color:#2980b933;color:#2980b9">Defect</span><span class="text-xs text-gray-500 capitalize">skill</span></div><p class="text-xs text-gray-400 leading-relaxed line-clamp-3">Gain 1 Orb Slot. Draw 1 card. Increase this card'
1s cost by 1.</p></div></div><div class="group bg-gray-900 border border-gray-800 hover:border-gray-600 rounded-xl overflow-hidden transition-all hover:-translate-y-0.5"><div class="relative bg-gray-800 aspect-[3/4] flex items-center justify-center overflow-hidden"><img src="/images/cards/molten_fist.webp" alt="Molten Fist" class="w-full h-full object-cover" loading="lazy"/><div class="absolute top-2 left-2 w-7 h-7 rounded-full bg-gray-900/90 border border-gray-700 flex items-center justify-center text-xs font-bold text-amber-400">1</div><div class="absolute top-2 right-2 w-2.5 h-2.5 rounded-full" style="background-color:#95a5a6" title="common"></div></div><div class="p-3"><div class="flex items-start justify-between gap-1 mb-1"><h3 class="text-sm font-semibold text-white leading-tight">Molten Fist</h3></div><div class="flex items-center gap-1.5 mb-2"><span class="text-xs px-1.5 py-0.5 rounded font-medium" style="background-color:#c0392b33;color:#c0392b">Ironclad</span><span class="text-xs text-gray-500 capitalize">attack</span></div><p class="text-xs text-gray-400 leading-relaxed line-clamp-3">Deal 10 damage. Double the enemy's Vulnerable. Exhaust.</p><div class="flex flex-wrap gap-1 mt-2"><span class="text-xs bg-gray-800 text-gray-400 px-1.5 py-0.5 rounded capitalize">exhaust</span><span class="text-xs bg-gray-800 text-gray-400 px-1.5 py-0.5 rounded capitalize">vulnerable</span></div></div></div><div class="group bg-gray-900 border border-gray-800 hover:border-gray-600 rounded-xl overflow-hidden transition-all hover:-translate-y-0.5"><div class="relative bg-gray-800 aspect-[3/4] flex items-center justify-center overflow-hidden"><img src="/images/cards/momentum_strike.webp" alt="Momentum Strike" class="w-full h-full object-cover" loading="lazy"/><div class="absolute top-2 left-2 w-7 h-7 rounded-full bg-gray-900/90 border border-gray-700 flex items-center justify-center text-xs font-bold text-amber-400">1</div><div class="absolute top-2 right-2 w-2.5 h-2.5 rounded-full" style="background-color:#95a5a6" title="common"></div></div><div class="p-3"><div class="flex items-start justify-between gap-1 mb-1"><h3 class="text-sm font-semibold text-white leading-tight">Momentum Strike</h3></div><div class="flex items-center gap-1.5 mb-2"><span class="text-xs px-1.5 py-0.5 rounded font-medium" style="background-color:#2980b933;color:#2980b9">Defect</span><span class="text-xs text-gray-500 capitalize">attack</span></div><p class="text-xs text-gray-400 leading-relaxed line-clamp-3">Deal 10 damage. Reduce this card's cost to 0 Energy.</p></div></div><div class="group bg-gray-900 border border-gray-800 hover:border-gray-600 rounded-xl overflow-hidden transition-all hover:-translate-y-0.5"><div class="relative bg-gray-800 aspect-[3/4] flex items-center justify-center overflow-hidden"><img src="/images/cards/monarchs_gaze.webp" alt="Monarch's Gaze" class="w-full h-full object-cover" loading="lazy"/><div class="absolute top-2 left-2 w-7 h-7 rounded-full bg-gray-900/90 border border-gray-700 flex items-center justify-center text-xs font-bold text-amber-400">1</div><div class="absolute top-2 right-2 w-2.5 h-2.5 rounded-full" style="background-color:#f39c12" title="rare"></div></div><div class="p-3"><div class="flex items-start justify-between gap-1 mb-1"><h3 class="text-sm font-semibold text-white leading-tight">Monarch's Gaze</h3></div><div class="flex items-center gap-1.5 mb-2"><span class="text-xs px-1.5 py-0.5 rounded font-medium" style="background-color:#8e44ad33;color:#8e44ad">Regent</span><span class="text-xs text-gray-500 capitalize">power</span></div><p class="text-xs text-gray-400 leading-relaxed line-clamp-3">Whenever you attack an enemy, it loses 1 Strength this turn.</p><div class="flex flex-wrap gap-1 mt-2"><span class="text-xs bg-gray-800 text-gray-400 px-1.5 py-0.5 rounded capitalize">strength</span></div><div class="flex flex-wrap gap-1 mt-2"><span class="text-xs bg-amber-500/20 text-amber-400 px-1.5 py-0.5 rounded border border-amber-500/30">ð</span></div></div></div><div class="group bg-gray-900 border border-gray-800 hover:border-gray-600 rounded-xl overflow-hidden transition-all hover:-translate-y-0.5"><div class="relative bg-gray-800 aspect-[3/4] flex items-center justify-center overflow-hidden"><img src="/images/cards/monologue.webp" alt="Monologue" class="w-full h-full object-cover" loading="lazy"/><div class="absolute top-2 left-2 w-7 h-7 rounded-full bg-gray-900/90 border border-gray-700 flex items-center justify-center text-xs font-bold text-amber-400">1</div><div class="absolute top-2 right-2 w-2.5 h-2.5 rounded-full" style="background-color:#27ae60" title="uncommon"></div></div><div class="p-3"><div class="flex items-start justify-between gap-1 mb-1"><h3 class="text-sm font-semibold text-white leading-tight">Monologue</h3></div><div class="flex items-center gap-1.5 mb-2"><span class="text-xs px-1.5 py-0.5 rounded font-medium" style="background-color:#8e44ad33;color:#8e44ad">Regent</span><span class="text-xs text-gray-500 capitalize">skill</span></div><p class="text-xs text-gray-400 leading-relaxed line-clamp-3">Whenever you play a card this turn, gain 1 Strength this turn.</p><div class="flex flex-wrap gap-1 mt-2"><span class="text-xs bg-gray-800 text-gray-400 px-1.5 py-0.5 rounded capitalize">strength</span></div><div class="flex flex-wrap gap-1 mt-2"><span class="text-xs bg-amber-500/20 text-amber-400 px-1.5 py-0.5 rounded border border-amber-500/30">ð</span></div></div></div><div class="group bg-gray-900 border border-gray-800 hover:border-gray-600 rounded-xl overflow-hidden transition-all hover:-translate-y-0.5"><div class="relative bg-gray-800 aspect-[3/4] flex items-center justify-center overflow-hidden"><img src="/images/cards/multi_cast.webp" alt="Multi-Cast" class="w-full h-full object-cover" loading="lazy"/><div class="absolute top-2 left-2 w-7 h-7 rounded-full bg-gray-900/90 border border-gray-700 flex items-center justify-center text-xs font-bold text-amber-400">X</div><div class="absolute top-2 right-2 w-2.5 h-2.5 rounded-full" style="background-color:#f39c12" title="rare"></div></div><div class="p-3"><div class="flex items-start justify-between gap-1 mb-1"><h3 class="text-sm font-semibold text-white leading-tight">Multi-Cast</h3></div><div class="flex items-center gap-1.5 mb-2"><span class="text-xs px-1.5 py-0.5 rounded font-medium" style="background-color:#2980b933;color:#2980b9">Defect</span><span class="text-xs text-gray-500 capitalize">skill</span></div><p class="text-xs text-gray-400 leading-relaxed line-clamp-3">Evoke your rightmost Orb X times.</p></div></div><div class="group bg-gray-900 border border-gray-800 hover:border-gray-600 rounded-xl overflow-hidden transition-all hover:-translate-y-0.5"><div class="relative bg-gray-800 aspect-[3/4] flex items-center justify-center overflow-hidden"><img src="/images/cards/murder.webp" alt="Murder" class="w-full h-full object-cover" loading="lazy"/><div class="absolute top-2 left-2 w-7 h-7 rounded-full bg-gray-900/90 border border-gray-700 flex items-center justify-center text-xs font-bold text-amber-400">3</div><div class="absolute top-2 right-2 w-2.5 h-2.5 rounded-full" style="background-color:#f39c12" title="rare"></div></div><div class="p-3"><div class="flex items-start justify-between gap-1 mb-1"><h3 class="text-sm font-semibold text-white leading-tight">Murder</h3></div><div class="flex items-center gap-1.5 mb-2"><span class="text-xs px-1.5 py-0.5 rounded font-medium" style="background-color:#27ae6033;color:#27ae60">Silent</span><span class="text-xs text-gray-500 capitalize">attack</span></div><p class="text-xs text-gray-400 leading-relaxed line-clamp-3">Deal 1 damage. Deals 1 additional damage for each card drawn this combat.</p></div></div><div class="group bg-gray-900 border border-gray-800 hover:border-gray-600 rounded-xl overflow-hidden transition-all hover:-translate-y-0.5"><div class="relative bg-gray-800 aspect-[3/4] flex items-center justify-center overflow-hidden"><img src="/images/cards/necro_mastery.webp" alt="Necro Mastery" class="w-full h-full object-cover" loading="lazy"/><div class="absolute top-2 left-2 w-7 h-7 rounded-full bg-gray-900/90 border border-gray-700 flex items-center justify-center text-xs font-bold text-amber-400">1</div><div class="absolute top-2 right-2 w-2.5 h-2.5 rounded-full" style="background-color:#f39c12" title="rare"></div></div><div class="p-3"><div class="flex items-start justify-between gap-1 mb-1"><h3 class="text-sm font-semibold text-white leading-tight">Necro Mastery</h3></div><div class="flex items-center gap-1.5 mb-2"><span class="text-xs px-1.5 py-0.5 rounded font-medium" style="background-color:#2c3e5033;color:#2c3e50">Necrobinder</span><span class="text-xs text-gray-500 capitalize">
1power</span></div><p class="text-xs text-gray-400 leading-relaxed line-clamp-3">Summon 5. Whenever Osty loses HP, ALL enemies lose that much HP as well.</p><div class="flex flex-wrap gap-1 mt-2"><span class="text-xs bg-gray-800 text-gray-400 px-1.5 py-0.5 rounded capitalize">summon</span></div><div class="flex flex-wrap gap-1 mt-2"><span class="text-xs bg-amber-500/20 text-amber-400 px-1.5 py-0.5 rounded border border-amber-500/30">ð</span></div></div></div><div class="group bg-gray-900 border border-gray-800 hover:border-gray-600 rounded-xl overflow-hidden transition-all hover:-translate-y-0.5"><div class="relative bg-gray-800 aspect-[3/4] flex items-center justify-center overflow-hidden"><img src="/images/cards/negative_pulse.webp" alt="Negative Pulse" class="w-full h-full object-cover" loading="lazy"/><div class="absolute top-2 left-2 w-7 h-7 rounded-full bg-gray-900/90 border border-gray-700 flex items-center justify-center text-xs font-bold text-amber-400">1</div><div class="absolute top-2 right-2 w-2.5 h-2.5 rounded-full" style="background-color:#95a5a6" title="common"></div></div><div class="p-3"><div class="flex items-start justify-between gap-1 mb-1"><h3 class="text-sm font-semibold text-white leading-tight">Negative Pulse</h3></div><div class="flex items-center gap-1.5 mb-2"><span class="text-xs px-1.5 py-0.5 rounded font-medium" style="background-color:#2c3e5033;color:#2c3e50">Necrobinder</span><span class="text-xs text-gray-500 capitalize">skill</span></div><p class="text-xs text-gray-400 leading-relaxed line-clamp-3">Gain 5 Block. Apply 7 Doom to ALL enemies.</p><div class="flex flex-wrap gap-1 mt-2"><span class="text-xs bg-gray-800 text-gray-400 px-1.5 py-0.5 rounded capitalize">doom</span><span class="text-xs bg-gray-800 text-gray-400 px-1.5 py-0.5 rounded capitalize">block</span></div><div class="flex flex-wrap gap-1 mt-2"><span class="text-xs bg-amber-500/20 text-amber-400 px-1.5 py-0.5 rounded border border-amber-500/30">ð</span><span class="text-xs bg-amber-500/20 text-amber-400 px-1.5 py-0.5 rounded border border-amber-500/30">ð</span></div></div></div><div class="group bg-gray-900 border border-gray-800 hover:border-gray-600 rounded-xl overflow-hidden transition-all hover:-translate-y-0.5"><div class="relative bg-gray-800 aspect-[3/4] flex items-center justify-center overflow-hidden"><img src="/images/cards/neows_fury.webp" alt="Neow's Fury" class="w-full h-full object-cover" loading="lazy"/><div class="absolute top-2 left-2 w-7 h-7 rounded-full bg-gray-900/90 border border-gray-700 flex items-center justify-center text-xs font-bold text-amber-400">1</div><div class="absolute top-2 right-2 w-2.5 h-2.5 rounded-full" style="background-color:#e74c3c" title="special"></div></div><div class="p-3"><div class="flex items-start justify-between gap-1 mb-1"><h3 class="text-sm font-semibold text-white leading-tight">Neow's Fury</h3></div><div class="flex items-center gap-1.5 mb-2"><span class="text-xs px-1.5 py-0.5 rounded font-medium" style="background-color:#7f8c8d33;color:#7f8c8d">Colorless</span><span class="text-xs text-gray-500 capitalize">attack</span></div><p class="text-xs text-gray-400 leading-relaxed line-clamp-3">Deal 10 damage. Put 2 random cards from your Discard Pile into your Hand. Exhaust.</p><div class="flex flex-wrap gap-1 mt-2"><span class="text-xs bg-gray-800 text-gray-400 px-1.5 py-0.5 rounded capitalize">exhaust</span></div></div></div><div class="group bg-gray-900 border border-gray-800 hover:border-gray-600 rounded-xl overflow-hidden transition-all hover:-translate-y-0.5"><div class="relative bg-gray-800 aspect-[3/4] flex items-center justify-center overflow-hidden"><img src="/images/cards/neurosurge.webp" alt="Neurosurge" class="w-full h-full object-cover" loading="lazy"/><div class="absolute top-2 left-2 w-7 h-7 rounded-full bg-gray-900/90 border border-gray-700 flex items-center justify-center text-xs font-bold text-amber-400">1</div><div class="absolute top-2 right-2 w-2.5 h-2.5 rounded-full" style="background-color:#f39c12" title="rare"></div></div><div class="p-3"><div class="flex items-start justify-between gap-1 mb-1"><h3 class="text-sm font-semibold text-white leading-tight">Neurosurge</h3></div><div class="flex items-center gap-1.5 mb-2"><span class="text-xs px-1.5 py-0.5 rounded font-medium" style="background-color:#2c3e5033;color:#2c3e50">Necrobinder</span><span class="text-xs text-gray-500 capitalize">skill</span></div><p class="text-xs text-gray-400 leading-relaxed line-clamp-3">GainEnergyEnergyEnergy . Draw 2 cards. At the start of your turn, apply 3 Doom to yourself.</p><div class="flex flex-wrap gap-1 mt-2"><span class="text-xs bg-gray-800 text-gray-400 px-1.5 py-0.5 rounded capitalize">doom</span></div><div class="flex flex-wrap gap-1 mt-2"><span class="text-xs bg-amber-500/20 text-amber-400 px-1.5 py-0.5 rounded border border-amber-500/30">ð</span><span class="text-xs bg-amber-500/20 text-amber-400 px-1.5 py-0.5 rounded border border-amber-500/30">ð</span></div></div></div><div class="group bg-gray-900 border border-gray-800 hover:border-gray-600 rounded-xl overflow-hidden transition-all hover:-translate-y-0.5"><div class="relative bg-gray-800 aspect-[3/4] flex items-center justify-center overflow-hidden"><img src="/images/cards/neutralize.webp" alt="Neutralize" class="w-full h-full object-cover" loading="lazy"/><div class="absolute top-2 left-2 w-7 h-7 rounded-full bg-gray-900/90 border border-gray-700 flex items-center justify-center text-xs font-bold text-amber-400">0</div><div class="absolute top-2 right-2 w-2.5 h-2.5 rounded-full" style="background-color:#95a5a6" title="common"></div></div><div class="p-3"><div class="flex items-start justify-between gap-1 mb-1"><h3 class="text-sm font-semibold text-white leading-tight">Neutralize</h3></div><div class="flex items-center gap-1.5 mb-2"><span class="text-xs px-1.5 py-0.5 rounded font-medium" style="background-color:#27ae6033;color:#27ae60">Silent</span><span class="text-xs text-gray-500 capitalize">attack</span></div><p class="text-xs text-gray-400 leading-relaxed line-clamp-3">Deal 3 damage. Apply 1 Weak.</p><div class="flex flex-wrap gap-1 mt-2"><span class="text-xs bg-gray-800 text-gray-400 px-1.5 py-0.5 rounded capitalize">weak</span></div></div></div><div class="group bg-gray-900 border border-gray-800 hover:border-gray-600 rounded-xl overflow-hidden transition-all hover:-translate-y-0.5"><div class="relative bg-gray-800 aspect-[3/4] flex items-center justify-center overflow-hidden"><img src="/images/cards/neutron_aegis.webp" alt="Neutron Aegis" class="w-full h-full object-cover" loading="lazy"/><div class="absolute top-2 left-2 w-7 h-7 rounded-full bg-gray-900/90 border border-gray-700 flex items-center justify-center text-xs font-bold text-amber-400">1</div><div class="absolute top-2 right-2 w-2.5 h-2.5 rounded-full" style="background-color:#f39c12" title="rare"></div></div><div class="p-3"><div class="flex items-start justify-between gap-1 mb-1"><h3 class="text-sm font-semibold text-white leading-tight">Neutron Aegis</h3></div><div class="flex items-center gap-1.5 mb-2"><span class="text-xs px-1.5 py-0.5 rounded font-medium" style="background-color:#8e44ad33;color:#8e44ad">Regent</span><span class="text-xs text-gray-500 capitalize">skill</span></div><p class="text-xs text-gray-400 leading-relaxed line-clamp-3">Gain 8 Plating.</p><div class="flex flex-wrap gap-1 mt-2"><span class="text-xs bg-amber-500/20 text-amber-400 px-1.5 py-0.5 rounded border border-amber-500/30">ð</span></div></div></div><div class="group bg-gray-900 border border-gray-800 hover:border-gray-600 rounded-xl overflow-hidden transition-all hover:-translate-y-0.5"><div class="relative bg-gray-800 aspect-[3/4] flex items-center justify-center overflow-hidden"><img src="/images/cards/nightmare.webp" alt="Nightmare" class="w-full h-full object-cover" loading="lazy"/><div class="absolute top-2 left-2 w-7 h-7 rounded-full bg-gray-900/90 border border-gray-700 flex items-center justify-center text-xs font-bold text-amber-400">3</div><div class="absolute top-2 right-2 w-2.5 h-2.5 rounded-full" style="background-color:#f39c12" title="rare"></div></div><div class="p-3"><div class="flex items-start justify-between gap-1 mb-1"><h3 class="text-sm font-semibold text-white leading-tight">Nightmare</h3></div><div class="flex items-center gap-1.5 mb-2"><span class="text-xs px-1.5 py-0.5 rounded font-medium" style="background-color:#27ae6033;color:#27ae60">Silent</span><span class="text-xs text-gray-500 capitalize">skill</span></div><p class="text-xs text-gray-400 leading-relaxed line-clamp-3">Choose a card. Next turn, add 3 copies of that card into your Hand. Exhaust.</p><div class="flex flex-wrap gap-1 mt-2"><span class="text-xs bg-gray-800 text-gray-400 px-1.5 py-0.5 rounded capitalize">exhaust</span></div></div></div><div class="group bg-gray-900 border border-gray-800 hover:border-gray-600 rounded-xl overflow-hidden transition-all hover:-translate-y-0.5"><div class="relative bg-gray-800 aspect-[3/4] flex items-center justify-center overflow-hidden"><img src="/images/cards/no_escape.webp" alt="No Escape" class="w-full h-full object-cover" loading="lazy"/><div class="absolute top-2 left-2 w-7 h-7 rounded-full bg-gray-900/90 border border-gray-700 flex items-center justify-center text-xs font-bold text-amber-400">1</div><div class="absolute top-2 right-2 w-2.5 h-2.5 rounded-full" style="background-color:#27ae60" title="uncommon"></div></div><div class="p-3"><div class="flex items-start justify-between gap-1 mb-1"><h3 class="text-sm font-semibold text-white leading-tight">No Escape</h3></div><div class="flex items-center gap-1.5 mb-2"><span class="text-xs px-1.5 py-0.5 rounded font-medium" style="background-color:#2c3e5033;color:#2c3e50">Necrobinder</span><span class="text-xs text-gray-500 capitalize">skill</span></div><p class="text-xs text-gray-400 leading-relaxed line-clamp-3">Apply 10 Doom, plus an additional 5 Doom for every 10 Doom already on this enemy.</p><div class="flex flex-wrap gap-1 mt-2"><span class="text-xs bg-gray-800 text-gray-400 px-1.5 py-0.5 rounded capitalize">doom</span></div><div class="flex flex-wrap gap-1 mt-2"><span class="text-xs bg-amber-500/20 text-amber-400 px-1.5 py-0.5 rounded border border-amber-500/30">ð</span><span class="text-xs bg-amber-500/20 text-amber-400 px-1.5 py-0.5 rounded border border-amber-500/30">ð</span></div></div></div><div class="group bg-gray-900 border border-gray-800 hover:border-gray-600 rounded-xl overflow-hidden transition-all hover:-translate-y-0.5"><div class="relative bg-gray-800 aspect-[3/4] flex items-center justify-center overflow-hidden"><img src="/images/cards/normality.webp" alt="Normality" class="w-full h-full object-cover" loading="lazy"/><div class="absolute top-2 left-2 w-7 h-7 rounded-full bg-gray-900/90 border border-gray-700 flex items-center justify-center text-xs font-bold text-amber-400">1</div><div class="absolute top-2 right-2 w-2.5 h-2.5 rounded-full" style="background-color:#e74
1c3c" title="special"></div></div><div class="p-3"><div class="flex items-start justify-between gap-1 mb-1"><h3 class="text-sm font-semibold text-white leading-tight">Normality</h3></div><div class="flex items-center gap-1.5 mb-2"><span class="text-xs px-1.5 py-0.5 rounded font-medium" style="background-color:#7f8c8d33;color:#7f8c8d">Colorless</span><span class="text-xs text-gray-500 capitalize">skill</span></div><p class="text-xs text-gray-400 leading-relaxed line-clamp-3">Unplayable. You cannot play more than 3 cards this turn.</p></div></div><div class="group bg-gray-900 border border-gray-800 hover:border-gray-600 rounded-xl overflow-hidden transition-all hover:-translate-y-0.5"><div class="relative bg-gray-800 aspect-[3/4] flex items-center justify-center overflow-hidden"><img src="/images/cards/nostalgia.webp" alt="Nostalgia" class="w-full h-full object-cover" loading="lazy"/><div class="absolute top-2 left-2 w-7 h-7 rounded-full bg-gray-900/90 border border-gray-700 flex items-center justify-center text-xs font-bold text-amber-400">1</div><div class="absolute top-2 right-2 w-2.5 h-2.5 rounded-full" style="background-color:#f39c12" title="rare"></div></div><div class="p-3"><div class="flex items-start justify-between gap-1 mb-1"><h3 class="text-sm font-semibold text-white leading-tight">Nostalgia</h3></div><div class="flex items-center gap-1.5 mb-2"><span class="text-xs px-1.5 py-0.5 rounded font-medium" style="background-color:#7f8c8d33;color:#7f8c8d">Colorless</span><span class="text-xs text-gray-500 capitalize">power</span></div><p class="text-xs text-gray-400 leading-relaxed line-clamp-3">The first Attack or Skill you play each turn is placed on top of your Draw Pile.</p></div></div><div class="group bg-gray-900 border border-gray-800 hover:border-gray-600 rounded-xl overflow-hidden transition-all hover:-translate-y-0.5"><div class="relative bg-gray-800 aspect-[3/4] flex items-center justify-center overflow-hidden"><img src="/images/cards/noxious_fumes.webp" alt="Noxious Fumes" class="w-full h-full object-cover" loading="lazy"/><div class="absolute top-2 left-2 w-7 h-7 rounded-full bg-gray-900/90 border border-gray-700 flex items-center justify-center text-xs font-bold text-amber-400">1</div><div class="absolute top-2 right-2 w-2.5 h-2.5 rounded-full" style="background-color:#27ae60" title="uncommon"></div></div><div class="p-3"><div class="flex items-start justify-between gap-1 mb-1"><h3 class="text-sm font-semibold text-white leading-tight">Noxious Fumes</h3></div><div class="flex items-center gap-1.5 mb-2"><span class="text-xs px-1.5 py-0.5 rounded font-medium" style="background-color:#27ae6033;color:#27ae60">Silent</span><span class="text-xs text-gray-500 capitalize">power</span></div><p class="text-xs text-gray-400 leading-relaxed line-clamp-3">At the start of your turn, apply 2 Poison to ALL enemies.</p><div class="flex flex-wrap gap-1 mt-2"><span class="text-xs bg-gray-800 text-gray-400 px-1.5 py-0.5 rounded capitalize">poison</span></div></div></div><div class="group bg-gray-900 border border-gray-800 hover:border-gray-600 rounded-xl overflow-hidden transition-all hover:-translate-y-0.5"><div class="relative bg-gray-800 aspect-[3/4] flex items-center justify-center overflow-hidden"><img src="/images/cards/null.webp" alt="Null" class="w-full h-full object-cover" loading="lazy"/><div class="absolute top-2 left-2 w-7 h-7 rounded-full bg-gray-900/90 border border-gray-700 flex items-center justify-center text-xs font-bold text-amber-400">2</div><div class="absolute top-2 right-2 w-2.5 h-2.5 rounded-full" style="background-color:#27ae60" title="uncommon"></div></div><div class="p-3"><div class="flex items-start justify-between gap-1 mb-1"><h3 class="text-sm font-semibold text-white leading-tight">Null</h3></div><div class="flex items-center gap-1.5 mb-2"><span class="text-xs px-1.5 py-0.5 rounded font-medium" style="background-color:#2980b933;color:#2980b9">Defect</span><span class="text-xs text-gray-500 capitalize">attack</span></div><p class="text-xs text-gray-400 leading-relaxed line-clamp-3">Deal 10 damage. Apply 2 Weak. Channel 1 Dark.</p><div class="flex flex-wrap gap-1 mt-2"><span class="text-xs bg-gray-800 text-gray-400 px-1.5 py-0.5 rounded capitalize">weak</span></div></div></div><div class="group bg-gray-900 border border-gray-800 hover:border-gray-600 rounded-xl overflow-hidden transition-all hover:-translate-y-0.5"><div class="relative bg-gray-800 aspect-[3/4] flex items-center justify-center overflow-hidden"><img src="/images/cards/oblivion.webp" alt="Oblivion" class="w-full h-full object-cover" loading="lazy"/><div class="absolute top-2 left-2 w-7 h-7 rounded-full bg-gray-900/90 border border-gray-700 flex items-center justify-center text-xs font-bold text-amber-400">1</div><div class="absolute top-2 right-2 w-2.5 h-2.5 rounded-full" style="background-color:#f39c12" title="rare"></div></div><div class="p-3"><div class="flex items-start justify-between gap-1 mb-1"><h3 class="text-sm font-semibold text-white leading-tight">Oblivion</h3></div><div class="flex items-center gap-1.5 mb-2"><span class="text-xs px-1.5 py-0.5 rounded font-medium" style="background-color:#2c3e5033;color:#2c3e50">Necrobinder</span><span class="text-xs text-gray-500 capitalize">
1power</span></div><p class="text-xs text-gray-400 leading-relaxed line-clamp-3">Whenever you play a card this turn, apply 3 Doom to the enemy.</p><div class="flex flex-wrap gap-1 mt-2"><span class="text-xs bg-gray-800 text-gray-400 px-1.5 py-0.5 rounded capitalize">doom</span></div><div class="flex flex-wrap gap-1 mt-2"><span class="text-xs bg-amber-500/20 text-amber-400 px-1.5 py-0.5 rounded border border-amber-500/30">ð</span><span class="text-xs bg-amber-500/20 text-amber-400 px-1.5 py-0.5 rounded border border-amber-500/30">ð</span></div></div></div><div class="group bg-gray-900 border border-gray-800 hover:border-gray-600 rounded-xl overflow-hidden transition-all hover:-translate-y-0.5"><div class="relative bg-gray-800 aspect-[3/4] flex items-center justify-center overflow-hidden"><img src="/images/cards/offering.webp" alt="Offering" class="w-full h-full object-cover" loading="lazy"/><div class="absolute top-2 left-2 w-7 h-7 rounded-full bg-gray-900/90 border border-gray-700 flex items-center justify-center text-xs font-bold text-amber-400">0</div><div class="absolute top-2 right-2 w-2.5 h-2.5 rounded-full" style="background-color:#f39c12" title="rare"></div></div><div class="p-3"><div class="flex items-start justify-between gap-1 mb-1"><h3 class="text-sm font-semibold text-white leading-tight">Offering</h3></div><div class="flex items-center gap-1.5 mb-2"><span class="text-xs px-1.5 py-0.5 rounded font-medium" style="background-color:#c0392b33;color:#c0392b">Ironclad</span><span class="text-xs text-gray-500 capitalize">skill</span></div><p class="text-xs text-gray-400 leading-relaxed line-clamp-3">Lose 6 HP. Gain EnergyEnergy. Draw 3 cards. Exhaust.</p><div class="flex flex-wrap gap-1 mt-2"><span class="text-xs bg-gray-800 text-gray-400 px-1.5 py-0.5 rounded capitalize">exhaust</span></div></div></div><div class="group bg-gray-900 border border-gray-800 hover:border-gray-600 rounded-xl overflow-hidden transition-all hover:-translate-y-0.5"><div class="relative bg-gray-800 aspect-[3/4] flex items-center justify-center overflow-hidden"><img src="/images/cards/omnislice.webp" alt="Omnislice" class="w-full h-full object-cover" loading="lazy"/><div class="absolute top-2 left-2 w-7 h-7 rounded-full bg-gray-900/90 border border-gray-700 flex items-center justify-center text-xs font-bold text-amber-400">1</div><div class="absolute top-2 right-2 w-2.5 h-2.5 rounded-full" style="background-color:#27ae60" title="uncommon"></div></div><div class="p-3"><div class="flex items-start justify-between gap-1 mb-1"><h3 class="text-sm font-semibold text-white leading-tight">Omnislice</h3></div><div class="flex items-center gap-1.5 mb-2"><span class="text-xs px-1.5 py-0.5 rounded font-medium" style="background-color:#7f8c8d33;color:#7f8c8d">Colorless</span><span class="text-xs text-gray-500 capitalize">attack</span></div><p class="text-xs text-gray-400 leading-relaxed line-clamp-3">Deal 8 damage. Damage ALL other enemies equal to the damage dealt.</p></div></div><div class="group bg-gray-900 border border-gray-800 hover:border-gray-600 rounded-xl overflow-hidden transition-all hover:-translate-y-0.5"><div class="relative bg-gray-800 aspect-[3/4] flex items-center justify-center overflow-hidden"><img src="/images/cards/one_two_punch.webp" alt="One-Two Punch" class="w-full h-full object-cover" loading="lazy"/><div class="absolute top-2 left-2 w-7 h-7 rounded-full bg-gray-900/90 border border-gray-700 flex items-center justify-center text-xs font-bold text-amber-400">1</div><div class="absolute top-2 right-2 w-2.5 h-2.5 rounded-full" style="background-color:#f39c12" title="rare"></div></div><div class="p-3"><div class="flex items-start justify-between gap-1 mb-1"><h3 class="text-sm font-semibold text-white leading-tight">One-Two Punch</h3></div><div class="flex items-center gap-1.5 mb-2"><span class="text-xs px-1.5 py-0.5 rounded font-medium" style="background-color:#c0392b33;color:#c0392b">Ironclad</span><span class="text-xs text-gray-500 capitalize">skill</span></div><p class="text-xs text-gray-400 leading-relaxed line-clamp-3">This turn, your next Attack is played an extra time.</p></div></div><div class="group bg-gray-900 border border-gray-800 hover:border-gray-600 rounded-xl overflow-hidden transition-all hover:-translate-y-0.5"><div class="relative bg-gray-800 aspect-[3/4] flex items-center justify-center overflow-hidden"><img src="/images/cards/orbit.webp" alt="Orbit" class="w-full h-full object-cover" loading="lazy"/><div class="absolute top-2 left-2 w-7 h-7 rounded-full bg-gray-900/90 border border-gray-700 flex items-center justify-center text-xs font-bold text-amber-400">1</div><div class="absolute top-2 right-2 w-2.5 h-2.5 rounded-full" style="background-color:#27ae60" title="uncommon"></div></div><div class="p-3"><div class="flex items-start justify-between gap-1 mb-1"><h3 class="text-sm font-semibold text-white leading-tight">Orbit</h3></div><div class="flex items-center gap-1.5 mb-2"><span class="text-xs px-1.5 py-0.5 rounded font-medium" style="background-color:#8e44ad33;color:#8e44ad">Regent</span><span class="text-xs text-gray-500 capitalize">
1power</span></div><p class="text-xs text-gray-400 leading-relaxed line-clamp-3">Every 4Energy you spend, gain Energy.</p><div class="flex flex-wrap gap-1 mt-2"><span class="text-xs bg-amber-500/20 text-amber-400 px-1.5 py-0.5 rounded border border-amber-500/30">ð</span></div></div></div><div class="group bg-gray-900 border border-gray-800 hover:border-gray-600 rounded-xl overflow-hidden transition-all hover:-translate-y-0.5"><div class="relative bg-gray-800 aspect-[3/4] flex items-center justify-center overflow-hidden"><img src="/images/cards/outbreak.webp" alt="Outbreak" class="w-full h-full object-cover" loading="lazy"/><div class="absolute top-2 left-2 w-7 h-7 rounded-full bg-gray-900/90 border border-gray-700 flex items-center justify-center text-xs font-bold text-amber-400">1</div><div class="absolute top-2 right-2 w-2.5 h-2.5 rounded-full" style="background-color:#27ae60" title="uncommon"></div></div><div class="p-3"><div class="flex items-start justify-between gap-1 mb-1"><h3 class="text-sm font-semibold text-white leading-tight">Outbreak</h3></div><div class="flex items-center gap-1.5 mb-2"><span class="text-xs px-1.5 py-0.5 rounded font-medium" style="background-color:#27ae6033;color:#27ae60">Silent</span><span class="text-xs text-gray-500 capitalize">power</span></div><p class="text-xs text-gray-400 leading-relaxed line-clamp-3">Every 3 times you apply Poison, deal 11 damage to ALL enemies.</p><div class="flex flex-wrap gap-1 mt-2"><span class="text-xs bg-gray-800 text-gray-400 px-1.5 py-0.5 rounded capitalize">poison</span></div></div></div><div class="group bg-gray-900 border border-gray-800 hover:border-gray-600 rounded-xl overflow-hidden transition-all hover:-translate-y-0.5"><div class="relative bg-gray-800 aspect-[3/4] flex items-center justify-center overflow-hidden"><img src="/images/cards/overclock.webp" alt="Overclock" class="w-full h-full object-cover" loading="lazy"/><div class="absolute top-2 left-2 w-7 h-7 rounded-full bg-gray-900/90 border border-gray-700 flex items-center justify-center text-xs font-bold text-amber-400">0</div><div class="absolute top-2 right-2 w-2.5 h-2.5 rounded-full" style="background-color:#27ae60" title="uncommon"></div></div><div class="p-3"><div class="flex items-start justify-between gap-1 mb-1"><h3 class="text-sm font-semibold text-white leading-tight">Overclock</h3></div><div class="flex items-center gap-1.5 mb-2"><span class="text-xs px-1.5 py-0.5 rounded font-medium" style="background-color:#2980b933;color:#2980b9">Defect</span><span class="text-xs text-gray-500 capitalize">skill</span></div><p class="text-xs text-gray-400 leading-relaxed line-clamp-3">Draw 2 cards. Add a Burn into your Discard Pile.</p><div class="flex flex-wrap gap-1 mt-2"><span class="text-xs bg-gray-800 text-gray-400 px-1.5 py-0.5 rounded capitalize">burn</span></div></div></div><div class="group bg-gray-900 border border-gray-800 hover:border-gray-600 rounded-xl overflow-hidden transition-all hover:-translate-y-0.5"><div class="relative bg-gray-800 aspect-[3/4] flex items-center justify-center overflow-hidden"><img src="/images/cards/pacts_end.webp" alt="Pact's End" class="w-full h-full object-cover" loading="lazy"/><div class="absolute top-2 left-2 w-7 h-7 rounded-full bg-gray-900/90 border border-gray-700 flex items-center justify-center text-xs font-bold text-amber-400">0</div><div class="absolute top-2 right-2 w-2.5 h-2.5 rounded-full" style="background-color:#f39c12" title="rare"></div></div><div class="p-3"><div class="flex items-start justify-between gap-1 mb-1"><h3 class="text-sm font-semibold text-white leading-tight">Pact's End</h3></div><div class="flex items-center gap-1.5 mb-2"><span class="text-xs px-1.5 py-0.5 rounded font-medium" style="background-color:#c0392b33;color:#c0392b">Ironclad</span><span class="text-xs text-gray-500 capitalize">attack</span></div><p class="text-xs text-gray-400 leading-relaxed line-clamp-3">Can only be played if you have 3 or more cards in your Exhaust Pile. Deal 17 damage to ALL enemies.</p><div class="flex flex-wrap gap-1 mt-2"><span class="text-xs bg-gray-800 text-gray-400 px-1.5 py-0.5 rounded capitalize">exhaust</span></div></div></div><div class="group bg-gray-900 border border-gray-800 hover:border-gray-600 rounded-xl overflow-hidden transition-all hover:-translate-y-0.5"><div class="relative bg-gray-800 aspect-[3/4] flex items-center justify-center overflow-hidden"><img src="/images/cards/pagestorm.webp" alt="Pagestorm" class="w-full h-full object-cover" loading="lazy"/><div class="absolute top-2 left-2 w-7 h-7 rounded-full bg-gray-900/90 border border-gray-700 flex items-center justify-center text-xs font-bold text-amber-400">1</div><div class="absolute top-2 right-2 w-2.5 h-2.5 rounded-full" style="background-color:#27ae60" title="uncommon"></div></div><div class="p-3"><div class="flex items-start justify-between gap-1 mb-1"><h3 class="text-sm font-semibold text-white leading-tight">Pagestorm</h3></div><div class="flex items-center gap-1.5 mb-2"><span class="text-xs px-1.5 py-0.5 rounded font-medium" style="background-color:#2c3e5033;color:#2c3e50">Necrobinder</span><span class="text-xs text-gray-500 capitalize">
1power</span></div><p class="text-xs text-gray-400 leading-relaxed line-clamp-3">Whenever you draw an Ethereal card, draw 1 card.</p><div class="flex flex-wrap gap-1 mt-2"><span class="text-xs bg-gray-800 text-gray-400 px-1.5 py-0.5 rounded capitalize">ethereal</span></div><div class="flex flex-wrap gap-1 mt-2"><span class="text-xs bg-amber-500/20 text-amber-400 px-1.5 py-0.5 rounded border border-amber-500/30">ð</span></div></div></div><div class="group bg-gray-900 border border-gray-800 hover:border-gray-600 rounded-xl overflow-hidden transition-all hover:-translate-y-0.5"><div class="relative bg-gray-800 aspect-[3/4] flex items-center justify-center overflow-hidden"><img src="/images/cards/pale_blue_dot.webp" alt="Pale Blue Dot" class="w-full h-full object-cover" loading="lazy"/><div class="absolute top-2 left-2 w-7 h-7 rounded-full bg-gray-900/90 border border-gray-700 flex items-center justify-center text-xs font-bold text-amber-400">1</div><div class="absolute top-2 right-2 w-2.5 h-2.5 rounded-full" style="background-color:#27ae60" title="uncommon"></div></div><div class="p-3"><div class="flex items-start justify-between gap-1 mb-1"><h3 class="text-sm font-semibold text-white leading-tight">Pale Blue Dot</h3></div><div class="flex items-center gap-1.5 mb-2"><span class="text-xs px-1.5 py-0.5 rounded font-medium" style="background-color:#8e44ad33;color:#8e44ad">Regent</span><span class="text-xs text-gray-500 capitalize">power</span></div><p class="text-xs text-gray-400 leading-relaxed line-clamp-3">If you play 5 or more cards in a turn, draw 1 card at the start of your next turn.</p><div class="flex flex-wrap gap-1 mt-2"><span class="text-xs bg-amber-500/20 text-amber-400 px-1.5 py-0.5 rounded border border-amber-500/30">ð</span></div></div></div><div class="group bg-gray-900 border border-gray-800 hover:border-gray-600 rounded-xl overflow-hidden transition-all hover:-translate-y-0.5"><div class="relative bg-gray-800 aspect-[3/4] flex items-center justify-center overflow-hidden"><img src="/images/cards/panache.webp" alt="Panache" class="w-full h-full object-cover" loading="lazy"/><div class="absolute top-2 left-2 w-7 h-7 rounded-full bg-gray-900/90 border border-gray-700 flex items-center justify-center text-xs font-bold text-amber-400">1</div><div class="absolute top-2 right-2 w-2.5 h-2.5 rounded-full" style="background-color:#27ae60" title="uncommon"></div></div><div class="p-3"><div class="flex items-start justify-between gap-1 mb-1"><h3 class="text-sm font-semibold text-white leading-tight">Panache</h3></div><div class="flex items-center gap-1.5 mb-2"><span class="text-xs px-1.5 py-0.5 rounded font-medium" style="background-color:#7f8c8d33;color:#7f8c8d">Colorless</span><span class="text-xs text-gray-500 capitalize">power</span></div><p class="text-xs text-gray-400 leading-relaxed line-clamp-3">Every time you play 5 cards in a single turn, deal 10 damage to ALL enemies.</p></div></div><div class="group bg-gray-900 border border-gray-800 hover:border-gray-600 rounded-xl overflow-hidden transition-all hover:-translate-y-0.5"><div class="relative bg-gray-800 aspect-[3/4] flex items-center justify-center overflow-hidden"><img src="/images/cards/panic_button.webp" alt="Panic Button" class="w-full h-full object-cover" loading="lazy"/><div class="absolute top-2 left-2 w-7 h-7 rounded-full bg-gray-900/90 border border-gray-700 flex items-center justify-center text-xs font-bold text-amber-400">1</div><div class="absolute top-2 right-2 w-2.5 h-2.5 rounded-full" style="background-color:#27ae60" title="uncommon"></div></div><div class="p-3"><div class="flex items-start justify-between gap-1 mb-1"><h3 class="text-sm font-semibold text-white leading-tight">Panic Button</h3></div><div class="flex items-center gap-1.5 mb-2"><span class="text-xs px-1.5 py-0.5 rounded font-medium" style="background-color:#7f8c8d33;color:#7f8c8d">Colorless</span><span class="text-xs text-gray-500 capitalize">skill</span></div><p class="text-xs text-gray-400 leading-relaxed line-clamp-3">Gain 30 Block. You cannot gain Block from cards for 2 turns. Exhaust.</p><div class="flex flex-wrap gap-1 mt-2"><span class="text-xs bg-gray-800 text-gray-400 px-1.5 py-0.5 rounded capitalize">exhaust</span><span class="text-xs bg-gray-800 text-gray-400 px-1.5 py-0.5 rounded capitalize">block</span></div></div></div><div class="group bg-gray-900 border border-gray-800 hover:border-gray-600 rounded-xl overflow-hidden transition-all hover:-translate-y-0.5"><div class="relative bg-gray-800 aspect-[3/4] flex items-center justify-center overflow-hidden"><img src="/images/cards/parry.webp" alt="Parry" class="w-full h-full object-cover" loading="lazy"/><div class="absolute top-2 left-2 w-7 h-7 rounded-full bg-gray-900/90 border border-gray-700 flex items-center justify-center text-xs font-bold text-amber-400">1</div><div class="absolute top-2 right-2 w-2.5 h-2.5 rounded-full" style="background-color:#27ae60" title="uncommon"></div></div><div class="p-3"><div class="flex items-start justify-between gap-1 mb-1"><h3 class="text-sm font-semibold text-white leading-tight">Parry</h3></div><div class="flex items-center gap-1.5 mb-2"><span class="text-xs px-1.5 py-0.5 rounded font-medium" style="background-color:#8e44ad33;color:#8e44ad">Regent</span><span class="text-xs text-gray-500 capitalize">
1power</span></div><p class="text-xs text-gray-400 leading-relaxed line-clamp-3">Whenever you play Sovereign Blade, gain 6 Block.</p><div class="flex flex-wrap gap-1 mt-2"><span class="text-xs bg-gray-800 text-gray-400 px-1.5 py-0.5 rounded capitalize">block</span></div><div class="flex flex-wrap gap-1 mt-2"><span class="text-xs bg-amber-500/20 text-amber-400 px-1.5 py-0.5 rounded border border-amber-500/30">ð</span></div></div></div><div class="group bg-gray-900 border border-gray-800 hover:border-gray-600 rounded-xl overflow-hidden transition-all hover:-translate-y-0.5"><div class="relative bg-gray-800 aspect-[3/4] flex items-center justify-center overflow-hidden"><img src="/images/cards/parse.webp" alt="Parse" class="w-full h-full object-cover" loading="lazy"/><div class="absolute top-2 left-2 w-7 h-7 rounded-full bg-gray-900/90 border border-gray-700 flex items-center justify-center text-xs font-bold text-amber-400">1</div><div class="absolute top-2 right-2 w-2.5 h-2.5 rounded-full" style="background-color:#27ae60" title="uncommon"></div></div><div class="p-3"><div class="flex items-start justify-between gap-1 mb-1"><h3 class="text-sm font-semibold text-white leading-tight">Parse</h3></div><div class="flex items-center gap-1.5 mb-2"><span class="text-xs px-1.5 py-0.5 rounded font-medium" style="background-color:#2c3e5033;color:#2c3e50">Necrobinder</span><span class="text-xs text-gray-500 capitalize">skill</span></div><p class="text-xs text-gray-400 leading-relaxed line-clamp-3">Ethereal. Draw 3 cards.</p><div class="flex flex-wrap gap-1 mt-2"><span class="text-xs bg-gray-800 text-gray-400 px-1.5 py-0.5 rounded capitalize">ethereal</span></div><div class="flex flex-wrap gap-1 mt-2"><span class="text-xs bg-amber-500/20 text-amber-400 px-1.5 py-0.5 rounded border border-amber-500/30">ð</span></div></div></div><div class="group bg-gray-900 border border-gray-800 hover:border-gray-600 rounded-xl overflow-hidden transition-all hover:-translate-y-0.5"><div class="relative bg-gray-800 aspect-[3/4] flex items-center justify-center overflow-hidden"><img src="/images/cards/particle_wall.webp" alt="Particle Wall"
1class="w-full h-full object-cover" loading="lazy"/><div class="absolute top-2 left-2 w-7 h-7 rounded-full bg-gray-900/90 border border-gray-700 flex items-center justify-center text-xs font-bold text-amber-400">1</div><div class="absolute top-2 right-2 w-2.5 h-2.5 rounded-full" style="background-color:#27ae60" title="uncommon"></div></div><div class="p-3"><div class="flex items-start justify-between gap-1 mb-1"><h3 class="text-sm font-semibold text-white leading-tight">Particle Wall</h3></div><div class="flex items-center gap-1.5 mb-2"><span class="text-xs px-1.5 py-0.5 rounded font-medium" style="background-color:#8e44ad33;color:#8e44ad">Regent</span><span class="text-xs text-gray-500 capitalize">skill</span></div><p class="text-xs text-gray-400 leading-relaxed line-clamp-3">Gain 9 Block. Return this card to your Hand.</p><div class="flex flex-wrap gap-1 mt-2"><span class="text-xs bg-gray-800 text-gray-400 px-1.5 py-0.5 rounded capitalize">block</span></div><div class="flex flex-wrap gap-1 mt-2"><span class="text-xs bg-amber-500/20 text-amber-400 px-1.5 py-0.5 rounded border border-amber-500/30">ð</span></div></div></div><div class="group bg-gray-900 border border-gray-800 hover:border-gray-600 rounded-xl overflow-hidden transition-all hover:-translate-y-0.5"><div class="relative bg-gray-800 aspect-[3/4] flex items-center justify-center overflow-hidden"><img src="/images/cards/patter.webp" alt="Patter" class="w-full h-full object-cover" loading="lazy"/><div class="absolute top-2 left-2 w-7 h-7 rounded-full bg-gray-900/90 border border-gray-700 flex items-center justify-center text-xs font-bold text-amber-400">1</div><div class="absolute top-2 right-2 w-2.5 h-2.5 rounded-full" style="background-color:#95a5a6" title="common"></div></div><div class="p-3"><div class="flex items-start justify-between gap-1 mb-1"><h3 class="text-sm font-semibold text-white leading-tight">Patter</h3></div><div class="flex items-center gap-1.5 mb-2"><span class="text-xs px-1.5 py-0.5 rounded font-medium" style="background-color:#8e44ad33;color:#8e44ad">Regent</span><span class="text-xs text-gray-500 capitalize">skill</span></div><p class="text-xs text-gray-400 leading-relaxed line-clamp-3">Gain 8 Block. Gain 2 Vigor.</p><div class="flex flex-wrap gap-1 mt-2"><span class="text-xs bg-gray-800 text-gray-400 px-1.5 py-0.5 rounded capitalize">block</span></div><div class="flex flex-wrap gap-1 mt-2"><span class="text-xs bg-amber-500/20 text-amber-400 px-1.5 py-0.5 rounded border border-amber-500/30">ð</span></div></div></div><div class="group bg-gray-900 border border-gray-800 hover:border-gray-600 rounded-xl overflow-hidden transition-all hover:-translate-y-0.5"><div class="relative bg-gray-800 aspect-[3/4] flex items-center justify-center overflow-hidden"><img src="/images/cards/peck.webp" alt="Peck" class="w-full h-full object-cover" loading="lazy"/><div class="absolute top-2 left-2 w-7 h-7 rounded-full bg-gray-900/90 border border-gray-700 flex items-center justify-center text-xs font-bold text-amber-400">1</div><div class="absolute top-2 right-2 w-2.5 h-2.5 rounded-full" style="background-color:#95a5a6" title="common"></div></div><div class="p-3"><div class="flex items-start justify-between gap-1 mb-1"><h3 class="text-sm font-semibold text-white leading-tight">Peck</h3></div><div class="flex items-center gap-1.5 mb-2"><span class="text-xs px-1.5 py-0.5 rounded font-medium" style="background-color:#7f8c8d33;color:#7f8c8d">Colorless</span><span class="text-xs text-gray-500 capitalize">attack</span></div><p class="text-xs text-gray-400 leading-relaxed line-clamp-3">Deal 2 damage 3 times.</p></div></div><div class="group bg-gray-900 border border-gray-800 hover:border-gray-600 rounded-xl overflow-hidden transition-all hover:-translate-y-0.5"><div class="relative bg-gray-800 aspect-[3/4] flex items-center justify-center overflow-hidden"><img src="/images/cards/perfected_strike.webp" alt="Perfected Strike" class="w-full h-full object-cover" loading="lazy"/><div class="absolute top-2 left-2 w-7 h-7 rounded-full bg-gray-900/90 border border-gray-700 flex items-center justify-center text-xs font-bold text-amber-400">2</div><div class="absolute top-2 right-2 w-2.5 h-2.5 rounded-full" style="background-color:#95a5a6" title="common"></div></div><div class="p-3"><div class="flex items-start justify-between gap-1 mb-1"><h3 class="text-sm font-semibold text-white leading-tight">Perfected Strike</h3></div><div class="flex items-center gap-1.5 mb-2"><span class="text-xs px-1.5 py-0.5 rounded font-medium" style="background-color:#c0392b33;color:#c0392b">Ironclad</span><span class="text-xs text-gray-500 capitalize">attack</span></div><p class="text-xs text-gray-400 leading-relaxed line-clamp-3">Deal 6 damage. Deals 2 additional damage for ALL your cards containing âStrikeâ.</p></div></div><div class="group bg-gray-900 border border-gray-800 hover:border-gray-600 rounded-xl overflow-hidden transition-all hover:-translate-y-0.5"><div class="relative bg-gray-800 aspect-[3/4] flex items-center justify-center overflow-hidden"><img src="/images/cards/phantom_blades.webp" alt="Phantom Blades" class="w-full h-full object-cover" loading="lazy"/><div class="absolute top-2 left-2 w-7 h-7 rounded-full bg-gray-900/90 border border-gray-700 flex items-center justify-center text-xs font-bold text-amber-400">1</div><div class="absolute top-2 right-2 w-2.5 h-2.5 rounded-full" style="background-color:#27ae60" title="uncommon"></div></div><div class="p-3"><div class="flex items-start justify-between gap-1 mb-1"><h3 class="text-sm font-semibold text-white leading-tight">Phantom Blades</h3></div><div class="flex items-center gap-1.5 mb-2"><span class="text-xs px-1.5 py-0.5 rounded font-medium" style="background-color:#27ae6033;color:#27ae60">Silent</span><span class="text-xs text-gray-500 capitalize">
1power</span></div><p class="text-xs text-gray-400 leading-relaxed line-clamp-3">Shivs gain Retain. The first Shiv you play each turn deals 9 additional damage.</p><div class="flex flex-wrap gap-1 mt-2"><span class="text-xs bg-gray-800 text-gray-400 px-1.5 py-0.5 rounded capitalize">retain</span></div></div></div><div class="group bg-gray-900 border border-gray-800 hover:border-gray-600 rounded-xl overflow-hidden transition-all hover:-translate-y-0.5"><div class="relative bg-gray-800 aspect-[3/4] flex items-center justify-center overflow-hidden"><img src="/images/cards/photon_cut.webp" alt="Photon Cut" class="w-full h-full object-cover" loading="lazy"/><div class="absolute top-2 left-2 w-7 h-7 rounded-full bg-gray-900/90 border border-gray-700 flex items-center justify-center text-xs font-bold text-amber-400">1</div><div class="absolute top-2 right-2 w-2.5 h-2.5 rounded-full" style="background-color:#95a5a6" title="common"></div></div><div class="p-3"><div class="flex items-start justify-between gap-1 mb-1"><h3 class="text-sm font-semibold text-white leading-tight">Photon Cut</h3></div><div class="flex items-center gap-1.5 mb-2"><span class="text-xs px-1.5 py-0.5 rounded font-medium" style="background-color:#8e44ad33;color:#8e44ad">Regent</span><span class="text-xs text-gray-500 capitalize">attack</span></div><p class="text-xs text-gray-400 leading-relaxed line-clamp-3">Deal 10 damage. Draw 1 card. Put 1 card from your Hand on top of your Draw Pile.</p><div class="flex flex-wrap gap-1 mt-2"><span class="text-xs bg-amber-500/20 text-amber-400 px-1.5 py-0.5 rounded border border-amber-500/30">ð</span></div></div></div><div class="group bg-gray-900 border border-gray-800 hover:border-gray-600 rounded-xl overflow-hidden transition-all hover:-translate-y-0.5"><div class="relative bg-gray-800 aspect-[3/4] flex items-center justify-center overflow-hidden"><img src="/images/cards/piercing_wail.webp" alt="Piercing Wail" class="w-full h-full object-cover" loading="lazy"/><div class="absolute top-2 left-2 w-7 h-7 rounded-full bg-gray-900/90 border border-gray-700 flex items-center justify-center text-xs font-bold text-amber-400">1</div><div class="absolute top-2 right-2 w-2.5 h-2.5 rounded-full" style="background-color:#95a5a6" title="common"></div></div><div class="p-3"><div class="flex items-start justify-between gap-1 mb-1"><h3 class="text-sm font-semibold text-white leading-tight">Piercing Wail</h3></div><div class="flex items-center gap-1.5 mb-2"><span class="text-xs px-1.5 py-0.5 rounded font-medium" style="background-color:#27ae6033;color:#27ae60">Silent</span><span class="text-xs text-gray-500 capitalize">skill</span></div><p class="text-xs text-gray-400 leading-relaxed line-clamp-3">ALL enemies lose 6 Strength this turn. Exhaust.</p><div class="flex flex-wrap gap-1 mt-2"><span class="text-xs bg-gray-800 text-gray-400 px-1.5 py-0.5 rounded capitalize">exhaust</span><span class="text-xs bg-gray-800 text-gray-400 px-1.5 py-0.5 rounded capitalize">strength</span></div></div></div><div class="group bg-gray-900 border border-gray-800 hover:border-gray-600 rounded-xl overflow-hidden transition-all hover:-translate-y-0.5"><div class="relative bg-gray-800 aspect-[3/4] flex items-center justify-center overflow-hidden"><img src="/images/cards/pillage.webp" alt="Pillage" class="w-full h-full object-cover" loading="lazy"/><div class="absolute top-2 left-2 w-7 h-7 rounded-full bg-gray-900/90 border border-gray-700 flex items-center justify-center text-xs font-bold text-amber-400">1</div><div class="absolute top-2 right-2 w-2.5 h-2.5 rounded-full" style="background-color:#27ae60" title="uncommon"></div></div><div class="p-3"><div class="flex items-start justify-between gap-1 mb-1"><h3 class="text-sm font-semibold text-white leading-tight">Pillage</h3></div><div class="flex items-center gap-1.5 mb-2"><span class="text-xs px-1.5 py-0.5 rounded font-medium" style="background-color:#c0392b33;color:#c0392b">Ironclad</span><span class="text-xs text-gray-500 capitalize">attack</span></div><p class="text-xs text-gray-400 leading-relaxed line-clamp-3">Deal 6 damage. Draw cards until you draw a non-Attack card.</p></div></div><div class="group bg-gray-900 border border-gray-800 hover:border-gray-600 rounded-xl overflow-hidden transition-all hover:-translate-y-0.5"><div class="relative bg-gray-800 aspect-[3/4] flex items-center justify-center overflow-hidden"><img src="/images/cards/pillar_of_creation.webp" alt="Pillar of Creation" class="w-full h-full object-cover" loading="lazy"/><div class="absolute top-2 left-2 w-7 h-7 rounded-full bg-gray-900/90 border border-gray-700 flex items-center justify-center text-xs font-bold text-amber-400">1</div><div class="absolute top-2 right-2 w-2.5 h-2.5 rounded-full" style="background-color:#27ae60" title="uncommon"></div></div><div class="p-3"><div class="flex items-start justify-between gap-1 mb-1"><h3 class="text-sm font-semibold text-white leading-tight">Pillar of Creation</h3></div><div class="flex items-center gap-1.5 mb-2"><span class="text-xs px-1.5 py-0.5 rounded font-medium" style="background-color:#8e44ad33;color:#8e44ad">Regent</span><span class="text-xs text-gray-500 capitalize">
1power</span></div><p class="text-xs text-gray-400 leading-relaxed line-clamp-3">Whenever you create a card, gain 3 Block.</p><div class="flex flex-wrap gap-1 mt-2"><span class="text-xs bg-gray-800 text-gray-400 px-1.5 py-0.5 rounded capitalize">block</span></div><div class="flex flex-wrap gap-1 mt-2"><span class="text-xs bg-amber-500/20 text-amber-400 px-1.5 py-0.5 rounded border border-amber-500/30">ð</span></div></div></div><div class="group bg-gray-900 border border-gray-800 hover:border-gray-600 rounded-xl overflow-hidden transition-all hover:-translate-y-0.5"><div class="relative bg-gray-800 aspect-[3/4] flex items-center justify-center overflow-hidden"><img src="/images/cards/pinpoint.webp" alt="Pinpoint" class="w-full h-full object-cover" loading="lazy"/><div class="absolute top-2 left-2 w-7 h-7 rounded-full bg-gray-900/90 border border-gray-700 flex items-center justify-center text-xs font-bold text-amber-400">3</div><div class="absolute top-2 right-2 w-2.5 h-2.5 rounded-full" style="background-color:#27ae60" title="uncommon"></div></div><div class="p-3"><div class="flex items-start justify-between gap-1 mb-1"><h3 class="text-sm font-semibold text-white leading-tight">Pinpoint</h3></div><div class="flex items-center gap-1.5 mb-2"><span class="text-xs px-1.5 py-0.5 rounded font-medium" style="background-color:#27ae6033;color:#27ae60">Silent</span><span class="text-xs text-gray-500 capitalize">attack</span></div><p class="text-xs text-gray-400 leading-relaxed line-clamp-3">Deal 17 damage. Costs 1 less Energy for each Skill played this turn.</p></div></div><div class="group bg-gray-900 border border-gray-800 hover:border-gray-600 rounded-xl overflow-hidden transition-all hover:-translate-y-0.5"><div class="relative bg-gray-800 aspect-[3/4] flex items-center justify-center overflow-hidden"><img src="/images/cards/poisoned_stab.webp" alt="Poisoned Stab" class="w-full h-full object-cover" loading="lazy"/><div class="absolute top-2 left-2 w-7 h-7 rounded-full bg-gray-900/90 border border-gray-700 flex items-center justify-center text-xs font-bold text-amber-400">1</div><div class="absolute top-2 right-2 w-2.5 h-2.5 rounded-full" style="background-color:#95a5a6" title="common"></div></div><div class="p-3"><div class="flex items-start justify-between gap-1 mb-1"><h3 class="text-sm font-semibold text-white leading-tight">Poisoned Stab</h3></div><div class="flex items-center gap-1.5 mb-2"><span class="text-xs px-1.5 py-0.5 rounded font-medium" style="background-color:#27ae6033;color:#27ae60">Silent</span><span class="text-xs text-gray-500 capitalize">attack</span></div><p class="text-xs text-gray-400 leading-relaxed line-clamp-3">Deal 6 damage. Apply 3 Poison.</p><div class="flex flex-wrap gap-1 mt-2"><span class="text-xs bg-gray-800 text-gray-400 px-1.5 py-0.5 rounded capitalize">poison</span></div></div></div><div class="group bg-gray-900 border border-gray-800 hover:border-gray-600 rounded-xl overflow-hidden transition-all hover:-translate-y-0.5"><div class="relative bg-gray-800 aspect-[3/4] flex items-center justify-center overflow-hidden"><img src="/images/cards/poke.webp" alt="Poke" class="w-full h-full object-cover" loading="lazy"/><div class="absolute top-2 left-2 w-7 h-7 rounded-full bg-gray-900/90 border border-gray-700 flex items-center justify-center text-xs font-bold text-amber-400">1</div><div class="absolute top-2 right-2 w-2.5 h-2.5 rounded-full" style="background-color:#95a5a6" title="common"></div></div><div class="p-3"><div class="flex items-start justify-between gap-1 mb-1"><h3 class="text-sm font-semibold text-white leading-tight">Poke</h3></div><div class="flex items-center gap-1.5 mb-2"><span class="text-xs px-1.5 py-0.5 rounded font-medium" style="background-color:#2c3e5033;color:#2c3e50">Necrobinder</span><span class="text-xs text-gray-500 capitalize">attack</span></div><p class="text-xs text-gray-400 leading-relaxed line-clamp-3">Osty deals 6 damage.</p><div class="flex flex-wrap gap-1 mt-2"><span class="text-xs bg-amber-500/20 text-amber-400 px-1.5 py-0.5 rounded border border-amber-500/30">ð</span></div></div></div><div class="group bg-gray-900 border border-gray-800 hover:border-gray-600 rounded-xl overflow-hidden transition-all hover:-translate-y-0.5"><div class="relative bg-gray-800 aspect-[3/4] flex items-center justify-center overflow-hidden">
1<img src="/images/cards/pommel_strike.webp" alt="Pommel Strike" class="w-full h-full object-cover" loading="lazy"/><div class="absolute top-2 left-2 w-7 h-7 rounded-full bg-gray-900/90 border border-gray-700 flex items-center justify-center text-xs font-bold text-amber-400">1</div><div class="absolute top-2 right-2 w-2.5 h-2.5 rounded-full" style="background-color:#95a5a6" title="common"></div></div><div class="p-3"><div class="flex items-start justify-between gap-1 mb-1"><h3 class="text-sm font-semibold text-white leading-tight">Pommel Strike</h3></div><div class="flex items-center gap-1.5 mb-2"><span class="text-xs px-1.5 py-0.5 rounded font-medium" style="background-color:#c0392b33;color:#c0392b">Ironclad</span><span class="text-xs text-gray-500 capitalize">attack</span></div><p class="text-xs text-gray-400 leading-relaxed line-clamp-3">Deal 9 damage. Draw 1 card.</p></div></div><div class="group bg-gray-900 border border-gray-800 hover:border-gray-600 rounded-xl overflow-hidden transition-all hover:-translate-y-0.5"><div class="relative bg-gray-800 aspect-[3/4] flex items-center justify-center overflow-hidden"><img src="/images/cards/poor_sleep.webp" alt="Poor Sleep" class="w-full h-full object-cover" loading="lazy"/><div class="absolute top-2 left-2 w-7 h-7 rounded-full bg-gray-900/90 border border-gray-700 flex items-center justify-center text-xs font-bold text-amber-400">1</div><div class="absolute top-2 right-2 w-2.5 h-2.5 rounded-full" style="background-color:#e74c3c" title="special"></div></div><div class="p-3"><div class="flex items-start justify-between gap-1 mb-1"><h3 class="text-sm font-semibold text-white leading-tight">Poor Sleep</h3></div><div class="flex items-center gap-1.5 mb-2"><span class="text-xs px-1.5 py-0.5 rounded font-medium" style="background-color:#7f8c8d33;color:#7f8c8d">Colorless</span><span class="text-xs text-gray-500 capitalize">skill</span></div><p class="text-xs text-gray-400 leading-relaxed line-clamp-3">Unplayable. Retain.</p><div class="flex flex-wrap gap-1 mt-2"><span class="text-xs bg-gray-800 text-gray-400 px-1.5 py-0.5 rounded capitalize">retain</span></div></div></div><div class="group bg-gray-900 border border-gray-800 hover:border-gray-600 rounded-xl overflow-hidden transition-all hover:-translate-y-0.5"><div class="relative bg-gray-800 aspect-[3/4] flex items-center justify-center overflow-hidden"><img src="/images/cards/pounce.webp" alt="Pounce" class="w-full h-full object-cover" loading="lazy"/><div class="absolute top-2 left-2 w-7 h-7 rounded-full bg-gray-900/90 border border-gray-700 flex items-center justify-center text-xs font-bold text-amber-400">2</div><div class="absolute top-2 right-2 w-2.5 h-2.5 rounded-full" style="background-color:#27ae60" title="uncommon"></div></div><div class="p-3"><div class="flex items-start justify-between gap-1 mb-1"><h3 class="text-sm font-semibold text-white leading-tight">Pounce</h3></div><div class="flex items-center gap-1.5 mb-2"><span class="text-xs px-1.5 py-0.5 rounded font-medium" style="background-color:#27ae6033;color:#27ae60">Silent</span><span class="text-xs text-gray-500 capitalize">attack</span></div><p class="text-xs text-gray-400 leading-relaxed line-clamp-3">Deal 12 damage. The next Skill you play costs 0 Energy.</p></div></div><div class="group bg-gray-900 border border-gray-800 hover:border-gray-600 rounded-xl overflow-hidden transition-all hover:-translate-y-0.5"><div class="relative bg-gray-800 aspect-[3/4] flex items-center justify-center overflow-hidden"><img src="/images/cards/precise_cut.webp" alt="Precise Cut" class="w-full h-full object-cover" loading="lazy"/><div class="absolute top-2 left-2 w-7 h-7 rounded-full bg-gray-900/90 border border-gray-700 flex items-center justify-center text-xs font-bold text-amber-400">0</div><div class="absolute top-2 right-2 w-2.5 h-2.5 rounded-full" style="background-color:#27ae60" title="uncommon"></div></div><div class="p-3"><div class="flex items-start justify-between gap-1 mb-1"><h3 class="text-sm font-semibold text-white leading-tight">Precise Cut</h3></div><div class="flex items-center gap-1.5 mb-2"><span class="text-xs px-1.5 py-0.5 rounded font-medium" style="background-color:#27ae6033;color:#27ae60">Silent</span><span class="text-xs text-gray-500 capitalize">attack</span></div><p class="text-xs text-gray-400 leading-relaxed line-clamp-3">
1Deal 13 damage. Deals 2 less damage for each other card in your Hand.</p></div></div><div class="group bg-gray-900 border border-gray-800 hover:border-gray-600 rounded-xl overflow-hidden transition-all hover:-translate-y-0.5"><div class="relative bg-gray-800 aspect-[3/4] flex items-center justify-center overflow-hidden"><img src="/images/cards/predator.webp" alt="Predator" class="w-full h-full object-cover" loading="lazy"/><div class="absolute top-2 left-2 w-7 h-7 rounded-full bg-gray-900/90 border border-gray-700 flex items-center justify-center text-xs font-bold text-amber-400">2</div><div class="absolute top-2 right-2 w-2.5 h-2.5 rounded-full" style="background-color:#27ae60" title="uncommon"></div></div><div class="p-3"><div class="flex items-start justify-between gap-1 mb-1"><h3 class="text-sm font-semibold text-white leading-tight">Predator</h3></div><div class="flex items-center gap-1.5 mb-2"><span class="text-xs px-1.5 py-0.5 rounded font-medium" style="background-color:#27ae6033;color:#27ae60">Silent</span><span class="text-xs text-gray-500 capitalize">attack</span></div><p class="text-xs text-gray-400 leading-relaxed line-clamp-3">Deal 15 damage. Next turn, draw 2 cards.</p></div></div><div class="group bg-gray-900 border border-gray-800 hover:border-gray-600 rounded-xl overflow-hidden transition-all hover:-translate-y-0.5"><div class="relative bg-gray-800 aspect-[3/4] flex items-center justify-center overflow-hidden"><img src="/images/cards/prep_time.webp" alt="Prep Time" class="w-full h-full object-cover" loading="lazy"/><div class="absolute top-2 left-2 w-7 h-7 rounded-full bg-gray-900/90 border border-gray-700 flex items-center justify-center text-xs font-bold text-amber-400">1</div><div class="absolute top-2 right-2 w-2.5 h-2.5 rounded-full" style="background-color:#27ae60" title="uncommon"></div></div><div class="p-3"><div class="flex items-start justify-between gap-1 mb-1"><h3 class="text-sm font-semibold text-white leading-tight">Prep Time</h3></div><div class="flex items-center gap-1.5 mb-2"><span class="text-xs px-1.5 py-0.5 rounded font-medium" style="background-color:#7f8c8d33;color:#7f8c8d">Colorless</span><span class="text-xs text-gray-500 capitalize">power</span></div><p class="text-xs text-gray-400 leading-relaxed line-clamp-3">At the start of your turn, gain 4 Vigor.</p></div></div><div class="group bg-gray-900 border border-gray-800 hover:border-gray-600 rounded-xl overflow-hidden transition-all hover:-translate-y-0.5"><div class="relative bg-gray-800 aspect-[3/4] flex items-center justify-center overflow-hidden"><img src="/images/cards/prepared.webp" alt="Prepared" class="w-full h-full object-cover" loading="lazy"/><div class="absolute top-2 left-2 w-7 h-7 rounded-full bg-gray-900/90 border border-gray-700 flex items-center justify-center text-xs font-bold text-amber-400">0</div><div class="absolute top-2 right-2 w-2.5 h-2.5 rounded-full" style="background-color:#95a5a6" title="common"></div></div><div class="p-3"><div class="flex items-start justify-between gap-1 mb-1"><h3 class="text-sm font-semibold text-white leading-tight">Prepared</h3></div><div class="flex items-center gap-1.5 mb-2"><span class="text-xs px-1.5 py-0.5 rounded font-medium" style="background-color:#27ae6033;color:#27ae60">Silent</span><span class="text-xs text-gray-500 capitalize">skill</span></div><p class="text-xs text-gray-400 leading-relaxed line-clamp-3">Draw 1 card. Discard 1 card.</p></div></div><div class="group bg-gray-900 border border-gray-800 hover:border-gray-600 rounded-xl overflow-hidden transition-all hover:-translate-y-0.5"><div class="relative bg-gray-800 aspect-[3/4] flex items-center justify-center overflow-hidden"><img src="/images/cards/primal_force.webp" alt="Primal Force" class="w-full h-full object-cover" loading="lazy"/><div class="absolute top-2 left-2 w-7 h-7 rounded-full bg-gray-900/90 border border-gray-700 flex items-center justify-center text-xs font-bold text-amber-400">0</div><div class="absolute top-2 right-2 w-2.5 h-2.5 rounded-full" style="background-color:#f39c12" title="rare"></div></div><div class="p-3"><div class="flex items-start justify-between gap-1 mb-1"><h3 class="text-sm font-semibold text-white leading-tight">Primal Force</h3></div><div class="flex items-center gap-1.5 mb-2"><span class="text-xs px-1.5 py-0.5 rounded font-medium" style="background-color:#c0392b33;color:#c0392b">Ironclad</span><span class="text-xs text-gray-500 capitalize">skill</span></div><p class="text-xs text-gray-400 leading-relaxed line-clamp-3">Transform all Attacks in your Hand into Giant Rock.</p></div></div><div class="group bg-gray-900 border border-gray-800 hover:border-gray-600 rounded-xl overflow-hidden transition-all hover:-translate-y-0.5"><div class="relative bg-gray-800 aspect-[3/4] flex items-center justify-center overflow-hidden"><img src="/images/cards/production.webp" alt="Production" class="w-full h-full object-cover" loading="lazy"/><div class="absolute top-2 left-2 w-7 h-7 rounded-full bg-gray-900/90 border border-gray-700 flex items-center justify-center text-xs font-bold text-amber-400">1</div><div class="absolute top-2 right-2 w-2.5 h-2.5 rounded-full" style="background-color:#27ae60" title="uncommon"></div></div><div class="p-3"><div class="flex items-start justify-between gap-1 mb-1"><h3 class="text-sm font-semibold text-white leading-tight">Production</h3></div><div class="flex items-center gap-1.5 mb-2"><span class="text-xs px-1.5 py-0.5 rounded font-medium" style="background-color:#7f8c8d33;color:#7f8c8d">Colorless</span><span class="text-xs text-gray-500 capitalize">skill</span></div><p class="text-xs text-gray-400 leading-relaxed line-clamp-3">Gain EnergyEnergy. Exhaust.</p><div class="flex flex-wrap gap-1 mt-2"><span class="text-xs bg-gray-800 text-gray-400 px-1.5 py-0.5 rounded capitalize">exhaust</span></div></div></div><div class="group bg-gray-900 border border-gray-800 hover:border-gray-600 rounded-xl overflow-hidden transition-all hover:-translate-y-0.5"><div class="relative bg-gray-800 aspect-[3/4] flex items-center justify-center overflow-hidden"><img src="/images/cards/prolong.webp" alt="Prolong" class="w-full h-full object-cover" loading="lazy"/><div class="absolute top-2 left-2 w-7 h-7 rounded-full bg-gray-900/90 border border-gray-700 flex items-center justify-center text-xs font-bold text-amber-400">1</div><div class="absolute top-2 right-2 w-2.5 h-2.5 rounded-full" style="background-color:#27ae60" title="uncommon"></div></div><div class="p-3"><div class="flex items-start justify-between gap-1 mb-1"><h3 class="text-sm font-semibold text-white leading-tight">Prolong</h3></div><div class="flex items-center gap-1.5 mb-2"><span class="text-xs px-1.5 py-0.5 rounded font-medium" style="background-color:#7f8c8d33;color:#7f8c8d">Colorless</span><span class="text-xs text-gray-500 capitalize">skill</span></div><p class="text-xs text-gray-400 leading-relaxed line-clamp-3">Next turn, gain Block equal to your current Block. Exhaust.</p><div class="flex flex-wrap gap-1 mt-2"><span class="text-xs bg-gray-800 text-gray-400 px-1.5 py-0.5 rounded capitalize">exhaust</span><span class="text-xs bg-gray-800 text-gray-400 px-1.5 py-0.5 rounded capitalize">block</span></div></div></div><div class="group bg-gray-900 border border-gray-800 hover:border-gray-600 rounded-xl overflow-hidden transition-all hover:-translate-y-0.5"><div class="relative bg-gray-800 aspect-[3/4] flex items-center justify-center overflow-hidden"><img src="/images/cards/prophesize.webp" alt="Prophesize" class="w-full h-full object-cover" loading="lazy"/><div class="absolute top-2 left-2 w-7 h-7 rounded-full bg-gray-900/90 border border-gray-700 flex items-center justify-center text-xs font-bold text-amber-400">1</div><div class="absolute top-2 right-2 w-2.5 h-2.5 rounded-full" style="background-color:#27ae60" title="uncommon"></div></div><div class="p-3"><div class="flex items-start justify-between gap-1 mb-1"><h3 class="text-sm font-semibold text-white leading-tight">Prophesize</h3></div><div class="flex items-center gap-1.5 mb-2"><span class="text-xs px-1.5 py-0.5 rounded font-medium" style="background-color:#8e44ad33;color:#8e44ad">Regent</span><span class="text-xs text-gray-500 capitalize">skill</span></div><p class="text-xs text-gray-400 leading-relaxed line-clamp-3">Draw 6 cards.</p><div class="flex flex-wrap gap-1 mt-2"><span class="text-xs bg-amber-500/20 text-amber-400 px-1.5 py-0.5 rounded border border-amber-500/30">ð</span></div></div></div><div class="group bg-gray-900 border border-gray-800 hover:border-gray-600 rounded-xl overflow-hidden transition-all hover:-translate-y-0.5"><div class="relative bg-gray-800 aspect-[3/4] flex items-center justify-center overflow-hidden"><img src="/images/cards/protector.webp" alt="Protector" class="w-full h-full object-cover" loading="lazy"/><div class="absolute top-2 left-2 w-7 h-7 rounded-full bg-gray-900/90 border border-gray-700 flex items-center justify-center text-xs font-bold text-amber-400">1</div><div class="absolute top-2 right-2 w-2.5 h-2.5 rounded-full" style="background-color:#95a5a6" title="common"></div></div><div class="p-3"><div class="flex items-start justify-between gap-1 mb-1"><h3 class="text-sm font-semibold text-white leading-tight">Protector</h3></div><div class="flex items-center gap-1.5 mb-2"><span class="text-xs px-1.5 py-0.5 rounded font-medium" style="background-color:#2c3e5033;color:#2c3e50">Necrobinder</span><span class="text-xs text-gray-500 capitalize">attack</span></div><p class="text-xs text-gray-400 leading-relaxed line-clamp-3">Osty deals 10 damage. Deals additional damage equal to Osty's Max HP.</p><div class="flex flex-wrap gap-1 mt-2"><span class="text-xs bg-amber-500/20 text-amber-400 px-1.5 py-0.5 rounded border border-amber-500/30">ð</span></div></div></div><div class="group bg-gray-900 border border-gray-800 hover:border-gray-600 rounded-xl overflow-hidden transition-all hover:-translate-y-0.5"><div class="relative bg-gray-800 aspect-[3/4] flex items-center justify-center overflow-hidden"><img src="/images/cards/prowess.webp" alt="Prowess" class="w-full h-full object-cover" loading="lazy"/><div class="absolute top-2 left-2 w-7 h-7 rounded-full bg-gray-900/90 border border-gray-700 flex items-center justify-center text-xs font-bold text-amber-400">1</div><div class="absolute top-2 right-2 w-2.5 h-2.5 rounded-full" style="background-color:#27ae60" title="uncommon"></div></div><div class="p-3"><div class="flex items-start justify-between gap-1 mb-1"><h3 class="text-sm font-semibold text-white leading-tight">Prowess</h3></div><div class="flex items-center gap-1.5 mb-2"><span class="text-xs px-1.5 py-0.5 rounded font-medium" style="background-color:#7f8c8d33;color:#7f8c8d">Colorless</span><span class="text-xs text-gray-500 capitalize">
1power</span></div><p class="text-xs text-gray-400 leading-relaxed line-clamp-3">Gain 1 Strength. Gain 1 Dexterity.</p><div class="flex flex-wrap gap-1 mt-2"><span class="text-xs bg-gray-800 text-gray-400 px-1.5 py-0.5 rounded capitalize">strength</span><span class="text-xs bg-gray-800 text-gray-400 px-1.5 py-0.5 rounded capitalize">dexterity</span></div></div></div><div class="group bg-gray-900 border border-gray-800 hover:border-gray-600 rounded-xl overflow-hidden transition-all hover:-translate-y-0.5"><div class="relative bg-gray-800 aspect-[3/4] flex items-center justify-center overflow-hidden"><img src="/images/cards/pull_aggro.webp" alt="Pull Aggro" class="w-full h-full object-cover" loading="lazy"/><div class="absolute top-2 left-2 w-7 h-7 rounded-full bg-gray-900/90 border border-gray-700 flex items-center justify-center text-xs font-bold text-amber-400">1</div><div class="absolute top-2 right-2 w-2.5 h-2.5 rounded-full" style="background-color:#95a5a6" title="common"></div></div><div class="p-3"><div class="flex items-start justify-between gap-1 mb-1"><h3 class="text-sm font-semibold text-white leading-tight">Pull Aggro</h3></div><div class="flex items-center gap-1.5 mb-2"><span class="text-xs px-1.5 py-0.5 rounded font-medium" style="background-color:#2c3e5033;color:#2c3e50">Necrobinder</span><span class="text-xs text-gray-500 capitalize">skill</span></div><p class="text-xs text-gray-400 leading-relaxed line-clamp-3">Summon 4. Gain 7 Block.</p><div class="flex flex-wrap gap-1 mt-2"><span class="text-xs bg-gray-800 text-gray-400 px-1.5 py-0.5 rounded capitalize">summon</span><span class="text-xs bg-gray-800 text-gray-400 px-1.5 py-0.5 rounded capitalize">block</span></div><div class="flex flex-wrap gap-1 mt-2"><span class="text-xs bg-amber-500/20 text-amber-400 px-1.5 py-0.5 rounded border border-amber-500/30">ð</span></div></div></div><div class="group bg-gray-900 border border-gray-800 hover:border-gray-600 rounded-xl overflow-hidden transition-all hover:-translate-y-0.5"><div class="relative bg-gray-800 aspect-[3/4] flex items-center justify-center overflow-hidden"><img src="/images/cards/pull_from_below.webp" alt="Pull from Below" class="w-full h-full object-cover" loading="lazy"/><div class="absolute top-2 left-2 w-7 h-7 rounded-full bg-gray-900/90 border border-gray-700 flex items-center justify-center text-xs font-bold text-amber-400">1</div><div class="absolute top-2 right-2 w-2.5 h-2.5 rounded-full" style="background-color:#27ae60" title="uncommon"></div></div><div class="p-3"><div class="flex items-start justify-between gap-1 mb-1"><h3 class="text-sm font-semibold text-white leading-tight">Pull from Below</h3></div><div class="flex items-center gap-1.5 mb-2"><span class="text-xs px-1.5 py-0.5 rounded font-medium" style="background-color:#2c3e5033;color:#2c3e50">Necrobinder</span><span class="text-xs text-gray-500 capitalize">attack</span></div><p class="text-xs text-gray-400 leading-relaxed line-clamp-3">Deal 5 damage for each Ethereal card played this combat.</p><div class="flex flex-wrap gap-1 mt-2"><span class="text-xs bg-gray-800 text-gray-400 px-1.5 py-0.5 rounded capitalize">ethereal</span></div><div class="flex flex-wrap gap-1 mt-2"><span class="text-xs bg-amber-500/20 text-amber-400 px-1.5 py-0.5 rounded border border-amber-500/30">ð</span></div></div></div><div class="group bg-gray-900 border border-gray-800 hover:border-gray-600 rounded-xl overflow-hidden transition-all hover:-translate-y-0.5"><div class="relative bg-gray-800 aspect-[3/4] flex items-center justify-center overflow-hidden"><img src="/images/cards/purity.webp" alt="Purity" class="w-full h-full object-cover" loading="lazy"/><div class="absolute top-2 left-2 w-7 h-7 rounded-full bg-gray-900/90 border border-gray-700 flex items-center justify-center text-xs font-bold text-amber-400">1</div><div class="absolute top-2 right-2 w-2.5 h-2.5 rounded-full" style="background-color:#27ae60" title="uncommon"></div></div><div class="p-3"><div class="flex items-start justify-between gap-1 mb-1"><h3 class="text-sm font-semibold text-white leading-tight">Purity</h3></div><div class="flex items-center gap-1.5 mb-2"><span class="text-xs px-1.5 py-0.5 rounded font-medium" style="background-color:#7f8c8d33;color:#7f8c8d">Colorless</span><span class="text-xs text-gray-500 capitalize">skill</span></div><p class="text-xs text-gray-400 leading-relaxed line-clamp-3">Retain. Exhaust up to 3 cards in your Hand. Exhaust.</p><div class="flex flex-wrap gap-1 mt-2"><span class="text-xs bg-gray-800 text-gray-400 px-1.5 py-0.5 rounded capitalize">exhaust</span><span class="text-xs bg-gray-800 text-gray-400 px-1.5 py-0.5 rounded capitalize">retain</span></div></div></div><div class="group bg-gray-900 border border-gray-800 hover:border-gray-600 rounded-xl overflow-hidden transition-all hover:-translate-y-0.5"><div class="relative bg-gray-800 aspect-[3/4] flex items-center justify-center overflow-hidden"><img src="/images/cards/putrefy.webp" alt="Putrefy" class="w-full h-full object-cover" loading="lazy"/><div class="absolute top-2 left-2 w-7 h-7 rounded-full bg-gray-900/90 border border-gray-700 flex items-center justify-center text-xs font-bold text-amber-400">1</div><div class="absolute top-2 right-2 w-2.5 h-2.5 rounded-full" style="background-color:#27ae60" title="uncommon"></div></div><div class="p-3"><div class="flex items-start justify-between gap-1 mb-1"><h3 class="text-sm font-semibold text-white leading-tight">Putrefy</h3></div><div class="flex items-center gap-1.5 mb-2"><span class="text-xs px-1.5 py-0.5 rounded font-medium" style="background-color:#2c3e5033;color:#2c3e50">Necrobinder</span><span class="text-xs text-gray-500 capitalize">skill</span></div><p class="text-xs text-gray-400 leading-relaxed line-clamp-3">Apply 2 Weak. Apply 2 Vulnerable. Exhaust.</p><div class="flex flex-wrap gap-1 mt-2"><span class="text-xs bg-gray-800 text-gray-400 px-1.5 py-0.5 rounded capitalize">exhaust</span><span class="text-xs bg-gray-800 text-gray-400 px-1.5 py-0.5 rounded capitalize">vulnerable</span><span class="text-xs bg-gray-800 text-gray-400 px-1.5 py-0.5 rounded capitalize">weak</span></div><div class="flex flex-wrap gap-1 mt-2"><span class="text-xs bg-amber-500/20 text-amber-400 px-1.5 py-0.5 rounded border border-amber-500/30">ð</span></div></div></div><div class="group bg-gray-900 border border-gray-800 hover:border-gray-600 rounded-xl overflow-hidden transition-all hover:-translate-y-0.5"><div class="relative bg-gray-800 aspect-[3/4] flex items-center justify-center overflow-hidden"><img src="/images/cards/pyre.webp" alt="Pyre" class="w-full h-full object-cover" loading="lazy"/><div class="absolute top-2 left-2 w-7 h-7 rounded-full bg-gray-900/90 border border-gray-700 flex items-center justify-center text-xs font-bold text-amber-400">2</div><div class="absolute top-2 right-2 w-2.5 h-2.5 rounded-full" style="background-color:#f39c12" title="rare"></div></div><div class="p-3"><div class="flex items-start justify-between gap-1 mb-1"><h3 class="text-sm font-semibold text-white leading-tight">Pyre</h3></div><div class="flex items-center gap-1.5 mb-2"><span class="text-xs px-1.5 py-0.5 rounded font-medium" style="background-color:#c0392b33;color:#c0392b">Ironclad</span><span class="text-xs text-gray-500 capitalize">
1power</span></div><p class="text-xs text-gray-400 leading-relaxed line-clamp-3">Gain Energy at the start of each turn.</p></div></div><div class="group bg-gray-900 border border-gray-800 hover:border-gray-600 rounded-xl overflow-hidden transition-all hover:-translate-y-0.5"><div class="relative bg-gray-800 aspect-[3/4] flex items-center justify-center overflow-hidden"><img src="/images/cards/quadcast.webp" alt="Quadcast" class="w-full h-full object-cover" loading="lazy"/><div class="absolute top-2 left-2 w-7 h-7 rounded-full bg-gray-900/90 border border-gray-700 flex items-center justify-center text-xs font-bold text-amber-400">1</div><div class="absolute top-2 right-2 w-2.5 h-2.5 rounded-full" style="background-color:#95a5a6" title="common"></div></div><div class="p-3"><div class="flex items-start justify-between gap-1 mb-1"><h3 class="text-sm font-semibold text-white leading-tight">Quadcast</h3></div><div class="flex items-center gap-1.5 mb-2"><span class="text-xs px-1.5 py-0.5 rounded font-medium" style="background-color:#2980b933;color:#2980b9">Defect</span><span class="text-xs text-gray-500 capitalize">skill</span></div><p class="text-xs text-gray-400 leading-relaxed line-clamp-3">Evoke your rightmost Orb 4 times.</p></div></div><div class="group bg-gray-900 border border-gray-800 hover:border-gray-600 rounded-xl overflow-hidden transition-all hover:-translate-y-0.5"><div class="relative bg-gray-800 aspect-[3/4] flex items-center justify-center overflow-hidden"><img src="/images/cards/quasar.webp" alt="Quasar" class="w-full h-full object-cover" loading="lazy"/><div class="absolute top-2 left-2 w-7 h-7 rounded-full bg-gray-900/90 border border-gray-700 flex items-center justify-center text-xs font-bold text-amber-400">1</div><div class="absolute top-2 right-2 w-2.5 h-2.5 rounded-full" style="background-color:#27ae60" title="uncommon"></div></div><div class="p-3"><div class="flex items-start justify-between gap-1 mb-1"><h3 class="text-sm font-semibold text-white leading-tight">Quasar</h3></div><div class="flex items-center gap-1.5 mb-2"><span class="text-xs px-1.5 py-0.5 rounded font-medium" style="background-color:#8e44ad33;color:#8e44ad">Regent</span><span class="text-xs text-gray-500 capitalize">skill</span></div><p class="text-xs text-gray-400 leading-relaxed line-clamp-3">Choose 1 of 3 random Colorless cards to add into your Hand.</p><div class="flex flex-wrap gap-1 mt-2"><span class="text-xs bg-amber-500/20 text-amber-400 px-1.5 py-0.5 rounded border border-amber-500/30">ð</span></div></div></div><div class="group bg-gray-900 border border-gray-800 hover:border-gray-600 rounded-xl overflow-hidden transition-all hover:-translate-y-0.5"><div class="relative bg-gray-800 aspect-[3/4] flex items-center justify-center overflow-hidden"><img src="/images/cards/radiate.webp" alt="Radiate" class="w-full h-full object-cover" loading="lazy"/><div class="absolute top-2 left-2 w-7 h-7 rounded-full bg-gray-900/90 border border-gray-700 flex items-center justify-center text-xs font-bold text-amber-400">1</div><div class="absolute top-2 right-2 w-2.5 h-2.5 rounded-full" style="background-color:#27ae60" title="uncommon"></div></div><div class="p-3"><div class="flex items-start justify-between gap-1 mb-1"><h3 class="text-sm font-semibold text-white leading-tight">Radiate</h3></div><div class="flex items-center gap-1.5 mb-2"><span class="text-xs px-1.5 py-0.5 rounded font-medium" style="background-color:#8e44ad33;color:#8e44ad">Regent</span><span class="text-xs text-gray-500 capitalize">attack</span></div><p class="text-xs text-gray-400 leading-relaxed line-clamp-3">Deal 3 damage to ALL enemies for each Energy gained this turn.</p><div class="flex flex-wrap gap-1 mt-2"><span class="text-xs bg-amber-500/20 text-amber-400 px-1.5 py-0.5 rounded border border-amber-500/30">ð</span></div></div></div><div class="group bg-gray-900 border border-gray-800 hover:border-gray-600 rounded-xl overflow-hidden transition-all hover:-translate-y-0.5"><div class="relative bg-gray-800 aspect-[3/4] flex items-center justify-center overflow-hidden"><img src="/images/cards/rage.webp" alt="Rage" class="w-full h-full object-cover" loading="lazy"/><div class="absolute top-2 left-2 w-7 h-7 rounded-full bg-gray-900/90 border border-gray-700 flex items-center justify-center text-xs font-bold text-amber-400">0</div><div class="absolute top-2 right-2 w-2.5 h-2.5 rounded-full" style="background-color:#27ae60" title="uncommon"></div></div><div class="p-3"><div class="flex items-start justify-between gap-1 mb-1"><h3 class="text-sm font-semibold text-white leading-tight">Rage</h3></div><div class="flex items-center gap-1.5 mb-2"><span class="text-xs px-1.5 py-0.5 rounded font-medium" style="background-color:#c0392b33;color:#c0392b">Ironclad</span><span class="text-xs text-gray-500 capitalize">skill</span></div><p class="text-xs text-gray-400 leading-relaxed line-clamp-3">Whenever you play an Attack this turn, gain 3 Block.</p><div class="flex flex-wrap gap-1 mt-2"><span class="text-xs bg-gray-800 text-gray-400 px-1.5 py-0.5 rounded capitalize">block</span></div></div></div><div class="group bg-gray-900 border border-gray-800 hover:border-gray-600 rounded-xl overflow-hidden transition-all hover:-translate-y-0.5"><div class="relative bg-gray-800 aspect-[3/4] flex items-center justify-center overflow-hidden"><img src="/images/cards/rainbow.webp" alt="Rainbow" class="w-full h-full object-cover" loading="lazy"/><div class="absolute top-2 left-2 w-7 h-7 rounded-full bg-gray-900/90 border border-gray-700 flex items-center justify-center text-xs font-bold text-amber-400">2</div><div class="absolute top-2 right-2 w-2.5 h-2.5 rounded-full" style="background-color:#f39c12" title="rare"></div></div><div class="p-3"><div class="flex items-start justify-between gap-1 mb-1"><h3 class="text-sm font-semibold text-white leading-tight">Rainbow</h3></div><div class="flex items-center gap-1.5 mb-2"><span class="text-xs px-1.5 py-0.5 rounded font-medium" style="background-color:#2980b933;color:#2980b9">Defect</span><span class="text-xs text-gray-500 capitalize">skill</span></div><p class="text-xs text-gray-400 leading-relaxed line-clamp-3">Channel 1 Lightning. Channel 1 Frost. Channel 1 Dark. Exhaust.</p><div class="flex flex-wrap gap-1 mt-2"><span class="text-xs bg-gray-800 text-gray-400 px-1.5 py-0.5 rounded capitalize">exhaust</span></div></div></div><div class="group bg-gray-900 border border-gray-800 hover:border-gray-600 rounded-xl overflow-hidden transition-all hover:-translate-y-0.5"><div class="relative bg-gray-800 aspect-[3/4] flex items-center justify-center overflow-hidden"><img src="/images/cards/rally.webp" alt="Rally" class="w-full h-full object-cover" loading="lazy"/><div class="absolute top-2 left-2 w-7 h-7 rounded-full bg-gray-900/90 border border-gray-700 flex items-center justify-center text-xs font-bold text-amber-400">1</div><div class="absolute top-2 right-2 w-2.5 h-2.5 rounded-full" style="background-color:#f39c12" title="rare"></div></div><div class="p-3"><div class="flex items-start justify-between gap-1 mb-1"><h3 class="text-sm font-semibold text-white leading-tight">Rally</h3></div><div class="flex items-center gap-1.5 mb-2"><span class="text-xs px-1.5 py-0.5 rounded font-medium" style="background-color:#7f8c8d33;color:#7f8c8d">Colorless</span><span class="text-xs text-gray-500 capitalize">skill</span></div><p class="text-xs text-gray-400 leading-relaxed line-clamp-3">ALL players gain 12 Block.</p><div class="flex flex-wrap gap-1 mt-2"><span class="text-xs bg-gray-800 text-gray-400 px-1.5 py-0.5 rounded capitalize">block</span></div><div class="flex flex-wrap gap-1 mt-2"><span class="text-xs bg-amber-500/20 text-amber-400 px-1.5 py-0.5 rounded border border-amber-500/30">ð¥</span></div></div></div><div class="group bg-gray-900 border border-gray-800 hover:border-gray-600 rounded-xl overflow-hidden transition-all hover:-translate-y-0.5"><div class="relative bg-gray-800 aspect-[3/4] flex items-center justify-center overflow-hidden"><img src="/images/cards/rampage.webp" alt="Rampage" class="w-full h-full object-cover" loading="lazy"/><div class="absolute top-2 left-2 w-7 h-7 rounded-full bg-gray-900/90 border border-gray-700 flex items-center justify-center text-xs font-bold text-amber-400">1</div><div class="absolute top-2 right-2 w-2.5 h-2.5 rounded-full" style="background-color:#27ae60" title="uncommon"></div></div><div class="p-3"><div class="flex items-start justify-between gap-1 mb-1"><h3 class="text-sm font-semibold text-white leading-tight">Rampage</h3></div><div class="flex items-center gap-1.5 mb-2"><span class="text-xs px-1.5 py-0.5 rounded font-medium" style="background-color:#c0392b33;color:#c0392b">Ironclad</span><span class="text-xs text-gray-500 capitalize">attack</span></div><p class="text-xs text-gray-400 leading-relaxed line-clamp-3">Deal 9 damage. Increase this card'
1s damage by 5 this combat.</p></div></div><div class="group bg-gray-900 border border-gray-800 hover:border-gray-600 rounded-xl overflow-hidden transition-all hover:-translate-y-0.5"><div class="relative bg-gray-800 aspect-[3/4] flex items-center justify-center overflow-hidden"><img src="/images/cards/rattle.webp" alt="Rattle" class="w-full h-full object-cover" loading="lazy"/><div class="absolute top-2 left-2 w-7 h-7 rounded-full bg-gray-900/90 border border-gray-700 flex items-center justify-center text-xs font-bold text-amber-400">1</div><div class="absolute top-2 right-2 w-2.5 h-2.5 rounded-full" style="background-color:#27ae60" title="uncommon"></div></div><div class="p-3"><div class="flex items-start justify-between gap-1 mb-1"><h3 class="text-sm font-semibold text-white leading-tight">Rattle</h3></div><div class="flex items-center gap-1.5 mb-2"><span class="text-xs px-1.5 py-0.5 rounded font-medium" style="background-color:#2c3e5033;color:#2c3e50">Necrobinder</span><span class="text-xs text-gray-500 capitalize">attack</span></div><p class="text-xs text-gray-400 leading-relaxed line-clamp-3">Osty deals 7 damage. Hits an additional time for each other time he has attacked this turn.</p><div class="flex flex-wrap gap-1 mt-2"><span class="text-xs bg-amber-500/20 text-amber-400 px-1.5 py-0.5 rounded border border-amber-500/30">ð</span></div></div></div><div class="group bg-gray-900 border border-gray-800 hover:border-gray-600 rounded-xl overflow-hidden transition-all hover:-translate-y-0.5"><div class="relative bg-gray-800 aspect-[3/4] flex items-center justify-center overflow-hidden"><img src="/images/cards/reanimate.webp" alt="Reanimate" class="w-full h-full object-cover" loading="lazy"/><div class="absolute top-2 left-2 w-7 h-7 rounded-full bg-gray-900/90 border border-gray-700 flex items-center justify-center text-xs font-bold text-amber-400">1</div><div class="absolute top-2 right-2 w-2.5 h-2.5 rounded-full" style="background-color:#f39c12" title="rare"></div></div><div class="p-3"><div class="flex items-start justify-between gap-1 mb-1"><h3 class="text-sm font-semibold text-white leading-tight">Reanimate</h3></div><div class="flex items-center gap-1.5 mb-2"><span class="text-xs px-1.5 py-0.5 rounded font-medium" style="background-color:#2c3e5033;color:#2c3e50">Necrobinder</span><span class="text-xs text-gray-500 capitalize">skill</span></div><p class="text-xs text-gray-400 leading-relaxed line-clamp-3">Summon 20. Exhaust.</p><div class="flex flex-wrap gap-1 mt-2"><span class="text-xs bg-gray-800 text-gray-400 px-1.5 py-0.5 rounded capitalize">summon</span><span class="text-xs bg-gray-800 text-gray-400 px-1.5 py-0.5 rounded capitalize">exhaust</span></div><div class="flex flex-wrap gap-1 mt-2"><span class="text-xs bg-amber-500/20 text-amber-400 px-1.5 py-0.5 rounded border border-amber-500/30">ð</span></div></div></div><div class="group bg-gray-900 border border-gray-800 hover:border-gray-600 rounded-xl overflow-hidden transition-all hover:-translate-y-0.5"><div class="relative bg-gray-800 aspect-[3/4] flex items-center justify-center overflow-hidden"><img src="/images/cards/reap.webp" alt="Reap" class="w-full h-full object-cover" loading="lazy"/><div class="absolute top-2 left-2 w-7 h-7 rounded-full bg-gray-900/90 border border-gray-700 flex items-center justify-center text-xs font-bold text-amber-400">1</div><div class="absolute top-2 right-2 w-2.5 h-2.5 rounded-full" style="background-color:#95a5a6" title="common"></div></div><div class="p-3"><div class="flex items-start justify-between gap-1 mb-1"><h3 class="text-sm font-semibold text-white leading-tight">Reap</h3></div><div class="flex items-center gap-1.5 mb-2"><span class="text-xs px-1.5 py-0.5 rounded font-medium" style="background-color:#2c3e5033;color:#2c3e50">Necrobinder</span><span class="text-xs text-gray-500 capitalize">attack</span></div><p class="text-xs text-gray-400 leading-relaxed line-clamp-3">Retain. Deal 27 damage.</p><div class="flex flex-wrap gap-1 mt-2"><span class="text-xs bg-gray-800 text-gray-400 px-1.5 py-0.5 rounded capitalize">retain</span></div><div class="flex flex-wrap gap-1 mt-2"><span class="text-xs bg-amber-500/20 text-amber-400 px-1.5 py-0.5 rounded border border-amber-500/30">ð</span></div></div></div><div class="group bg-gray-900 border border-gray-800 hover:border-gray-600 rounded-xl overflow-hidden transition-all hover:-translate-y-0.5"><div class="relative bg-gray-800 aspect-[3/4] flex items-center justify-center overflow-hidden"><img src="/images/cards/reaper_form.webp" alt="Reaper Form" class="w-full h-full object-cover" loading="lazy"/><div class="absolute top-2 left-2 w-7 h-7 rounded-full bg-gray-900/90 border border-gray-700 flex items-center justify-center text-xs font-bold text-amber-400">1</div><div class="absolute top-2 right-2 w-2.5 h-2.5 rounded-full" style="background-color:#f39c12" title="rare"></div></div><div class="p-3"><div class="flex items-start justify-between gap-1 mb-1"><h3 class="text-sm font-semibold text-white leading-tight">Reaper Form</h3></div><div class="flex items-center gap-1.5 mb-2"><span class="text-xs px-1.5 py-0.5 rounded font-medium" style="background-color:#2c3e5033;color:#2c3e50">Necrobinder</span><span class="text-xs text-gray-500 capitalize">
1power</span></div><p class="text-xs text-gray-400 leading-relaxed line-clamp-3">Whenever Attacks deal damage, they also apply that much Doom.</p><div class="flex flex-wrap gap-1 mt-2"><span class="text-xs bg-gray-800 text-gray-400 px-1.5 py-0.5 rounded capitalize">doom</span></div><div class="flex flex-wrap gap-1 mt-2"><span class="text-xs bg-amber-500/20 text-amber-400 px-1.5 py-0.5 rounded border border-amber-500/30">ð</span><span class="text-xs bg-amber-500/20 text-amber-400 px-1.5 py-0.5 rounded border border-amber-500/30">ð</span></div></div></div><div class="group bg-gray-900 border border-gray-800 hover:border-gray-600 rounded-xl overflow-hidden transition-all hover:-translate-y-0.5"><div class="relative bg-gray-800 aspect-[3/4] flex items-center justify-center overflow-hidden"><img src="/images/cards/reave.webp" alt="Reave" class="w-full h-full object-cover" loading="lazy"/><div class="absolute top-2 left-2 w-7 h-7 rounded-full bg-gray-900/90 border border-gray-700 flex items-center justify-center text-xs font-bold text-amber-400">1</div><div class="absolute top-2 right-2 w-2.5 h-2.5 rounded-full" style="background-color:#95a5a6" title="common"></div></div><div class="p-3"><div class="flex items-start justify-between gap-1 mb-1"><h3 class="text-sm font-semibold text-white leading-tight">Reave</h3></div><div class="flex items-center gap-1.5 mb-2"><span class="text-xs px-1.5 py-0.5 rounded font-medium" style="background-color:#2c3e5033;color:#2c3e50">Necrobinder</span><span class="text-xs text-gray-500 capitalize">attack</span></div><p class="text-xs text-gray-400 leading-relaxed line-clamp-3">Deal 9 damage. Add a Soul into your Draw Pile.</p><div class="flex flex-wrap gap-1 mt-2"><span class="text-xs bg-amber-500/20 text-amber-400 px-1.5 py-0.5 rounded border border-amber-500/30">ð</span></div></div></div><div class="group bg-gray-900 border border-gray-800 hover:border-gray-600 rounded-xl overflow-hidden transition-all hover:-translate-y-0.5"><div class="relative bg-gray-800 aspect-[3/4] flex items-center justify-center overflow-hidden"><img src="/images/cards/reboot.webp" alt="Reboot" class="w-full h-full object-cover" loading="lazy"/><div class="absolute top-2 left-2 w-7 h-7 rounded-full bg-gray-900/90 border border-gray-700 flex items-center justify-center text-xs font-bold text-amber-400">0</div><div class="absolute top-2 right-2 w-2.5 h-2.5 rounded-full" style="background-color:#f39c12" title="rare"></div></div><div class="p-3"><div class="flex items-start justify-between gap-1 mb-1"><h3 class="text-sm font-semibold text-white leading-tight">Reboot</h3></div><div class="flex items-center gap-1.5 mb-2"><span class="text-xs px-1.5 py-0.5 rounded font-medium" style="background-color:#2980b933;color:#2980b9">Defect</span><span class="text-xs text-gray-500 capitalize">skill</span></div><p class="text-xs text-gray-400 leading-relaxed line-clamp-3">Shuffle ALL your cards into your Draw Pile. Draw 4 cards. Exhaust.</p><div class="flex flex-wrap gap-1 mt-2"><span class="text-xs bg-gray-800 text-gray-400 px-1.5 py-0.5 rounded capitalize">exhaust</span></div></div></div><div class="group bg-gray-900 border border-gray-800 hover:border-gray-600 rounded-xl overflow-hidden transition-all hover:-translate-y-0.5"><div class="relative bg-gray-800 aspect-[3/4] flex items-center justify-center overflow-hidden"><img src="/images/cards/refine_blade.webp" alt="Refine Blade" class="w-full h-full object-cover" loading="lazy"/><div class="absolute top-2 left-2 w-7 h-7 rounded-full bg-gray-900/90 border border-gray-700 flex items-center justify-center text-xs font-bold text-amber-400">1</div><div class="absolute top-2 right-2 w-2.5 h-2.5 rounded-full" style="background-color:#95a5a6" title="common"></div></div><div class="p-3"><div class="flex items-start justify-between gap-1 mb-1"><h3 class="text-sm font-semibold text-white leading-tight">Refine Blade</h3></div><div class="flex items-center gap-1.5 mb-2"><span class="text-xs px-1.5 py-0.5 rounded font-medium" style="background-color:#8e44ad33;color:#8e44ad">Regent</span><span class="text-xs text-gray-500 capitalize">skill</span></div><p class="text-xs text-gray-400 leading-relaxed line-clamp-3">Forge 6. Next turn, gain Energy.</p><div class="flex flex-wrap gap-1 mt-2"><span class="text-xs bg-amber-500/20 text-amber-400 px-1.5 py-0.5 rounded border border-amber-500/30">ð</span></div></div></div><div class="group bg-gray-900 border border-gray-800 hover:border-gray-600 rounded-xl overflow-hidden transition-all hover:-translate-y-0.5"><div class="relative bg-gray-800 aspect-[3/4] flex items-center justify-center overflow-hidden"><img src="/images/cards/reflect.webp" alt="Reflect" class="w-full h-full object-cover" loading="lazy"/><div class="absolute top-2 left-2 w-7 h-7 rounded-full bg-gray-900/90 border border-gray-700 flex items-center justify-center text-xs font-bold text-amber-400">1</div><div class="absolute top-2 right-2 w-2.5 h-2.5 rounded-full" style="background-color:#27ae60" title="uncommon"></div></div><div class="p-3"><div class="flex items-start justify-between gap-1 mb-1"><h3 class="text-sm font-semibold text-white leading-tight">Reflect</h3></div><div class="flex items-center gap-1.5 mb-2"><span class="text-xs px-1.5 py-0.5 rounded font-medium" style="background-color:#8e44ad33;color:#8e44ad">Regent</span><span class="text-xs text-gray-500 capitalize">skill</span></div><p class="text-xs text-gray-400 leading-relaxed line-clamp-3">Gain 17 Block. Blocked attack damage is reflected to your attacker this turn.</p><div class="flex flex-wrap gap-1 mt-2"><span class="text-xs bg-gray-800 text-gray-400 px-1.5 py-0.5 rounded capitalize">block</span></div><div class="flex flex-wrap gap-1 mt-2"><span class="text-xs bg-amber-500/20 text-amber-400 px-1.5 py-0.5 rounded border border-amber-500/30">ð</span></div></div></div><div class="group bg-gray-900 border border-gray-800 hover:border-gray-600 rounded-xl overflow-hidden transition-all hover:-translate-y-0.5"><div class="relative bg-gray-800 aspect-[3/4] flex items-center justify-center overflow-hidden"><img src="/images/cards/reflex.webp" alt="Reflex" class="w-full h-full object-cover" loading="lazy"/><div class="absolute top-2 left-2 w-7 h-7 rounded-full bg-gray-900/90 border border-gray-700 flex items-center justify-center text-xs font-bold text-amber-400">3</div><div class="absolute top-2 right-2 w-2.5 h-2.5 rounded-full" style="background-color:#27ae60" title="uncommon"></div></div><div class="p-3"><div class="flex items-start justify-between gap-1 mb-1"><h3 class="text-sm font-semibold text-white leading-tight">Reflex</h3></div><div class="flex items-center gap-1.5 mb-2"><span class="text-xs px-1.5 py-0.5 rounded font-medium" style="background-color:#27ae6033;color:#27ae60">Silent</span><span class="text-xs text-gray-500 capitalize">skill</span></div><p class="text-xs text-gray-400 leading-relaxed line-clamp-3">
1Sly. Draw 2 cards.</p><div class="flex flex-wrap gap-1 mt-2"><span class="text-xs bg-gray-800 text-gray-400 px-1.5 py-0.5 rounded capitalize">sly</span></div><div class="flex flex-wrap gap-1 mt-2"><span class="text-xs bg-amber-500/20 text-amber-400 px-1.5 py-0.5 rounded border border-amber-500/30">ð</span></div></div></div><div class="group bg-gray-900 border border-gray-800 hover:border-gray-600 rounded-xl overflow-hidden transition-all hover:-translate-y-0.5"><div class="relative bg-gray-800 aspect-[3/4] flex items-center justify-center overflow-hidden"><img src="/images/cards/refract.webp" alt="Refract" class="w-full h-full object-cover" loading="lazy"/><div class="absolute top-2 left-2 w-7 h-7 rounded-full bg-gray-900/90 border border-gray-700 flex items-center justify-center text-xs font-bold text-amber-400">3</div><div class="absolute top-2 right-2 w-2.5 h-2.5 rounded-full" style="background-color:#27ae60" title="uncommon"></div></div><div class="p-3"><div class="flex items-start justify-between gap-1 mb-1"><h3 class="text-sm font-semibold text-white leading-tight">Refract</h3></div><div class="flex items-center gap-1.5 mb-2"><span class="text-xs px-1.5 py-0.5 rounded font-medium" style="background-color:#2980b933;color:#2980b9">Defect</span><span class="text-xs text-gray-500 capitalize">attack</span></div><p class="text-xs text-gray-400 leading-relaxed line-clamp-3">Deal 9 damage twice. Channel 2 Glass.</p></div></div><div class="group bg-gray-900 border border-gray-800 hover:border-gray-600 rounded-xl overflow-hidden transition-all hover:-translate-y-0.5"><div class="relative bg-gray-800 aspect-[3/4] flex items-center justify-center overflow-hidden"><img src="/images/cards/regret.webp" alt="Regret" class="w-full h-full object-cover" loading="lazy"/><div class="absolute top-2 left-2 w-7 h-7 rounded-full bg-gray-900/90 border border-gray-700 flex items-center justify-center text-xs font-bold text-amber-400">1</div><div class="absolute top-2 right-2 w-2.5 h-2.5 rounded-full" style="background-color:#e74c3c" title="special"></div></div><div class="p-3"><div class="flex items-start justify-between gap-1 mb-1"><h3 class="text-sm font-semibold text-white leading-tight">Regret</h3></div><div class="flex items-center gap-1.5 mb-2"><span class="text-xs px-1.5 py-0.5 rounded font-medium" style="background-color:#7f8c8d33;color:#7f8c8d">Colorless</span><span class="text-xs text-gray-500 capitalize">skill</span></div><p class="text-xs text-gray-400 leading-relaxed line-clamp-3">Unplayable. At the end of your turn, if this is in your Hand, lose 1 HP for each card in your Hand.</p></div></div><div class="group bg-gray-900 border border-gray-800 hover:border-gray-600 rounded-xl overflow-hidden transition-all hover:-translate-y-0.5"><div class="relative bg-gray-800 aspect-[3/4] flex items-center justify-center overflow-hidden"><img src="/images/cards/relax.webp" alt="Relax" class="w-full h-full object-cover" loading="lazy"/><div class="absolute top-2 left-2 w-7 h-7 rounded-full bg-gray-900/90 border border-gray-700 flex items-center justify-center text-xs font-bold text-amber-400">1</div><div class="absolute top-2 right-2 w-2.5 h-2.5 rounded-full" style="background-color:#f39c12" title="rare"></div></div><div class="p-3"><div class="flex items-start justify-between gap-1 mb-1"><h3 class="text-sm font-semibold text-white leading-tight">Relax</h3></div><div class="flex items-center gap-1.5 mb-2"><span class="text-xs px-1.5 py-0.5 rounded font-medium" style="background-color:#7f8c8d33;color:#7f8c8d">Colorless</span><span class="text-xs text-gray-500 capitalize">skill</span></div><p class="text-xs text-gray-400 leading-relaxed line-clamp-3">Gain 15 Block. Next turn, draw 2 cards and gain Energy Energy. Exhaust.</p><div class="flex flex-wrap gap-1 mt-2"><span class="text-xs bg-gray-800 text-gray-400 px-1.5 py-0.5 rounded capitalize">exhaust</span><span class="text-xs bg-gray-800 text-gray-400 px-1.5 py-0.5 rounded capitalize">block</span></div></div></div><div class="group bg-gray-900 border border-gray-800 hover:border-gray-600 rounded-xl overflow-hidden transition-all hover:-translate-y-0.5"><div class="relative bg-gray-800 aspect-[3/4] flex items-center justify-center overflow-hidden">
1<img src="/images/cards/rend.webp" alt="Rend" class="w-full h-full object-cover" loading="lazy"/><div class="absolute top-2 left-2 w-7 h-7 rounded-full bg-gray-900/90 border border-gray-700 flex items-center justify-center text-xs font-bold text-amber-400">1</div><div class="absolute top-2 right-2 w-2.5 h-2.5 rounded-full" style="background-color:#f39c12" title="rare"></div></div><div class="p-3"><div class="flex items-start justify-between gap-1 mb-1"><h3 class="text-sm font-semibold text-white leading-tight">Rend</h3></div><div class="flex items-center gap-1.5 mb-2"><span class="text-xs px-1.5 py-0.5 rounded font-medium" style="background-color:#7f8c8d33;color:#7f8c8d">Colorless</span><span class="text-xs text-gray-500 capitalize">attack</span></div><p class="text-xs text-gray-400 leading-relaxed line-clamp-3">Deal 15 damage. Deals 5 additional damage for each unique debuff on the enemy.</p></div></div><div class="group bg-gray-900 border border-gray-800 hover:border-gray-600 rounded-xl overflow-hidden transition-all hover:-translate-y-0.5"><div class="relative bg-gray-800 aspect-[3/4] flex items-center justify-center overflow-hidden"><img src="/images/cards/resonance.webp" alt="Resonance" class="w-full h-full object-cover" loading="lazy"/><div class="absolute top-2 left-2 w-7 h-7 rounded-full bg-gray-900/90 border border-gray-700 flex items-center justify-center text-xs font-bold text-amber-400">1</div><div class="absolute top-2 right-2 w-2.5 h-2.5 rounded-full" style="background-color:#27ae60" title="uncommon"></div></div><div class="p-3"><div class="flex items-start justify-between gap-1 mb-1"><h3 class="text-sm font-semibold text-white leading-tight">Resonance</h3></div><div class="flex items-center gap-1.5 mb-2"><span class="text-xs px-1.5 py-0.5 rounded font-medium" style="background-color:#8e44ad33;color:#8e44ad">Regent</span><span class="text-xs text-gray-500 capitalize">skill</span></div><p class="text-xs text-gray-400 leading-relaxed line-clamp-3">Gain 1 Strength. ALL enemies lose 1 Strength.</p><div class="flex flex-wrap gap-1 mt-2"><span class="text-xs bg-gray-800 text-gray-400 px-1.5 py-0.5 rounded capitalize">strength</span></div><div class="flex flex-wrap gap-1 mt-2"><span class="text-xs bg-amber-500/20 text-amber-400 px-1.5 py-0.5 rounded border border-amber-500/30">ð</span></div></div></div><div class="group bg-gray-900 border border-gray-800 hover:border-gray-600 rounded-xl overflow-hidden transition-all hover:-translate-y-0.5"><div class="relative bg-gray-800 aspect-[3/4] flex items-center justify-center overflow-hidden"><img src="/images/cards/restlessness.webp" alt="Restlessness" class="w-full h-full object-cover" loading="lazy"/><div class="absolute top-2 left-2 w-7 h-7 rounded-full bg-gray-900/90 border border-gray-700 flex items-center justify-center text-xs font-bold text-amber-400">1</div><div class="absolute top-2 right-2 w-2.5 h-2.5 rounded-full" style="background-color:#27ae60" title="uncommon"></div></div><div class="p-3"><div class="flex items-start justify-between gap-1 mb-1"><h3 class="text-sm font-semibold text-white leading-tight">Restlessness</h3></div><div class="flex items-center gap-1.5 mb-2"><span class="text-xs px-1.5 py-0.5 rounded font-medium" style="background-color:#7f8c8d33;color:#7f8c8d">Colorless</span><span class="text-xs text-gray-500 capitalize">skill</span></div><p class="text-xs text-gray-400 leading-relaxed line-clamp-3">Retain. If your Hand is empty, draw 2 cards and gain EnergyEnergy.</p><div class="flex flex-wrap gap-1 mt-2"><span class="text-xs bg-gray-800 text-gray-400 px-1.5 py-0.5 rounded capitalize">retain</span></div></div></div><div class="group bg-gray-900 border border-gray-800 hover:border-gray-600 rounded-xl overflow-hidden transition-all hover:-translate-y-0.5"><div class="relative bg-gray-800 aspect-[3/4] flex items-center justify-center overflow-hidden"><img src="/images/cards/ricochet.webp" alt="Ricochet" class="w-full h-full object-cover" loading="lazy"/><div class="absolute top-2 left-2 w-7 h-7 rounded-full bg-gray-900/90 border border-gray-700 flex items-center justify-center text-xs font-bold text-amber-400">2</div><div class="absolute top-2 right-2 w-2.5 h-2.5 rounded-full" style="background-color:#95a5a6" title="common"></div></div><div class="p-3"><div class="flex items-start justify-between gap-1 mb-1"><h3 class="text-sm font-semibold text-white leading-tight">Ricochet</h3></div><div class="flex items-center gap-1.5 mb-2"><span class="text-xs px-1.5 py-0.5 rounded font-medium" style="background-color:#27ae6033;color:#27ae60">Silent</span><span class="text-xs text-gray-500 capitalize">attack</span></div><p class="text-xs text-gray-400 leading-relaxed line-clamp-3">Sly. Deal 3 damage to a random enemy 4 times.</p><div class="flex flex-wrap gap-1 mt-2"><span class="text-xs bg-gray-800 text-gray-400 px-1.5 py-0.5 rounded capitalize">sly</span></div><div class="flex flex-wrap gap-1 mt-2"><span class="text-xs bg-amber-500/20 text-amber-400 px-1.5 py-0.5 rounded border border-amber-500/30">ð</span></div></div></div><div class="group bg-gray-900 border border-gray-800 hover:border-gray-600 rounded-xl overflow-hidden transition-all hover:-translate-y-0.5"><div class="relative bg-gray-800 aspect-[3/4] flex items-center justify-center overflow-hidden"><img src="/images/cards/right_hand_hand.webp" alt="Right Hand Hand" class="w-full h-full object-cover" loading="lazy"/><div class="absolute top-2 left-2 w-7 h-7 rounded-full bg-gray-900/90 border border-gray-700 flex items-center justify-center text-xs font-bold text-amber-400">1</div><div class="absolute top-2 right-2 w-2.5 h-2.5 rounded-full" style="background-color:#27ae60" title="uncommon"></div></div><div class="p-3"><div class="flex items-start justify-between gap-1 mb-1"><h3 class="text-sm font-semibold text-white leading-tight">Right Hand Hand</h3></div><div class="flex items-center gap-1.5 mb-2"><span class="text-xs px-1.5 py-0.5 rounded font-medium" style="background-color:#2c3e5033;color:#2c3e50">Necrobinder</span><span class="text-xs text-gray-500 capitalize">attack</span></div><p class="text-xs text-gray-400 leading-relaxed line-clamp-3">Osty deals 4 damage. Whenever you play a card that costs EnergyEnergy or more, return this to your Hand from the Discard Pile.</p><div class="flex flex-wrap gap-1 mt-2"><span class="text-xs bg-amber-500/20 text-amber-400 px-1.5 py-0.5 rounded border border-amber-500/30">ð</span></div></div></div><div class="group bg-gray-900 border border-gray-800 hover:border-gray-600 rounded-xl overflow-hidden transition-all hover:-translate-y-0.5"><div class="relative bg-gray-800 aspect-[3/4] flex items-center justify-center overflow-hidden"><img src="/images/cards/rip_and_tear.webp" alt="Rip and Tear" class="w-full h-full object-cover" loading="lazy"/><div class="absolute top-2 left-2 w-7 h-7 rounded-full bg-gray-900/90 border border-gray-700 flex items-center justify-center text-xs font-bold text-amber-400">1</div><div class="absolute top-2 right-2 w-2.5 h-2.5 rounded-full" style="background-color:#27ae60" title="uncommon"></div></div><div class="p-3"><div class="flex items-start justify-between gap-1 mb-1"><h3 class="text-sm font-semibold text-white leading-tight">Rip and Tear</h3></div><div class="flex items-center gap-1.5 mb-2"><span class="text-xs px-1.5 py-0.5 rounded font-medium" style="background-color:#2980b933;color:#2980b9">Defect</span><span class="text-xs text-gray-500 capitalize">attack</span></div><p class="text-xs text-gray-400 leading-relaxed line-clamp-3">Deal 7 damage to a random enemy twice.</p></div></div><div class="group bg-gray-900 border border-gray-800 hover:border-gray-600 rounded-xl overflow-hidden transition-all hover:-translate-y-0.5"><div class="relative bg-gray-800 aspect-[3/4] flex items-center justify-center overflow-hidden"><img src="/images/cards/rocket_punch.webp" alt="Rocket Punch" class="w-full h-full object-cover" loading="lazy"/><div class="absolute top-2 left-2 w-7 h-7 rounded-full bg-gray-900/90 border border-gray-700 flex items-center justify-center text-xs font-bold text-amber-400">2</div><div class="absolute top-2 right-2 w-2.5 h-2.5 rounded-full" style="background-color:#27ae60" title="uncommon"></div></div><div class="p-3"><div class="flex items-start justify-between gap-1 mb-1"><h3 class="text-sm font-semibold text-white leading-tight">Rocket Punch</h3></div><div class="flex items-center gap-1.5 mb-2"><span class="text-xs px-1.5 py-0.5 rounded font-medium" style="background-color:#2980b933;color:#2980b9">Defect</span><span class="text-xs text-gray-500 capitalize">attack</span></div><p class="text-xs text-gray-400 leading-relaxed line-clamp-3">Deal 13 damage. Draw 1 card. When a Status card is created, reduce this card'
1s cost to 0 Energy this turn.</p><div class="flex flex-wrap gap-1 mt-2"><span class="text-xs bg-gray-800 text-gray-400 px-1.5 py-0.5 rounded capitalize">status</span></div></div></div><div class="group bg-gray-900 border border-gray-800 hover:border-gray-600 rounded-xl overflow-hidden transition-all hover:-translate-y-0.5"><div class="relative bg-gray-800 aspect-[3/4] flex items-center justify-center overflow-hidden"><img src="/images/cards/rolling_boulder.webp" alt="Rolling Boulder" class="w-full h-full object-cover" loading="lazy"/><div class="absolute top-2 left-2 w-7 h-7 rounded-full bg-gray-900/90 border border-gray-700 flex items-center justify-center text-xs font-bold text-amber-400">1</div><div class="absolute top-2 right-2 w-2.5 h-2.5 rounded-full" style="background-color:#f39c12" title="rare"></div></div><div class="p-3"><div class="flex items-start justify-between gap-1 mb-1"><h3 class="text-sm font-semibold text-white leading-tight">Rolling Boulder</h3></div><div class="flex items-center gap-1.5 mb-2"><span class="text-xs px-1.5 py-0.5 rounded font-medium" style="background-color:#7f8c8d33;color:#7f8c8d">Colorless</span><span class="text-xs text-gray-500 capitalize">power</span></div><p class="text-xs text-gray-400 leading-relaxed line-clamp-3">At the start of your turn, deal 5 damage to ALL enemies and increase this damage by 5.</p></div></div><div class="group bg-gray-900 border border-gray-800 hover:border-gray-600 rounded-xl overflow-hidden transition-all hover:-translate-y-0.5"><div class="relative bg-gray-800 aspect-[3/4] flex items-center justify-center overflow-hidden"><img src="/images/cards/royal_gamble.webp" alt="Royal Gamble" class="w-full h-full object-cover" loading="lazy"/><div class="absolute top-2 left-2 w-7 h-7 rounded-full bg-gray-900/90 border border-gray-700 flex items-center justify-center text-xs font-bold text-amber-400">1</div><div class="absolute top-2 right-2 w-2.5 h-2.5 rounded-full" style="background-color:#27ae60" title="uncommon"></div></div><div class="p-3"><div class="flex items-start justify-between gap-1 mb-1"><h3 class="text-sm font-semibold text-white leading-tight">Royal Gamble</h3></div><div class="flex items-center gap-1.5 mb-2"><span class="text-xs px-1.5 py-0.5 rounded font-medium" style="background-color:#8e44ad33;color:#8e44ad">Regent</span><span class="text-xs text-gray-500 capitalize">skill</span></div><p class="text-xs text-gray-400 leading-relaxed line-clamp-3">Gain 9 Energy. Exhaust.</p><div class="flex flex-wrap gap-1 mt-2"><span class="text-xs bg-gray-800 text-gray-400 px-1.5 py-0.5 rounded capitalize">exhaust</span></div><div class="flex flex-wrap gap-1 mt-2"><span class="text-xs bg-amber-500/20 text-amber-400 px-1.5 py-0.5 rounded border border-amber-500/30">ð</span></div></div></div><div class="group bg-gray-900 border border-gray-800 hover:border-gray-600 rounded-xl overflow-hidden transition-all hover:-translate-y-0.5"><div class="relative bg-gray-800 aspect-[3/4] flex items-center justify-center overflow-hidden"><img src="/images/cards/royalties.webp" alt="Royalties" class="w-full h-full object-cover" loading="lazy"/><div class="absolute top-2 left-2 w-7 h-7 rounded-full bg-gray-900/90 border border-gray-700 flex items-center justify-center text-xs font-bold text-amber-400">1</div><div class="absolute top-2 right-2 w-2.5 h-2.5 rounded-full" style="background-color:#f39c12" title="rare"></div></div><div class="p-3"><div class="flex items-start justify-between gap-1 mb-1"><h3 class="text-sm font-semibold text-white leading-tight">Royalties</h3></div><div class="flex items-center gap-1.5 mb-2"><span class="text-xs px-1.5 py-0.5 rounded font-medium" style="background-color:#8e44ad33;color:#8e44ad">Regent</span><span class="text-xs text-gray-500 capitalize">power</span></div><p class="text-xs text-gray-400 leading-relaxed line-clamp-3">At the end of combat, gain 30 Gold.</p><div class="flex flex-wrap gap-1 mt-2"><span class="text-xs bg-amber-500/20 text-amber-400 px-1.5 py-0.5 rounded border border-amber-500/30">ð</span></div></div></div><div class="group bg-gray-900 border border-gray-800 hover:border-gray-600 rounded-xl overflow-hidden transition-all hover:-translate-y-0.5"><div class="relative bg-gray-800 aspect-[3/4] flex items-center justify-center overflow-hidden">
1<img src="/images/cards/rupture.webp" alt="Rupture" class="w-full h-full object-cover" loading="lazy"/><div class="absolute top-2 left-2 w-7 h-7 rounded-full bg-gray-900/90 border border-gray-700 flex items-center justify-center text-xs font-bold text-amber-400">1</div><div class="absolute top-2 right-2 w-2.5 h-2.5 rounded-full" style="background-color:#27ae60" title="uncommon"></div></div><div class="p-3"><div class="flex items-start justify-between gap-1 mb-1"><h3 class="text-sm font-semibold text-white leading-tight">Rupture</h3></div><div class="flex items-center gap-1.5 mb-2"><span class="text-xs px-1.5 py-0.5 rounded font-medium" style="background-color:#c0392b33;color:#c0392b">Ironclad</span><span class="text-xs text-gray-500 capitalize">power</span></div><p class="text-xs text-gray-400 leading-relaxed line-clamp-3">Whenever you lose HP on your turn, gain 1 Strength.</p><div class="flex flex-wrap gap-1 mt-2"><span class="text-xs bg-gray-800 text-gray-400 px-1.5 py-0.5 rounded capitalize">strength</span></div></div></div><div class="group bg-gray-900 border border-gray-800 hover:border-gray-600 rounded-xl overflow-hidden transition-all hover:-translate-y-0.5"><div class="relative bg-gray-800 aspect-[3/4] flex items-center justify-center overflow-hidden"><img src="/images/cards/sacrifice.webp" alt="Sacrifice" class="w-full h-full object-cover" loading="lazy"/><div class="absolute top-2 left-2 w-7 h-7 rounded-full bg-gray-900/90 border border-gray-700 flex items-center justify-center text-xs font-bold text-amber-400">1</div><div class="absolute top-2 right-2 w-2.5 h-2.5 rounded-full" style="background-color:#f39c12" title="rare"></div></div><div class="p-3"><div class="flex items-start justify-between gap-1 mb-1"><h3 class="text-sm font-semibold text-white leading-tight">Sacrifice</h3></div><div class="flex items-center gap-1.5 mb-2"><span class="text-xs px-1.5 py-0.5 rounded font-medium" style="background-color:#2c3e5033;color:#2c3e50">Necrobinder</span><span class="text-xs text-gray-500 capitalize">skill</span></div><p class="text-xs text-gray-400 leading-relaxed line-clamp-3">Retain. If Osty is alive, he dies and you gain Block equal to double his Max HP.</p><div class="flex flex-wrap gap-1 mt-2"><span class="text-xs bg-gray-800 text-gray-400 px-1.5 py-0.5 rounded capitalize">retain</span><span class="text-xs bg-gray-800 text-gray-400 px-1.5 py-0.5 rounded capitalize">block</span></div><div class="flex flex-wrap gap-1 mt-2"><span class="text-xs bg-amber-500/20 text-amber-400 px-1.5 py-0.5 rounded border border-amber-500/30">ð</span></div></div></div><div class="group bg-gray-900 border border-gray-800 hover:border-gray-600 rounded-xl overflow-hidden transition-all hover:-translate-y-0.5"><div class="relative bg-gray-800 aspect-[3/4] flex items-center justify-center overflow-hidden"><img src="/images/cards/salvo.webp" alt="Salvo" class="w-full h-full object-cover" loading="lazy"/><div class="absolute top-2 left-2 w-7 h-7 rounded-full bg-gray-900/90 border border-gray-700 flex items-center justify-center text-xs font-bold text-amber-400">1</div><div class="absolute top-2 right-2 w-2.5 h-2.5 rounded-full" style="background-color:#f39c12" title="rare"></div></div><div class="p-3"><div class="flex items-start justify-between gap-1 mb-1"><h3 class="text-sm font-semibold text-white leading-tight">Salvo</h3></div><div class="flex items-center gap-1.5 mb-2"><span class="text-xs px-1.5 py-0.5 rounded font-medium" style="background-color:#7f8c8d33;color:#7f8c8d">Colorless</span><span class="text-xs text-gray-500 capitalize">attack</span></div><p class="text-xs text-gray-400 leading-relaxed line-clamp-3">Deal 12 damage. Retain your Hand this turn.</p><div class="flex flex-wrap gap-1 mt-2"><span class="text-xs bg-gray-800 text-gray-400 px-1.5 py-0.5 rounded capitalize">retain</span></div></div></div><div class="group bg-gray-900 border border-gray-800 hover:border-gray-600 rounded-xl overflow-hidden transition-all hover:-translate-y-0.5"><div class="relative bg-gray-800 aspect-[3/4] flex items-center justify-center overflow-hidden"><img src="/images/cards/scavenge.webp" alt="Scavenge" class="w-full h-full object-cover" loading="lazy"/><div class="absolute top-2 left-2 w-7 h-7 rounded-full bg-gray-900/90 border border-gray-700 flex items-center justify-center text-xs font-bold text-amber-400">1</div><div class="absolute top-2 right-2 w-2.5 h-2.5 rounded-full" style="background-color:#27ae60" title="uncommon"></div></div><div class="p-3"><div class="flex items-start justify-between gap-1 mb-1"><h3 class="text-sm font-semibold text-white leading-tight">Scavenge</h3></div><div class="flex items-center gap-1.5 mb-2"><span class="text-xs px-1.5 py-0.5 rounded font-medium" style="background-color:#2980b933;color:#2980b9">Defect</span><span class="text-xs text-gray-500 capitalize">skill</span></div><p class="text-xs text-gray-400 leading-relaxed line-clamp-3">Exhaust a card. Next turn, gain EnergyEnergy.</p><div class="flex flex-wrap gap-1 mt-2"><span class="text-xs bg-gray-800 text-gray-400 px-1.5 py-0.5 rounded capitalize">exhaust</span></div></div></div><div class="group bg-gray-900 border border-gray-800 hover:border-gray-600 rounded-xl overflow-hidden transition-all hover:-translate-y-0.5"><div class="relative bg-gray-800 aspect-[3/4] flex items-center justify-center overflow-hidden"><img src="/images/cards/scourge.webp" alt="Scourge" class="w-full h-full object-cover" loading="lazy"/><div class="absolute top-2 left-2 w-7 h-7 rounded-full bg-gray-900/90 border border-gray-700 flex items-center justify-center text-xs font-bold text-amber-400">1</div><div class="absolute top-2 right-2 w-2.5 h-2.5 rounded-full" style="background-color:#95a5a6" title="common"></div></div><div class="p-3"><div class="flex items-start justify-between gap-1 mb-1"><h3 class="text-sm font-semibold text-white leading-tight">Scourge</h3></div><div class="flex items-center gap-1.5 mb-2"><span class="text-xs px-1.5 py-0.5 rounded font-medium" style="background-color:#2c3e5033;color:#2c3e50">Necrobinder</span><span class="text-xs text-gray-500 capitalize">skill</span></div><p class="text-xs text-gray-400 leading-relaxed line-clamp-3">Apply 13 Doom. Draw 1 card.</p><div class="flex flex-wrap gap-1 mt-2"><span class="text-xs bg-gray-800 text-gray-400 px-1.5 py-0.5 rounded capitalize">doom</span></div><div class="flex flex-wrap gap-1 mt-2"><span class="text-xs bg-amber-500/20 text-amber-400 px-1.5 py-0.5 rounded border border-amber-500/30">ð</span><span class="text-xs bg-amber-500/20 text-amber-400 px-1.5 py-0.5 rounded border border-amber-500/30">ð</span></div></div></div><div class="group bg-gray-900 border border-gray-800 hover:border-gray-600 rounded-xl overflow-hidden transition-all hover:-translate-y-0.5"><div class="relative bg-gray-800 aspect-[3/4] flex items-center justify-center overflow-hidden"><img src="/images/cards/scrape.webp" alt="Scrape" class="w-full h-full object-cover" loading="lazy"/><div class="absolute top-2 left-2 w-7 h-7 rounded-full bg-gray-900/90 border border-gray-700 flex items-center justify-center text-xs font-bold text-amber-400">1</div><div class="absolute top-2 right-2 w-2.5 h-2.5 rounded-full" style="background-color:#27ae60" title="uncommon"></div></div><div class="p-3"><div class="flex items-start justify-between gap-1 mb-1"><h3 class="text-sm font-semibold text-white leading-tight">Scrape</h3></div><div class="flex items-center gap-1.5 mb-2"><span class="text-xs px-1.5 py-0.5 rounded font-medium" style="background-color:#2980b933;color:#2980b9">Defect</span><span class="text-xs text-gray-500 capitalize">attack</span></div><p class="text-xs text-gray-400 leading-relaxed line-clamp-3">Deal 7 damage. Draw 4 cards. Discard all cards drawn this way that do not cost 0 Energy.</p></div></div><div class="group bg-gray-900 border border-gray-800 hover:border-gray-600 rounded-xl overflow-hidden transition-all hover:-translate-y-0.5"><div class="relative bg-gray-800 aspect-[3/4] flex items-center justify-center overflow-hidden"><img src="/images/cards/scrawl.webp" alt="Scrawl" class="w-full h-full object-cover" loading="lazy"/><div class="absolute top-2 left-2 w-7 h-7 rounded-full bg-gray-900/90 border border-gray-700 flex items-center justify-center text-xs font-bold text-amber-400">1</div><div class="absolute top-2 right-2 w-2.5 h-2.5 rounded-full" style="background-color:#f39c12" title="rare"></div></div><div class="p-3"><div class="flex items-start justify-between gap-1 mb-1"><h3 class="text-sm font-semibold text-white leading-tight">Scrawl</h3></div><div class="flex items-center gap-1.5 mb-2"><span class="text-xs px-1.5 py-0.5 rounded font-medium" style="background-color:#7f8c8d33;color:#7f8c8d">Colorless</span><span class="text-xs text-gray-500 capitalize">skill</span></div><p class="text-xs text-gray-400 leading-relaxed line-clamp-3">Draw cards until your Hand is full. Exhaust.</p><div class="flex flex-wrap gap-1 mt-2"><span class="text-xs bg-gray-800 text-gray-400 px-1.5 py-0.5 rounded capitalize">exhaust</span></div></div></div><div class="group bg-gray-900 border border-gray-800 hover:border-gray-600 rounded-xl overflow-hidden transition-all hover:-translate-y-0.5"><div class="relative bg-gray-800 aspect-[3/4] flex items-center justify-center overflow-hidden"><img src="/images/cards/sculpting_strike.webp" alt="Sculpting Strike" class="w-full h-full object-cover" loading="lazy"/><div class="absolute top-2 left-2 w-7 h-7 rounded-full bg-gray-900/90 border border-gray-700 flex items-center justify-center text-xs font-bold text-amber-400">1</div><div class="absolute top-2 right-2 w-2.5 h-2.5 rounded-full" style="background-color:#95a5a6" title="common"></div></div><div class="p-3"><div class="flex items-start justify-between gap-1 mb-1"><h3 class="text-sm font-semibold text-white leading-tight">Sculpting Strike</h3></div><div class="flex items-center gap-1.5 mb-2"><span class="text-xs px-1.5 py-0.5 rounded font-medium" style="background-color:#2c3e5033;color:#2c3e50">Necrobinder</span><span class="text-xs text-gray-500 capitalize">attack</span></div><p class="text-xs text-gray-400 leading-relaxed line-clamp-3">Deal 8 damage. Add Ethereal to a card in your Hand.</p><div class="flex flex-wrap gap-1 mt-2"><span class="text-xs bg-gray-800 text-gray-400 px-1.5 py-0.5 rounded capitalize">ethereal</span></div><div class="flex flex-wrap gap-1 mt-2"><span class="text-xs bg-amber-500/20 text-amber-400 px-1.5 py-0.5 rounded border border-amber-500/30">ð</span></div></div></div><div class="group bg-gray-900 border border-gray-800 hover:border-gray-600 rounded-xl overflow-hidden transition-all hover:-translate-y-0.5"><div class="relative bg-gray-800 aspect-[3/4] flex items-center justify-center overflow-hidden"><img src="/images/cards/seance.webp" alt="Seance" class="w-full h-full object-cover" loading="lazy"/><div class="absolute top-2 left-2 w-7 h-7 rounded-full bg-gray-900/90 border border-gray-700 flex items-center justify-center text-xs font-bold text-amber-400">1</div><div class="absolute top-2 right-2 w-2.5 h-2.5 rounded-full" style="background-color:#f39c12" title="rare"></div></div><div class="p-3"><div class="flex items-start justify-between gap-1 mb-1"><h3 class="text-sm font-semibold text-white leading-tight">Seance</h3></div><div class="flex items-center gap-1.5 mb-2"><span class="text-xs px-1.5 py-0.5 rounded font-medium" style="background-color:#2c3e5033;color:#2c3e50">Necrobinder</span><span class="text-xs text-gray-500 capitalize">skill</span></div><p class="text-xs text-gray-400 leading-relaxed line-clamp-3">Ethereal. Transform a card in your Draw Pile into Soul.</p><div class="flex flex-wrap gap-1 mt-2"><span class="text-xs bg-gray-800 text-gray-400 px-1.5 py-0.5 rounded capitalize">ethereal</span></div><div class="flex flex-wrap gap-1 mt-2"><span class="text-xs bg-amber-500/20 text-amber-400 px-1.5 py-0.5 rounded border border-amber-500/30">ð</span></div></div></div><div class="group bg-gray-900 border border-gray-800 hover:border-gray-600 rounded-xl overflow-hidden transition-all hover:-translate-y-0.5"><div class="relative bg-gray-800 aspect-[3/4] flex items-center justify-center overflow-hidden"><img src="/images/cards/second_wind.webp" alt="Second Wind" class="w-full h-full object-cover" loading="lazy"/><div class="absolute top-2 left-2 w-7 h-7 rounded-full bg-gray-900/90 border border-gray-700 flex items-center justify-center text-xs font-bold text-amber-400">1</div><div class="absolute top-2 right-2 w-2.5 h-2.5 rounded-full" style="background-color:#27ae60" title="uncommon"></div></div><div class="p-3"><div class="flex items-start justify-between gap-1 mb-1"><h3 class="text-sm font-semibold text-white leading-tight">Second Wind</h3></div><div class="flex items-center gap-1.5 mb-2"><span class="text-xs px-1.5 py-0.5 rounded font-medium" style="background-color:#c0392b33;color:#c0392b">Ironclad</span><span class="text-xs text-gray-500 capitalize">skill</span></div><p class="text-xs text-gray-400 leading-relaxed line-clamp-3">Exhaust all non-Attack cards in your Hand. Gain 5 Block for each card Exhausted.</p><div class="flex flex-wrap gap-1 mt-2"><span class="text-xs bg-gray-800 text-gray-400 px-1.5 py-0.5 rounded capitalize">exhaust</span><span class="text-xs bg-gray-800 text-gray-400 px-1.5 py-0.5 rounded capitalize">block</span></div></div></div><div class="group bg-gray-900 border border-gray-800 hover:border-gray-600 rounded-xl overflow-hidden transition-all hover:-translate-y-0.5"><div class="relative bg-gray-800 aspect-[3/4] flex items-center justify-center overflow-hidden"><img src="/images/cards/secret_technique.webp" alt="Secret Technique" class="w-full h-full object-cover" loading="lazy"/><div class="absolute top-2 left-2 w-7 h-7 rounded-full bg-gray-900/90 border border-gray-700 flex items-center justify-center text-xs font-bold text-amber-400">1</div><div class="absolute top-2 right-2 w-2.5 h-2.5 rounded-full" style="background-color:#f39c12" title="rare"></div></div><div class="p-3"><div class="flex items-start justify-between gap-1 mb-1"><h3 class="text-sm font-semibold text-white leading-tight">Secret Technique</h3></div><div class="flex items-center gap-1.5 mb-2"><span class="text-xs px-1.5 py-0.5 rounded font-medium" style="background-color:#7f8c8d33;color:#7f8c8d">Colorless</span><span class="text-xs text-gray-500 capitalize">skill</span></div><p class="text-xs text-gray-400 leading-relaxed line-clamp-3">Put a Skill from your Draw Pile into your Hand. Exhaust.</p><div class="flex flex-wrap gap-1 mt-2"><span class="text-xs bg-gray-800 text-gray-400 px-1.5 py-0.5 rounded capitalize">exhaust</span></div></div></div><div class="group bg-gray-900 border border-gray-800 hover:border-gray-600 rounded-xl overflow-hidden transition-all hover:-translate-y-0.5"><div class="relative bg-gray-800 aspect-[3/4] flex items-center justify-center overflow-hidden"><img src="/images/cards/secret_weapon.webp" alt="Secret Weapon" class="w-full h-full object-cover" loading="lazy"/><div class="absolute top-2 left-2 w-7 h-7 rounded-full bg-gray-900/90 border border-gray-700 flex items-center justify-center text-xs font-bold text-amber-400">1</div><div class="absolute top-2 right-2 w-2.5 h-2.5 rounded-full" style="background-color:#f39c12" title="rare"></div></div><div class="p-3"><div class="flex items-start justify-between gap-1 mb-1"><h3 class="text-sm font-semibold text-white leading-tight">Secret Weapon</h3></div><div class="flex items-center gap-1.5 mb-2"><span class="text-xs px-1.5 py-0.5 rounded font-medium" style="background-color:#7f8c8d33;color:#7f8c8d">Colorless</span><span class="text-xs text-gray-500 capitalize">skill</span></div><p class="text-xs text-gray-400 leading-relaxed line-clamp-3">Put an Attack from your Draw Pile into your Hand. Exhaust.</p><div class="flex flex-wrap gap-1 mt-2"><span class="text-xs bg-gray-800 text-gray-400 px-1.5 py-0.5 rounded capitalize">exhaust</span></div></div></div><div class="group bg-gray-900 border border-gray-800 hover:border-gray-600 rounded-xl overflow-hidden transition-all hover:-translate-y-0.5"><div class="relative bg-gray-800 aspect-[3/4] flex items-center justify-center overflow-hidden"><img src="/images/cards/seeker_strike.webp" alt="Seeker Strike" class="w-full h-full object-cover" loading="lazy"/><
1div class="absolute top-2 left-2 w-7 h-7 rounded-full bg-gray-900/90 border border-gray-700 flex items-center justify-center text-xs font-bold text-amber-400">1</div><div class="absolute top-2 right-2 w-2.5 h-2.5 rounded-full" style="background-color:#27ae60" title="uncommon"></div></div><div class="p-3"><div class="flex items-start justify-between gap-1 mb-1"><h3 class="text-sm font-semibold text-white leading-tight">Seeker Strike</h3></div><div class="flex items-center gap-1.5 mb-2"><span class="text-xs px-1.5 py-0.5 rounded font-medium" style="background-color:#7f8c8d33;color:#7f8c8d">Colorless</span><span class="text-xs text-gray-500 capitalize">attack</span></div><p class="text-xs text-gray-400 leading-relaxed line-clamp-3">Deal 6 damage. Choose 1 of 3 cards in your Draw Pile to add into your Hand.</p></div></div><div class="group bg-gray-900 border border-gray-800 hover:border-gray-600 rounded-xl overflow-hidden transition-all hover:-translate-y-0.5"><div class="relative bg-gray-800 aspect-[3/4] flex items-center justify-center overflow-hidden"><img src="/images/cards/seeking_edge.webp" alt="Seeking Edge" class="w-full h-full object-cover" loading="lazy"/><div class="absolute top-2 left-2 w-7 h-7 rounded-full bg-gray-900/90 border border-gray-700 flex items-center justify-center text-xs font-bold text-amber-400">1</div><div class="absolute top-2 right-2 w-2.5 h-2.5 rounded-full" style="background-color:#f39c12" title="rare"></div></div><div class="p-3"><div class="flex items-start justify-between gap-1 mb-1"><h3 class="text-sm font-semibold text-white leading-tight">Seeking Edge</h3></div><div class="flex items-center gap-1.5 mb-2"><span class="text-xs px-1.5 py-0.5 rounded font-medium" style="background-color:#8e44ad33;color:#8e44ad">Regent</span><span class="text-xs text-gray-500 capitalize">power</span></div><p class="text-xs text-gray-400 leading-relaxed line-clamp-3">Forge 7. Sovereign Blade now deals damage to ALL enemies.</p><div class="flex flex-wrap gap-1 mt-2"><span class="text-xs bg-amber-500/20 text-amber-400 px-1.5 py-0.5 rounded border border-amber-500/30">ð</span></div></div></div><div class="group bg-gray-900 border border-gray-800 hover:border-gray-600 rounded-xl overflow-hidden transition-all hover:-translate-y-0.5"><div class="relative bg-gray-800 aspect-[3/4] flex items-center justify-center overflow-hidden"><img src="/images/cards/sentry_mode.webp" alt="Sentry Mode" class="w-full h-full object-cover" loading="lazy"/><div class="absolute top-2 left-2 w-7 h-7 rounded-full bg-gray-900/90 border border-gray-700 flex items-center justify-center text-xs font-bold text-amber-400">1</div><div class="absolute top-2 right-2 w-2.5 h-2.5 rounded-full" style="background-color:#f39c12" title="rare"></div></div><div class="p-3"><div class="flex items-start justify-between gap-1 mb-1"><h3 class="text-sm font-semibold text-white leading-tight">Sentry Mode</h3></div><div class="flex items-center gap-1.5 mb-2"><span class="text-xs px-1.5 py-0.5 rounded font-medium" style="background-color:#2c3e5033;color:#2c3e50">Necrobinder</span><span class="text-xs text-gray-500 capitalize">power</span></div><p class="text-xs text-gray-400 leading-relaxed line-clamp-3">At the start of your turn, add 1 Sweeping Gaze into your Hand.</p><div class="flex flex-wrap gap-1 mt-2"><span class="text-xs bg-amber-500/20 text-amber-400 px-1.5 py-0.5 rounded border border-amber-500/30">ð</span></div></div></div><div class="group bg-gray-900 border border-gray-800 hover:border-gray-600 rounded-xl overflow-hidden transition-all hover:-translate-y-0.5"><div class="relative bg-gray-800 aspect-[3/4] flex items-center justify-center overflow-hidden"><img src="/images/cards/serpent_form.webp" alt="Serpent Form" class="w-full h-full object-cover" loading="lazy"/><div class="absolute top-2 left-2 w-7 h-7 rounded-full bg-gray-900/90 border border-gray-700 flex items-center justify-center text-xs font-bold text-amber-400">3</div><div class="absolute top-2 right-2 w-2.5 h-2.5 rounded-full" style="background-color:#f39c12" title="rare"></div></div><div class="p-3"><div class="flex items-start justify-between gap-1 mb-1"><h3 class="text-sm font-semibold text-white leading-tight">Serpent Form</h3></div><div class="flex items-center gap-1.5 mb-2"><span class="text-xs px-1.5 py-0.5 rounded font-medium" style="background-color:#27ae6033;color:#27ae60">Silent</span><span class="text-xs text-gray-500 capitalize">
1power</span></div><p class="text-xs text-gray-400 leading-relaxed line-clamp-3">Whenever you play a card, deal 4 damage to a random enemy.</p></div></div><div class="group bg-gray-900 border border-gray-800 hover:border-gray-600 rounded-xl overflow-hidden transition-all hover:-translate-y-0.5"><div class="relative bg-gray-800 aspect-[3/4] flex items-center justify-center overflow-hidden"><img src="/images/cards/setup_strike.webp" alt="Setup Strike" class="w-full h-full object-cover" loading="lazy"/><div class="absolute top-2 left-2 w-7 h-7 rounded-full bg-gray-900/90 border border-gray-700 flex items-center justify-center text-xs font-bold text-amber-400">1</div><div class="absolute top-2 right-2 w-2.5 h-2.5 rounded-full" style="background-color:#95a5a6" title="common"></div></div><div class="p-3"><div class="flex items-start justify-between gap-1 mb-1"><h3 class="text-sm font-semibold text-white leading-tight">Setup Strike</h3></div><div class="flex items-center gap-1.5 mb-2"><span class="text-xs px-1.5 py-0.5 rounded font-medium" style="background-color:#c0392b33;color:#c0392b">Ironclad</span><span class="text-xs text-gray-500 capitalize">attack</span></div><p class="text-xs text-gray-400 leading-relaxed line-clamp-3">Deal 7 damage. Gain 2 Strength this turn.</p><div class="flex flex-wrap gap-1 mt-2"><span class="text-xs bg-gray-800 text-gray-400 px-1.5 py-0.5 rounded capitalize">strength</span></div></div></div><div class="group bg-gray-900 border border-gray-800 hover:border-gray-600 rounded-xl overflow-hidden transition-all hover:-translate-y-0.5"><div class="relative bg-gray-800 aspect-[3/4] flex items-center justify-center overflow-hidden"><img src="/images/cards/seven_stars.webp" alt="Seven Stars" class="w-full h-full object-cover" loading="lazy"/><div class="absolute top-2 left-2 w-7 h-7 rounded-full bg-gray-900/90 border border-gray-700 flex items-center justify-center text-xs font-bold text-amber-400">1</div><div class="absolute top-2 right-2 w-2.5 h-2.5 rounded-full" style="background-color:#f39c12" title="rare"></div></div><div class="p-3"><div class="flex items-start justify-between gap-1 mb-1"><h3 class="text-sm font-semibold text-white leading-tight">Seven Stars</h3></div><div class="flex items-center gap-1.5 mb-2"><span class="text-xs px-1.5 py-0.5 rounded font-medium" style="background-color:#8e44ad33;color:#8e44ad">Regent</span><span class="text-xs text-gray-500 capitalize">attack</span></div><p class="text-xs text-gray-400 leading-relaxed line-clamp-3">Deal 7 damage to ALL enemies 7 times.</p><div class="flex flex-wrap gap-1 mt-2"><span class="text-xs bg-amber-500/20 text-amber-400 px-1.5 py-0.5 rounded border border-amber-500/30">ð</span></div></div></div><div class="group bg-gray-900 border border-gray-800 hover:border-gray-600 rounded-xl overflow-hidden transition-all hover:-translate-y-0.5"><div class="relative bg-gray-800 aspect-[3/4] flex items-center justify-center overflow-hidden"><img src="/images/cards/severance.webp" alt="Severance" class="w-full h-full object-cover" loading="lazy"/><div class="absolute top-2 left-2 w-7 h-7 rounded-full bg-gray-900/90 border border-gray-700 flex items-center justify-center text-xs font-bold text-amber-400">1</div><div class="absolute top-2 right-2 w-2.5 h-2.5 rounded-full" style="background-color:#27ae60" title="uncommon"></div></div><div class="p-3"><div class="flex items-start justify-between gap-1 mb-1"><h3 class="text-sm font-semibold text-white leading-tight">Severance</h3></div><div class="flex items-center gap-1.5 mb-2"><span class="text-xs px-1.5 py-0.5 rounded font-medium" style="background-color:#2c3e5033;color:#2c3e50">Necrobinder</span><span class="text-xs text-gray-500 capitalize">attack</span></div><p class="text-xs text-gray-400 leading-relaxed line-clamp-3">Deal 13 damage. Add a Soul into your Draw Pile, Hand, and Discard Pile.</p><div class="flex flex-wrap gap-1 mt-2"><span class="text-xs bg-amber-500/20 text-amber-400 px-1.5 py-0.5 rounded border border-amber-500/30">ð</span></div></div></div><div class="group bg-gray-900 border border-gray-800 hover:border-gray-600 rounded-xl overflow-hidden transition-all hover:-translate-y-0.5"><div class="relative bg-gray-800 aspect-[3/4] flex items-center justify-center overflow-hidden"><img src="/images/cards/shadow_shield.webp" alt="Shadow Shield" class="w-full h-full object-cover" loading="lazy"/><div class="absolute top-2 left-2 w-7 h-7 rounded-full bg-gray-900/90 border border-gray-700 flex items-center justify-center text-xs font-bold text-amber-400">2</div><div class="absolute top-2 right-2 w-2.5 h-2.5 rounded-full" style="background-color:#27ae60" title="uncommon"></div></div><div class="p-3"><div class="flex items-start justify-between gap-1 mb-1"><h3 class="text-sm font-semibold text-white leading-tight">Shadow Shield</h3></div><div class="flex items-center gap-1.5 mb-2"><span class="text-xs px-1.5 py-0.5 rounded font-medium" style="background-color:#2980b933;color:#2980b9">Defect</span><span class="text-xs text-gray-500 capitalize">skill</span></div><p class="text-xs text-gray-400 leading-relaxed line-clamp-3">Gain 11 Block. Channel 1 Dark.</p><div class="flex flex-wrap gap-1 mt-2"><span class="text-xs bg-gray-800 text-gray-400 px-1.5 py-0.5 rounded capitalize">block</span></div></div></div><div class="group bg-gray-900 border border-gray-800 hover:border-gray-600 rounded-xl overflow-hidden transition-all hover:-translate-y-0.5"><div class="relative bg-gray-800 aspect-[3/4] flex items-center justify-center overflow-hidden"><img src="/images/cards/shadow_step.webp" alt="Shadow Step" class="w-full h-full object-cover" loading="lazy"/><div class="absolute top-2 left-2 w-7 h-7 rounded-full bg-gray-900/90 border border-gray-700 flex items-center justify-center text-xs font-bold text-amber-400">1</div><div class="absolute top-2 right-2 w-2.5 h-2.5 rounded-full" style="background-color:#f39c12" title="rare"></div></div><div class="p-3"><div class="flex items-start justify-between gap-1 mb-1"><h3 class="text-sm font-semibold text-white leading-tight">Shadow Step</h3></div><div class="flex items-center gap-1.5 mb-2"><span class="text-xs px-1.5 py-0.5 rounded font-medium" style="background-color:#27ae6033;color:#27ae60">Silent</span><span class="text-xs text-gray-500 capitalize">skill</span></div><p class="text-xs text-gray-400 leading-relaxed line-clamp-3">Discard your Hand. Next turn, Attacks deal double damage.</p></div></div><div class="group bg-gray-900 border border-gray-800 hover:border-gray-600 rounded-xl overflow-hidden transition-all hover:-translate-y-0.5"><div class="relative bg-gray-800 aspect-[3/4] flex items-center justify-center overflow-hidden"><img src="/images/cards/shadowmeld.webp" alt="Shadowmeld" class="w-full h-full object-cover" loading="lazy"/><div class="absolute top-2 left-2 w-7 h-7 rounded-full bg-gray-900/90 border border-gray-700 flex items-center justify-center text-xs font-bold text-amber-400">1</div><div class="absolute top-2 right-2 w-2.5 h-2.5 rounded-full" style="background-color:#f39c12" title="rare"></div></div><div class="p-3"><div class="flex items-start justify-between gap-1 mb-1"><h3 class="text-sm font-semibold text-white leading-tight">Shadowmeld</h3></div><div class="flex items-center gap-1.5 mb-2"><span class="text-xs px-1.5 py-0.5 rounded font-medium" style="background-color:#27ae6033;color:#27ae60">Silent</span><span class="text-xs text-gray-500 capitalize">skill</span></div><p class="text-xs text-gray-400 leading-relaxed line-clamp-3">Double your Block gain this turn.</p><div class="flex flex-wrap gap-1 mt-2"><span class="text-xs bg-gray-800 text-gray-400 px-1.5 py-0.5 rounded capitalize">block</span></div></div></div><div class="group bg-gray-900 border border-gray-800 hover:border-gray-600 rounded-xl overflow-hidden transition-all hover:-translate-y-0.5"><div class="relative bg-gray-800 aspect-[3/4] flex items-center justify-center overflow-hidden"><img src="/images/cards/shame.webp" alt="Shame" class="w-full h-full object-cover" loading="lazy"/><div class="absolute top-2 left-2 w-7 h-7 rounded-full bg-gray-900/90 border border-gray-700 flex items-center justify-center text-xs font-bold text-amber-400">1</div><div class="absolute top-2 right-2 w-2.5 h-2.5 rounded-full" style="background-color:#e74
1c3c" title="special"></div></div><div class="p-3"><div class="flex items-start justify-between gap-1 mb-1"><h3 class="text-sm font-semibold text-white leading-tight">Shame</h3></div><div class="flex items-center gap-1.5 mb-2"><span class="text-xs px-1.5 py-0.5 rounded font-medium" style="background-color:#7f8c8d33;color:#7f8c8d">Colorless</span><span class="text-xs text-gray-500 capitalize">skill</span></div><p class="text-xs text-gray-400 leading-relaxed line-clamp-3">Unplayable. At the end of your turn, if this is in your Hand, gain 1 Frail.</p><div class="flex flex-wrap gap-1 mt-2"><span class="text-xs bg-gray-800 text-gray-400 px-1.5 py-0.5 rounded capitalize">frail</span></div></div></div><div class="group bg-gray-900 border border-gray-800 hover:border-gray-600 rounded-xl overflow-hidden transition-all hover:-translate-y-0.5"><div class="relative bg-gray-800 aspect-[3/4] flex items-center justify-center overflow-hidden"><img src="/images/cards/shared_fate.webp" alt="Shared Fate" class="w-full h-full object-cover" loading="lazy"/><div class="absolute top-2 left-2 w-7 h-7 rounded-full bg-gray-900/90 border border-gray-700 flex items-center justify-center text-xs font-bold text-amber-400">1</div><div class="absolute top-2 right-2 w-2.5 h-2.5 rounded-full" style="background-color:#f39c12" title="rare"></div></div><div class="p-3"><div class="flex items-start justify-between gap-1 mb-1"><h3 class="text-sm font-semibold text-white leading-tight">Shared Fate</h3></div><div class="flex items-center gap-1.5 mb-2"><span class="text-xs px-1.5 py-0.5 rounded font-medium" style="background-color:#2c3e5033;color:#2c3e50">Necrobinder</span><span class="text-xs text-gray-500 capitalize">skill</span></div><p class="text-xs text-gray-400 leading-relaxed line-clamp-3">Lose 2 Strength. Enemy loses 2 Strength. Exhaust.</p><div class="flex flex-wrap gap-1 mt-2"><span class="text-xs bg-gray-800 text-gray-400 px-1.5 py-0.5 rounded capitalize">exhaust</span><span class="text-xs bg-gray-800 text-gray-400 px-1.5 py-0.5 rounded capitalize">strength</span></div><div class="flex flex-wrap gap-1 mt-2"><span class="text-xs bg-amber-500/20 text-amber-400 px-1.5 py-0.5 rounded border border-amber-500/30">ð</span></div></div></div><div class="group bg-gray-900 border border-gray-800 hover:border-gray-600 rounded-xl overflow-hidden transition-all hover:-translate-y-0.5"><div class="relative bg-gray-800 aspect-[3/4] flex items-center justify-center overflow-hidden"><img src="/images/cards/shatter.webp" alt="Shatter" class="w-full h-full object-cover" loading="lazy"/><div class="absolute top-2 left-2 w-7 h-7 rounded-full bg-gray-900/90 border border-gray-700 flex items-center justify-center text-xs font-bold text-amber-400">1</div><div class="absolute top-2 right-2 w-2.5 h-2.5 rounded-full" style="background-color:#f39c12" title="rare"></div></div><div class="p-3"><div class="flex items-start justify-between gap-1 mb-1"><h3 class="text-sm font-semibold text-white leading-tight">Shatter</h3></div><div class="flex items-center gap-1.5 mb-2"><span class="text-xs px-1.5 py-0.5 rounded font-medium" style="background-color:#2980b933;color:#2980b9">Defect</span><span class="text-xs text-gray-500 capitalize">attack</span></div><p class="text-xs text-gray-400 leading-relaxed line-clamp-3">Deal 11 damage to ALL enemies. Evoke all of your Orbs.</p></div></div><div class="group bg-gray-900 border border-gray-800 hover:border-gray-600 rounded-xl overflow-hidden transition-all hover:-translate-y-0.5"><div class="relative bg-gray-800 aspect-[3/4] flex items-center justify-center overflow-hidden"><img src="/images/cards/shining_strike.webp" alt="Shining Strike" class="w-full h-full object-cover" loading="lazy"/><div class="absolute top-2 left-2 w-7 h-7 rounded-full bg-gray-900/90 border border-gray-700 flex items-center justify-center text-xs font-bold text-amber-400">1</div><div class="absolute top-2 right-2 w-2.5 h-2.5 rounded-full" style="background-color:#27ae60" title="uncommon"></div></div><div class="p-3"><div class="flex items-start justify-between gap-1 mb-1"><h3 class="text-sm font-semibold text-white leading-tight">Shining Strike</h3></div><div class="flex items-center gap-1.5 mb-2"><span class="text-xs px-1.5 py-0.5 rounded font-medium" style="background-color:#8e44ad33;color:#8e44ad">Regent</span><span class="text-xs text-gray-500 capitalize">attack</span></div><p class="text-xs text-gray-400 leading-relaxed line-clamp-3">Deal 8 damage. Gain EnergyEnergy. Put this card on top of your Draw Pile.</p><div class="flex flex-wrap gap-1 mt-2"><span class="text-xs bg-amber-500/20 text-amber-400 px-1.5 py-0.5 rounded border border-amber-500/30">ð</span></div></div></div><div class="group bg-gray-900 border border-gray-800 hover:border-gray-600 rounded-xl overflow-hidden transition-all hover:-translate-y-0.5"><div class="relative bg-gray-800 aspect-[3/4] flex items-center justify-center overflow-hidden"><img src="/images/cards/shiv.webp" alt="Shiv" class="w-full h-full object-cover" loading="lazy"/><div class="absolute top-2 left-2 w-7 h-7 rounded-full bg-gray-900/90 border border-gray-700 flex items-center justify-center text-xs font-bold text-amber-400">1</div><div class="absolute top-2 right-2 w-2.5 h-2.5 rounded-full" style="background-color:#95a5a6" title="common"></div></div><div class="p-3"><div class="flex items-start justify-between gap-1 mb-1"><h3 class="text-sm font-semibold text-white leading-tight">Shiv</h3></div><div class="flex items-center gap-1.5 mb-2"><span class="text-xs px-1.5 py-0.5 rounded font-medium" style="background-color:#7f8c8d33;color:#7f8c8d">Colorless</span><span class="text-xs text-gray-500 capitalize">attack</span></div><p class="text-xs text-gray-400 leading-relaxed line-clamp-3">Deal 4 damage. Exhaust.</p><div class="flex flex-wrap gap-1 mt-2"><span class="text-xs bg-gray-800 text-gray-400 px-1.5 py-0.5 rounded capitalize">exhaust</span></div></div></div><div class="group bg-gray-900 border border-gray-800 hover:border-gray-600 rounded-xl overflow-hidden transition-all hover:-translate-y-0.5"><div class="relative bg-gray-800 aspect-[3/4] flex items-center justify-center overflow-hidden"><img src="/images/cards/shockwave.webp" alt="Shockwave" class="w-full h-full object-cover" loading="lazy"/><div class="absolute top-2 left-2 w-7 h-7 rounded-full bg-gray-900/90 border border-gray-700 flex items-center justify-center text-xs font-bold text-amber-400">1</div><div class="absolute top-2 right-2 w-2.5 h-2.5 rounded-full" style="background-color:#27ae60" title="uncommon"></div></div><div class="p-3"><div class="flex items-start justify-between gap-1 mb-1"><h3 class="text-sm font-semibold text-white leading-tight">Shockwave</h3></div><div class="flex items-center gap-1.5 mb-2"><span class="text-xs px-1.5 py-0.5 rounded font-medium" style="background-color:#7f8c8d33;color:#7f8c8d">Colorless</span><span class="text-xs text-gray-500 capitalize">skill</span></div><p class="text-xs text-gray-400 leading-relaxed line-clamp-3">Apply 3 Weak and Vulnerable to ALL enemies. Exhaust.</p><div class="flex flex-wrap gap-1 mt-2"><span class="text-xs bg-gray-800 text-gray-400 px-1.5 py-0.5 rounded capitalize">exhaust</span><span class="text-xs bg-gray-800 text-gray-400 px-1.5 py-0.5 rounded capitalize">vulnerable</span><span class="text-xs bg-gray-800 text-gray-400 px-1.5 py-0.5 rounded capitalize">weak</span></div></div></div><div class="group bg-gray-900 border border-gray-800 hover:border-gray-600 rounded-xl overflow-hidden transition-all hover:-translate-y-0.5"><div class="relative bg-gray-800 aspect-[3/4] flex items-center justify-center overflow-hidden"><img src="/images/cards/shroud.webp" alt="Shroud" class="w-full h-full object-cover" loading="lazy"/><div class="absolute top-2 left-2 w-7 h-7 rounded-full bg-gray-900/90 border border-gray-700 flex items-center justify-center text-xs font-bold text-amber-400">1</div><div class="absolute top-2 right-2 w-2.5 h-2.5 rounded-full" style="background-color:#27ae60" title="uncommon"></div></div><div class="p-3"><div class="flex items-start justify-between gap-1 mb-1"><h3 class="text-sm font-semibold text-white leading-tight">Shroud</h3></div><div class="flex items-center gap-1.5 mb-2"><span class="text-xs px-1.5 py-0.5 rounded font-medium" style="background-color:#2c3e5033;color:#2c3e50">Necrobinder</span><span class="text-xs text-gray-500 capitalize">
1power</span></div><p class="text-xs text-gray-400 leading-relaxed line-clamp-3">Whenever you apply Doom, gain 2 Block.</p><div class="flex flex-wrap gap-1 mt-2"><span class="text-xs bg-gray-800 text-gray-400 px-1.5 py-0.5 rounded capitalize">doom</span><span class="text-xs bg-gray-800 text-gray-400 px-1.5 py-0.5 rounded capitalize">block</span></div><div class="flex flex-wrap gap-1 mt-2"><span class="text-xs bg-amber-500/20 text-amber-400 px-1.5 py-0.5 rounded border border-amber-500/30">ð</span><span class="text-xs bg-amber-500/20 text-amber-400 px-1.5 py-0.5 rounded border border-amber-500/30">ð</span></div></div></div><div class="group bg-gray-900 border border-gray-800 hover:border-gray-600 rounded-xl overflow-hidden transition-all hover:-translate-y-0.5"><div class="relative bg-gray-800 aspect-[3/4] flex items-center justify-center overflow-hidden"><img src="/images/cards/shrug_it_off.webp" alt="Shrug It Off" class="w-full h-full object-cover" loading="lazy"/><div class="absolute top-2 left-2 w-7 h-7 rounded-full bg-gray-900/90 border border-gray-700 flex items-center justify-center text-xs font-bold text-amber-400">1</div><div class="absolute top-2 right-2 w-2.5 h-2.5 rounded-full" style="background-color:#95a5a6" title="common"></div></div><div class="p-3"><div class="flex items-start justify-between gap-1 mb-1"><h3 class="text-sm font-semibold text-white leading-tight">Shrug It Off</h3></div><div class="flex items-center gap-1.5 mb-2"><span class="text-xs px-1.5 py-0.5 rounded font-medium" style="background-color:#c0392b33;color:#c0392b">Ironclad</span><span class="text-xs text-gray-500 capitalize">skill</span></div><p class="text-xs text-gray-400 leading-relaxed line-clamp-3">Gain 8 Block. Draw 1 card.</p><div class="flex flex-wrap gap-1 mt-2"><span class="text-xs bg-gray-800 text-gray-400 px-1.5 py-0.5 rounded capitalize">block</span></div></div></div><div class="group bg-gray-900 border border-gray-800 hover:border-gray-600 rounded-xl overflow-hidden transition-all hover:-translate-y-0.5"><div class="relative bg-gray-800 aspect-[3/4] flex items-center justify-center overflow-hidden"><img src="/images/cards/sic_em.webp" alt="Sic 'Em" class="w-full h-full object-cover" loading="lazy"/><div class="absolute top-2 left-2 w-7 h-7 rounded-full bg-gray-900/90 border border-gray-700 flex items-center justify-center text-xs font-bold text-amber-400">1</div><div class="absolute top-2 right-2 w-2.5 h-2.5 rounded-full" style="background-color:#27ae60" title="uncommon"></div></div><div class="p-3"><div class="flex items-start justify-between gap-1 mb-1"><h3 class="text-sm font-semibold text-white leading-tight">Sic 'Em</h3></div><div class="flex items-center gap-1.5 mb-2"><span class="text-xs px-1.5 py-0.5 rounded font-medium" style="background-color:#2c3e5033;color:#2c3e50">Necrobinder</span><span class="text-xs text-gray-500 capitalize">attack</span></div><p class="text-xs text-gray-400 leading-relaxed line-clamp-3">Osty deals 5 damage. Whenever Osty hits this enemy this turn, Summon 2.</p><div class="flex flex-wrap gap-1 mt-2"><span class="text-xs bg-gray-800 text-gray-400 px-1.5 py-0.5 rounded capitalize">summon</span></div><div class="flex flex-wrap gap-1 mt-2"><span class="text-xs bg-amber-500/20 text-amber-400 px-1.5 py-0.5 rounded border border-amber-500/30">ð</span></div></div></div><div class="group bg-gray-900 border border-gray-800 hover:border-gray-600 rounded-xl overflow-hidden transition-all hover:-translate-y-0.5"><div class="relative bg-gray-800 aspect-[3/4] flex items-center justify-center overflow-hidden"><img src="/images/cards/signal_boost.webp" alt="Signal Boost" class="w-full h-full object-cover" loading="lazy"/><div class="absolute top-2 left-2 w-7 h-7 rounded-full bg-gray-900/90 border border-gray-700 flex items-center justify-center text-xs font-bold text-amber-400">1</div><div class="absolute top-2 right-2 w-2.5 h-2.5 rounded-full" style="background-color:#f39c12" title="rare"></div></div><div class="p-3"><div class="flex items-start justify-between gap-1 mb-1"><h3 class="text-sm font-semibold text-white leading-tight">Signal Boost</h3></div><div class="flex items-center gap-1.5 mb-2"><span class="text-xs px-1.5 py-0.5 rounded font-medium" style="background-color:#2980b933;color:#2980b9">Defect</span><span class="text-xs text-gray-500 capitalize">skill</span></div><p class="text-xs text-gray-400 leading-relaxed line-clamp-3">The next Power you play is played an additional time. Exhaust.</p><div class="flex flex-wrap gap-1 mt-2"><span class="text-xs bg-gray-800 text-gray-400 px-1.5 py-0.5 rounded capitalize">exhaust</span></div></div></div><div class="group bg-gray-900 border border-gray-800 hover:border-gray-600 rounded-xl overflow-hidden transition-all hover:-translate-y-0.5"><div class="relative bg-gray-800 aspect-[3/4] flex items-center justify-center overflow-hidden"><img src="/images/cards/skewer.webp" alt="Skewer" class="w-full h-full object-cover" loading="lazy"/><div class="absolute top-2 left-2 w-7 h-7 rounded-full bg-gray-900/90 border border-gray-700 flex items-center justify-center text-xs font-bold text-amber-400">X</div><div class="absolute top-2 right-2 w-2.5 h-2.5 rounded-full" style="background-color:#27ae60" title="uncommon"></div></div><div class="p-3"><div class="flex items-start justify-between gap-1 mb-1"><h3 class="text-sm font-semibold text-white leading-tight">Skewer</h3></div><div class="flex items-center gap-1.5 mb-2"><span class="text-xs px-1.5 py-0.5 rounded font-medium" style="background-color:#27ae6033;color:#27ae60">Silent</span><span class="text-xs text-gray-500 capitalize">attack</span></div><p class="text-xs text-gray-400 leading-relaxed line-clamp-3">Deal 7 damage X times.</p></div></div><div class="group bg-gray-900 border border-gray-800 hover:border-gray-600 rounded-xl overflow-hidden transition-all hover:-translate-y-0.5"><div class="relative bg-gray-800 aspect-[3/4] flex items-center justify-center overflow-hidden"><img src="/images/cards/skim.webp" alt="Skim" class="w-full h-full object-cover" loading="lazy"/><div class="absolute top-2 left-2 w-7 h-7 rounded-full bg-gray-900/90 border border-gray-700 flex items-center justify-center text-xs font-bold text-amber-400">1</div><div class="absolute top-2 right-2 w-2.5 h-2.5 rounded-full" style="background-color:#27ae60" title="uncommon"></div></div><div class="p-3"><div class="flex items-start justify-between gap-1 mb-1"><h3 class="text-sm font-semibold text-white leading-tight">Skim</h3></div><div class="flex items-center gap-1.5 mb-2"><span class="text-xs px-1.5 py-0.5 rounded font-medium" style="background-color:#2980b933;color:#2980b9">Defect</span><span class="text-xs text-gray-500 capitalize">skill</span></div><p class="text-xs text-gray-400 leading-relaxed line-clamp-3">
1Draw 3 cards.</p></div></div><div class="group bg-gray-900 border border-gray-800 hover:border-gray-600 rounded-xl overflow-hidden transition-all hover:-translate-y-0.5"><div class="relative bg-gray-800 aspect-[3/4] flex items-center justify-center overflow-hidden"><img src="/images/cards/sleight_of_flesh.webp" alt="Sleight of Flesh" class="w-full h-full object-cover" loading="lazy"/><div class="absolute top-2 left-2 w-7 h-7 rounded-full bg-gray-900/90 border border-gray-700 flex items-center justify-center text-xs font-bold text-amber-400">1</div><div class="absolute top-2 right-2 w-2.5 h-2.5 rounded-full" style="background-color:#27ae60" title="uncommon"></div></div><div class="p-3"><div class="flex items-start justify-between gap-1 mb-1"><h3 class="text-sm font-semibold text-white leading-tight">Sleight of Flesh</h3></div><div class="flex items-center gap-1.5 mb-2"><span class="text-xs px-1.5 py-0.5 rounded font-medium" style="background-color:#2c3e5033;color:#2c3e50">Necrobinder</span><span class="text-xs text-gray-500 capitalize">power</span></div><p class="text-xs text-gray-400 leading-relaxed line-clamp-3">Whenever you apply a debuff to an enemy, they take 9 damage.</p><div class="flex flex-wrap gap-1 mt-2"><span class="text-xs bg-amber-500/20 text-amber-400 px-1.5 py-0.5 rounded border border-amber-500/30">ð</span></div></div></div><div class="group bg-gray-900 border border-gray-800 hover:border-gray-600 rounded-xl overflow-hidden transition-all hover:-translate-y-0.5"><div class="relative bg-gray-800 aspect-[3/4] flex items-center justify-center overflow-hidden"><img src="/images/cards/slice.webp" alt="Slice" class="w-full h-full object-cover" loading="lazy"/><div class="absolute top-2 left-2 w-7 h-7 rounded-full bg-gray-900/90 border border-gray-700 flex items-center justify-center text-xs font-bold text-amber-400">0</div><div class="absolute top-2 right-2 w-2.5 h-2.5 rounded-full" style="background-color:#95a5a6" title="common"></div></div><div class="p-3"><div class="flex items-start justify-between gap-1 mb-1"><h3 class="text-sm font-semibold text-white leading-tight">Slice</h3></div><div class="flex items-center gap-1.5 mb-2"><span class="text-xs px-1.5 py-0.5 rounded font-medium" style="background-color:#27ae6033;color:#27ae60">Silent</span><span class="text-xs text-gray-500 capitalize">attack</span></div><p class="text-xs text-gray-400 leading-relaxed line-clamp-3">Deal 6 damage.</p></div></div><div class="group bg-gray-900 border border-gray-800 hover:border-gray-600 rounded-xl overflow-hidden transition-all hover:-translate-y-0.5"><div class="relative bg-gray-800 aspect-[3/4] flex items-center justify-center overflow-hidden"><img src="/images/cards/slimed.webp" alt="Slimed" class="w-full h-full object-cover" loading="lazy"/><div class="absolute top-2 left-2 w-7 h-7 rounded-full bg-gray-900/90 border border-gray-700 flex items-center justify-center text-xs font-bold text-amber-400">1</div><div class="absolute top-2 right-2 w-2.5 h-2.5 rounded-full" style="background-color:#95a5a6" title="common"></div></div><div class="p-3"><div class="flex items-start justify-between gap-1 mb-1"><h3 class="text-sm font-semibold text-white leading-tight">Slimed</h3></div><div class="flex items-center gap-1.5 mb-2"><span class="text-xs px-1.5 py-0.5 rounded font-medium" style="background-color:#7f8c8d33;color:#7f8c8d">Colorless</span><span class="text-xs text-gray-500 capitalize">skill</span></div><p class="text-xs text-gray-400 leading-relaxed line-clamp-3">Draw 1 card. Exhaust.</p><div class="flex flex-wrap gap-1 mt-2"><span class="text-xs bg-gray-800 text-gray-400 px-1.5 py-0.5 rounded capitalize">exhaust</span></div></div></div><div class="group bg-gray-900 border border-gray-800 hover:border-gray-600 rounded-xl overflow-hidden transition-all hover:-translate-y-0.5"><div class="relative bg-gray-800 aspect-[3/4] flex items-center justify-center overflow-hidden"><img src="/images/cards/sloth.webp" alt="Sloth" class="w-full h-full object-cover" loading="lazy"/><div class="absolute top-2 left-2 w-7 h-7 rounded-full bg-gray-900/90 border border-gray-700 flex items-center justify-center text-xs font-bold text-amber-400">1</div><div class="absolute top-2 right-2 w-2.5 h-2.5 rounded-full" style="background-color:#95a5a6" title="common"></div></div><div class="p-3"><div class="flex items-start justify-between gap-1 mb-1"><h3 class="text-sm font-semibold text-white leading-tight">Sloth</h3></div><div class="flex items-center gap-1.5 mb-2"><span class="text-xs px-1.5 py-0.5 rounded font-medium" style="background-color:#7f8c8d33;color:#7f8c8d">Colorless</span><span class="text-xs text-gray-500 capitalize">skill</span></div><p class="text-xs text-gray-400 leading-relaxed line-clamp-3">You cannot play more than 3 cards each turn.</p></div></div><div class="group bg-gray-900 border border-gray-800 hover:border-gray-600 rounded-xl overflow-hidden transition-all hover:-translate-y-0.5"><div class="relative bg-gray-800 aspect-[3/4] flex items-center justify-center overflow-hidden"><img src="/images/cards/smokestack.webp" alt="Smokestack" class="w-full h-full object-cover" loading="lazy"/><div class="absolute top-2 left-2 w-7 h-7 rounded-full bg-gray-900/90 border border-gray-700 flex items-center justify-center text-xs font-bold text-amber-400">1</div><div class="absolute top-2 right-2 w-2.5 h-2.5 rounded-full" style="background-color:#27ae60" title="uncommon"></div></div><div class="p-3"><div class="flex items-start justify-between gap-1 mb-1"><h3 class="text-sm font-semibold text-white leading-tight">Smokestack</h3></div><div class="flex items-center gap-1.5 mb-2"><span class="text-xs px-1.5 py-0.5 rounded font-medium" style="background-color:#2980b933;color:#2980b9">Defect</span><span class="text-xs text-gray-500 capitalize">
1power</span></div><p class="text-xs text-gray-400 leading-relaxed line-clamp-3">Whenever you create a Status, deal 5 damage to ALL enemies.</p><div class="flex flex-wrap gap-1 mt-2"><span class="text-xs bg-gray-800 text-gray-400 px-1.5 py-0.5 rounded capitalize">status</span></div></div></div><div class="group bg-gray-900 border border-gray-800 hover:border-gray-600 rounded-xl overflow-hidden transition-all hover:-translate-y-0.5"><div class="relative bg-gray-800 aspect-[3/4] flex items-center justify-center overflow-hidden"><img src="/images/cards/snakebite.webp" alt="Snakebite" class="w-full h-full object-cover" loading="lazy"/><div class="absolute top-2 left-2 w-7 h-7 rounded-full bg-gray-900/90 border border-gray-700 flex items-center justify-center text-xs font-bold text-amber-400">2</div><div class="absolute top-2 right-2 w-2.5 h-2.5 rounded-full" style="background-color:#95a5a6" title="common"></div></div><div class="p-3"><div class="flex items-start justify-between gap-1 mb-1"><h3 class="text-sm font-semibold text-white leading-tight">Snakebite</h3></div><div class="flex items-center gap-1.5 mb-2"><span class="text-xs px-1.5 py-0.5 rounded font-medium" style="background-color:#27ae6033;color:#27ae60">Silent</span><span class="text-xs text-gray-500 capitalize">skill</span></div><p class="text-xs text-gray-400 leading-relaxed line-clamp-3">Retain. Apply 7 Poison.</p><div class="flex flex-wrap gap-1 mt-2"><span class="text-xs bg-gray-800 text-gray-400 px-1.5 py-0.5 rounded capitalize">retain</span><span class="text-xs bg-gray-800 text-gray-400 px-1.5 py-0.5 rounded capitalize">poison</span></div></div></div><div class="group bg-gray-900 border border-gray-800 hover:border-gray-600 rounded-xl overflow-hidden transition-all hover:-translate-y-0.5"><div class="relative bg-gray-800 aspect-[3/4] flex items-center justify-center overflow-hidden"><img src="/images/cards/snap.webp" alt="Snap" class="w-full h-full object-cover" loading="lazy"/><div class="absolute top-2 left-2 w-7 h-7 rounded-full bg-gray-900/90 border border-gray-700 flex items-center justify-center text-xs font-bold text-amber-400">1</div><div class="absolute top-2 right-2 w-2.5 h-2.5 rounded-full" style="background-color:#95a5a6" title="common"></div></div><div class="p-3"><div class="flex items-start justify-between gap-1 mb-1"><h3 class="text-sm font-semibold text-white leading-tight">Snap</h3></div><div class="flex items-center gap-1.5 mb-2"><span class="text-xs px-1.5 py-0.5 rounded font-medium" style="background-color:#2c3e5033;color:#2c3e50">Necrobinder</span><span class="text-xs text-gray-500 capitalize">attack</span></div><p class="text-xs text-gray-400 leading-relaxed line-clamp-3">Osty deals 7 damage. Add Retain to a card in your Hand.</p><div class="flex flex-wrap gap-1 mt-2"><span class="text-xs bg-gray-800 text-gray-400 px-1.5 py-0.5 rounded capitalize">retain</span></div><div class="flex flex-wrap gap-1 mt-2"><span class="text-xs bg-amber-500/20 text-amber-400 px-1.5 py-0.5 rounded border border-amber-500/30">ð</span></div></div></div><div class="group bg-gray-900 border border-gray-800 hover:border-gray-600 rounded-xl overflow-hidden transition-all hover:-translate-y-0.5"><div class="relative bg-gray-800 aspect-[3/4] flex items-center justify-center overflow-hidden"><img src="/images/cards/sneaky.webp" alt="Sneaky" class="w-full h-full object-cover" loading="lazy"/><div class="absolute top-2 left-2 w-7 h-7 rounded-full bg-gray-900/90 border border-gray-700 flex items-center justify-center text-xs font-bold text-amber-400">2</div><div class="absolute top-2 right-2 w-2.5 h-2.5 rounded-full" style="background-color:#f39c12" title="rare"></div></div><div class="p-3"><div class="flex items-start justify-between gap-1 mb-1"><h3 class="text-sm font-semibold text-white leading-tight">Sneaky</h3></div><div class="flex items-center gap-1.5 mb-2"><span class="text-xs px-1.5 py-0.5 rounded font-medium" style="background-color:#27ae6033;color:#27ae60">Silent</span><span class="text-xs text-gray-500 capitalize">power</span></div><p class="text-xs text-gray-400 leading-relaxed line-clamp-3">Sly. Whenever another player attacks an enemy, gain 1 Block.</p><div class="flex flex-wrap gap-1 mt-2"><span class="text-xs bg-gray-800 text-gray-400 px-1.5 py-0.5 rounded capitalize">sly</span><span class="text-xs bg-gray-800 text-gray-400 px-1.5 py-0.5 rounded capitalize">block</span></div><div class="flex flex-wrap gap-1 mt-2"><span class="text-xs bg-amber-500/20 text-amber-400 px-1.5 py-0.5 rounded border border-amber-500/30">ð¥</span><span class="text-xs bg-amber-500/20 text-amber-400 px-1.5 py-0.5 rounded border border-amber-500/30">ð</span></div></div></div><div class="group bg-gray-900 border border-gray-800 hover:border-gray-600 rounded-xl overflow-hidden transition-all hover:-translate-y-0.5"><div class="relative bg-gray-800 aspect-[3/4] flex items-center justify-center overflow-hidden"><img src="/images/cards/solar_strike.webp" alt="Solar Strike" class="w-full h-full object-cover" loading="lazy"/><div class="absolute top-2 left-2 w-7 h-7 rounded-full bg-gray-900/90 border border-gray-700 flex items-center justify-center text-xs font-bold text-amber-400">1</div><div class="absolute top-2 right-2 w-2.5 h-2.5 rounded-full" style="background-color:#95a5a6" title="common"></div></div><div class="p-3"><div class="flex items-start justify-between gap-1 mb-1"><h3 class="text-sm font-semibold text-white leading-tight">Solar Strike</h3></div><div class="flex items-center gap-1.5 mb-2"><span class="text-xs px-1.5 py-0.5 rounded font-medium" style="background-color:#8e44ad33;color:#8e44ad">Regent</span><span class="text-xs text-gray-500 capitalize">attack</span></div><p class="text-xs text-gray-400 leading-relaxed line-clamp-3">Deal 8 damage. Gain Energy.</p><div class="flex flex-wrap gap-1 mt-2"><span class="text-xs bg-amber-500/20 text-amber-400 px-1.5 py-0.5 rounded border border-amber-500/30">ð</span></div></div></div><div class="group bg-gray-900 border border-gray-800 hover:border-gray-600 rounded-xl overflow-hidden transition-all hover:-translate-y-0.5"><div class="relative bg-gray-800 aspect-[3/4] flex items-center justify-center overflow-hidden"><img src="/images/cards/soot.webp" alt="Soot" class="w-full h-full object-cover" loading="lazy"/><div class="absolute top-2 left-2 w-7 h-7 rounded-full bg-gray-900/90 border border-gray-700 flex items-center justify-center text-xs font-bold text-amber-400">1</div><div class="absolute top-2 right-2 w-2.5 h-2.5 rounded-full" style="background-color:#95a5a6" title="common"></div></div><div class="p-3"><div class="flex items-start justify-between gap-1 mb-1"><h3 class="text-sm font-semibold text-white leading-tight">Soot</h3></div><div class="flex items-center gap-1.5 mb-2"><span class="text-xs px-1.5 py-0.5 rounded font-medium" style="background-color:#7f8c8d33;color:#7f8c8d">Colorless</span><span class="text-xs text-gray-500 capitalize">skill</span></div><p class="text-xs text-gray-400 leading-relaxed line-clamp-3">Unplayable.</p></div></div><div class="group bg-gray-900 border border-gray-800 hover:border-gray-600 rounded-xl overflow-hidden transition-all hover:-translate-y-0.5"><div class="relative bg-gray-800 aspect-[3/4] flex items-center justify-center overflow-hidden"><img src="/images/cards/soul.webp" alt="Soul" class="w-full h-full object-cover" loading="lazy"/><div class="absolute top-2 left-2 w-7 h-7 rounded-full bg-gray-900/90 border border-gray-700 flex items-center justify-center text-xs font-bold text-amber-400">1</div><div class="absolute top-2 right-2 w-2.5 h-2.5 rounded-full" style="background-color:#95a5a6" title="common"></div></div><div class="p-3"><div class="flex items-start justify-between gap-1 mb-1"><h3 class="text-sm font-semibold text-white leading-tight">Soul</h3></div><div class="flex items-center gap-1.5 mb-2"><span class="text-xs px-1.5 py-0.5 rounded font-medium" style="background-color:#7f8c8d33;color:#7f8c8d">Colorless</span><span class="text-xs text-gray-500 capitalize">skill</span></div><p class="text-xs text-gray-400 leading-relaxed line-clamp-3">Draw 2 cards. Exhaust.</p><div class="flex flex-wrap gap-1 mt-2"><span class="text-xs bg-gray-800 text-gray-400 px-1.5 py-0.5 rounded capitalize">exhaust</span></div></div></div><div class="group bg-gray-900 border border-gray-800 hover:border-gray-600 rounded-xl overflow-hidden transition-all hover:-translate-y-0.5"><div class="relative bg-gray-800 aspect-[3/4] flex items-center justify-center overflow-hidden"><img src="/images/cards/soul_storm.webp" alt="Soul Storm" class="w-full h-full object-cover" loading="lazy"/><div class="absolute top-2 left-2 w-7 h-7 rounded-full bg-gray-900/90 border border-gray-700 flex items-center justify-center text-xs font-bold text-amber-400">1</div><div class="absolute top-2 right-2 w-2.5 h-2.5 rounded-full" style="background-color:#f39c12" title="rare"></div></div><div class="p-3"><div class="flex items-start justify-between gap-1 mb-1"><h3 class="text-sm font-semibold text-white leading-tight">Soul Storm</h3></div><div class="flex items-center gap-1.5 mb-2"><span class="text-xs px-1.5 py-0.5 rounded font-medium" style="background-color:#2c3e5033;color:#2c3e50">Necrobinder</span><span class="text-xs text-gray-500 capitalize">attack</span></div><p class="text-xs text-gray-400 leading-relaxed line-clamp-3">Deal 9 damage. Deals 2 additional damage for each Soul in your Exhaust Pile.</p><div class="flex flex-wrap gap-1 mt-2"><span class="text-xs bg-gray-800 text-gray-400 px-1.5 py-0.5 rounded capitalize">exhaust</span></div><div class="flex flex-wrap gap-1 mt-2"><span class="text-xs bg-amber-500/20 text-amber-400 px-1.5 py-0.5 rounded border border-amber-500/30">ð</span></div></div></div><div class="group bg-gray-900 border border-gray-800 hover:border-gray-600 rounded-xl overflow-hidden transition-all hover:-translate-y-0.5"><div class="relative bg-gray-800 aspect-[3/4] flex items-center justify-center overflow-hidden"><img src="/images/cards/sovereign_blade.webp" alt="Sovereign Blade" class="w-full h-full object-cover" loading="lazy"/><div class="absolute top-2 left-2 w-7 h-7 rounded-full bg-gray-900/90 border border-gray-700 flex items-center justify-center text-xs font-bold text-amber-400">1</div><div class="absolute top-2 right-2 w-2.5 h-2.5 rounded-full" style="background-color:#27ae60" title="uncommon"></div></div><div class="p-3"><div class="flex items-start justify-between gap-1 mb-1"><h3 class="text-sm font-semibold text-white leading-tight">Sovereign Blade</h3></div><div class="flex items-center gap-1.5 mb-2"><span class="text-xs px-1.5 py-0.5 rounded font-medium" style="background-color:#7f8c8d33;color:#7f8c8d">Colorless</span><span class="text-xs text-gray-500 capitalize">attack</span></div><p class="text-xs text-gray-400 leading-relaxed line-clamp-3">Retain. Deal 10 damage.</p><div class="flex flex-wrap gap-1 mt-2"><span class="text-xs bg-gray-800 text-gray-400 px-1.5 py-0.5 rounded capitalize">retain</span></div></div></div><div class="group bg-gray-900 border border-gray-800 hover:border-gray-600 rounded-xl overflow-hidden transition-all hover:-translate-y-0.5"><div class="relative bg-gray-800 aspect-[3/4] flex items-center justify-center overflow-hidden"><img src="/images/cards/sow.webp" alt="Sow" class="w-full h-full object-cover" loading="lazy"/><div class="absolute top-2 left-2 w-7 h-7 rounded-full bg-gray-900/90 border border-gray-700 flex items-center justify-center text-xs font-bold text-amber-400">1</div><div class="absolute top-2 right-2 w-2.5 h-2.5 rounded-full" style="background-color:#95a5a6" title="common"></div></div><div class="p-3"><div class="flex items-start justify-between gap-1 mb-1"><h3 class="text-sm font-semibold text-white leading-tight">Sow</h3></div><div class="flex items-center gap-1.5 mb-2"><span class="text-xs px-1.5 py-0.5 rounded font-medium" style="background-color:#2c3e5033;color:#2c3e50">Necrobinder</span><span class="text-xs text-gray-500 capitalize">attack</span></div><p class="text-xs text-gray-400 leading-relaxed line-clamp-3">Retain. Deal 8 damage to ALL enemies.</p><div class="flex flex-wrap gap-1 mt-2"><span class="text-xs bg-gray-800 text-gray-400 px-1.5 py-0.5 rounded capitalize">retain</span></div><div class="flex flex-wrap gap-1 mt-2"><span class="text-xs bg-amber-500/20 text-amber-400 px-1.5 py-0.5 rounded border border-amber-500/30">ð</span></div></div></div><div class="group bg-gray-900 border border-gray-800 hover:border-gray-600 rounded-xl overflow-hidden transition-all hover:-translate-y-0.5"><div class="relative bg-gray-800 aspect-[3/4] flex items-center justify-center overflow-hidden"><img src="/images/cards/spectrum_shift.webp" alt="Spectrum Shift" class="w-full h-full object-cover" loading="lazy"/><div class="absolute top-2 left-2 w-7 h-7 rounded-full bg-gray-900/90 border border-gray-700 flex items-center justify-center text-xs font-bold text-amber-400">1</div><div class="absolute top-2 right-2 w-2.5 h-2.5 rounded-full" style="background-color:#27ae60" title="uncommon"></div></div><div class="p-3"><div class="flex items-start justify-between gap-1 mb-1"><h3 class="text-sm font-semibold text-white leading-tight">Spectrum Shift</h3></div><div class="flex items-center gap-1.5 mb-2"><span class="text-xs px-1.5 py-0.5 rounded font-medium" style="background-color:#8e44ad33;color:#8e44ad">Regent</span><span class="text-xs text-gray-500 capitalize">
1power</span></div><p class="text-xs text-gray-400 leading-relaxed line-clamp-3">At the start of your turn, add 1 random Colorless card into your Hand.</p><div class="flex flex-wrap gap-1 mt-2"><span class="text-xs bg-amber-500/20 text-amber-400 px-1.5 py-0.5 rounded border border-amber-500/30">ð</span></div></div></div><div class="group bg-gray-900 border border-gray-800 hover:border-gray-600 rounded-xl overflow-hidden transition-all hover:-translate-y-0.5"><div class="relative bg-gray-800 aspect-[3/4] flex items-center justify-center overflow-hidden"><img src="/images/cards/speedster.webp" alt="Speedster" class="w-full h-full object-cover" loading="lazy"/><div class="absolute top-2 left-2 w-7 h-7 rounded-full bg-gray-900/90 border border-gray-700 flex items-center justify-center text-xs font-bold text-amber-400">2</div><div class="absolute top-2 right-2 w-2.5 h-2.5 rounded-full" style="background-color:#27ae60" title="uncommon"></div></div><div class="p-3"><div class="flex items-start justify-between gap-1 mb-1"><h3 class="text-sm font-semibold text-white leading-tight">Speedster</h3></div><div class="flex items-center gap-1.5 mb-2"><span class="text-xs px-1.5 py-0.5 rounded font-medium" style="background-color:#27ae6033;color:#27ae60">Silent</span><span class="text-xs text-gray-500 capitalize">power</span></div><p class="text-xs text-gray-400 leading-relaxed line-clamp-3">Whenever you draw a card during your turn, deal 2 damage to ALL enemies.</p></div></div><div class="group bg-gray-900 border border-gray-800 hover:border-gray-600 rounded-xl overflow-hidden transition-all hover:-translate-y-0.5"><div class="relative bg-gray-800 aspect-[3/4] flex items-center justify-center overflow-hidden"><img src="/images/cards/spinner.webp" alt="Spinner" class="w-full h-full object-cover" loading="lazy"/><div class="absolute top-2 left-2 w-7 h-7 rounded-full bg-gray-900/90 border border-gray-700 flex items-center justify-center text-xs font-bold text-amber-400">1</div><div class="absolute top-2 right-2 w-2.5 h-2.5 rounded-full" style="background-color:#f39c12" title="rare"></div></div><div class="p-3"><div class="flex items-start justify-between gap-1 mb-1"><h3 class="text-sm font-semibold text-white leading-tight">Spinner</h3></div><div class="flex items-center gap-1.5 mb-2"><span class="text-xs px-1.5 py-0.5 rounded font-medium" style="background-color:#2980b933;color:#2980b9">Defect</span><span class="text-xs text-gray-500 capitalize">power</span></div><p class="text-xs text-gray-400 leading-relaxed line-clamp-3">At the start of your turn, Channel 1 Glass.</p></div></div><div class="group bg-gray-900 border border-gray-800 hover:border-gray-600 rounded-xl overflow-hidden transition-all hover:-translate-y-0.5"><div class="relative bg-gray-800 aspect-[3/4] flex items-center justify-center overflow-hidden"><img src="/images/cards/spirit_of_ash.webp" alt="Spirit of Ash" class="w-full h-full object-cover" loading="lazy"/><div class="absolute top-2 left-2 w-7 h-7 rounded-full bg-gray-900/90 border border-gray-700 flex items-center justify-center text-xs font-bold text-amber-400">1</div><div class="absolute top-2 right-2 w-2.5 h-2.5 rounded-full" style="background-color:#f39c12" title="rare"></div></div><div class="p-3"><div class="flex items-start justify-between gap-1 mb-1"><h3 class="text-sm font-semibold text-white leading-tight">Spirit of Ash</h3></div><div class="flex items-center gap-1.5 mb-2"><span class="text-xs px-1.5 py-0.5 rounded font-medium" style="background-color:#2c3e5033;color:#2c3e50">Necrobinder</span><span class="text-xs text-gray-500 capitalize">power</span></div><p class="text-xs text-gray-400 leading-relaxed line-clamp-3">Whenever you play an Ethereal card, gain 4 Block.</p><div class="flex flex-wrap gap-1 mt-2"><span class="text-xs bg-gray-800 text-gray-400 px-1.5 py-0.5 rounded capitalize">ethereal</span><span class="text-xs bg-gray-800 text-gray-400 px-1.5 py-0.5 rounded capitalize">block</span></div><div class="flex flex-wrap gap-1 mt-2"><span class="text-xs bg-amber-500/20 text-amber-400 px-1.5 py-0.5 rounded border border-amber-500/30">ð</span></div></div></div><div class="group bg-gray-900 border border-gray-800 hover:border-gray-600 rounded-xl overflow-hidden transition-all hover:-translate-y-0.5"><div class="relative bg-gray-800 aspect-[3/4] flex items-center justify-center overflow-hidden"><img src="/images/cards/spite.webp" alt="Spite" class="w-full h-full object-cover" loading="lazy"/><div class="absolute top-2 left-2 w-7 h-7 rounded-full bg-gray-900/90 border border-gray-700 flex items-center justify-center text-xs font-bold text-amber-400">0</div><div class="absolute top-2 right-2 w-2.5 h-2.5 rounded-full" style="background-color:#27ae60" title="uncommon"></div></div><div class="p-3"><div class="flex items-start justify-between gap-1 mb-1"><h3 class="text-sm font-semibold text-white leading-tight">Spite</h3></div><div class="flex items-center gap-1.5 mb-2"><span class="text-xs px-1.5 py-0.5 rounded font-medium" style="background-color:#c0392b33;color:#c0392b">Ironclad</span><span class="text-xs text-gray-500 capitalize">attack</span></div><p class="text-xs text-gray-400 leading-relaxed line-clamp-3">Deal 6 damage. If you lost HP this turn, draw 1 card.</p></div></div><div class="group bg-gray-900 border border-gray-800 hover:border-gray-600 rounded-xl overflow-hidden transition-all hover:-translate-y-0.5"><div class="relative bg-gray-800 aspect-[3/4] flex items-center justify-center overflow-hidden"><img src="/images/cards/splash.webp" alt="Splash" class="w-full h-full object-cover" loading="lazy"/><div class="absolute top-2 left-2 w-7 h-7 rounded-full bg-gray-900/90 border border-gray-700 flex items-center justify-center text-xs font-bold text-amber-400">1</div><div class="absolute top-2 right-2 w-2.5 h-2.5 rounded-full" style="background-color:#27ae60" title="uncommon"></div></div><div class="p-3"><div class="flex items-start justify-between gap-1 mb-1"><h3 class="text-sm font-semibold text-white leading-tight">Splash</h3></div><div class="flex items-center gap-1.5 mb-2"><span class="text-xs px-1.5 py-0.5 rounded font-medium" style="background-color:#7f8c8d33;color:#7f8c8d">Colorless</span><span class="text-xs text-gray-500 capitalize">skill</span></div><p class="text-xs text-gray-400 leading-relaxed line-clamp-3">Choose 1 of 3 random Attacks from another character to add into your Hand. It's free to play this turn.</p></div></div><div class="group bg-gray-900 border border-gray-800 hover:border-gray-600 rounded-xl overflow-hidden transition-all hover:-translate-y-0.5"><div class="relative bg-gray-800 aspect-[3/4] flex items-center justify-center overflow-hidden"><img src="/images/cards/spoils_map.webp" alt="Spoils Map" class="w-full h-full object-cover" loading="lazy"/><div class="absolute top-2 left-2 w-7 h-7 rounded-full bg-gray-900/90 border border-gray-700 flex items-center justify-center text-xs font-bold text-amber-400">1</div><div class="absolute top-2 right-2 w-2.5 h-2.5 rounded-full" style="background-color:#e74
1c3c" title="special"></div></div><div class="p-3"><div class="flex items-start justify-between gap-1 mb-1"><h3 class="text-sm font-semibold text-white leading-tight">Spoils Map</h3></div><div class="flex items-center gap-1.5 mb-2"><span class="text-xs px-1.5 py-0.5 rounded font-medium" style="background-color:#7f8c8d33;color:#7f8c8d">Colorless</span><span class="text-xs text-gray-500 capitalize">skill</span></div><p class="text-xs text-gray-400 leading-relaxed line-clamp-3">Unplayable. Marks a site of 600 extra Gold in the next Act.</p></div></div><div class="group bg-gray-900 border border-gray-800 hover:border-gray-600 rounded-xl overflow-hidden transition-all hover:-translate-y-0.5"><div class="relative bg-gray-800 aspect-[3/4] flex items-center justify-center overflow-hidden"><img src="/images/cards/spoils_of_battle.webp" alt="Spoils of Battle" class="w-full h-full object-cover" loading="lazy"/><div class="absolute top-2 left-2 w-7 h-7 rounded-full bg-gray-900/90 border border-gray-700 flex items-center justify-center text-xs font-bold text-amber-400">1</div><div class="absolute top-2 right-2 w-2.5 h-2.5 rounded-full" style="background-color:#95a5a6" title="common"></div></div><div class="p-3"><div class="flex items-start justify-between gap-1 mb-1"><h3 class="text-sm font-semibold text-white leading-tight">Spoils of Battle</h3></div><div class="flex items-center gap-1.5 mb-2"><span class="text-xs px-1.5 py-0.5 rounded font-medium" style="background-color:#8e44ad33;color:#8e44ad">Regent</span><span class="text-xs text-gray-500 capitalize">skill</span></div><p class="text-xs text-gray-400 leading-relaxed line-clamp-3">Forge 10.</p><div class="flex flex-wrap gap-1 mt-2"><span class="text-xs bg-amber-500/20 text-amber-400 px-1.5 py-0.5 rounded border border-amber-500/30">ð</span></div></div></div><div class="group bg-gray-900 border border-gray-800 hover:border-gray-600 rounded-xl overflow-hidden transition-all hover:-translate-y-0.5"><div class="relative bg-gray-800 aspect-[3/4] flex items-center justify-center overflow-hidden"><img src="/images/cards/spore_mind.webp" alt="Spore Mind" class="w-full h-full object-cover" loading="lazy"/><div class="absolute top-2 left-2 w-7 h-7 rounded-full bg-gray-900/90 border border-gray-700 flex items-center justify-center text-xs font-bold text-amber-400">1</div><div class="absolute top-2 right-2 w-2.5 h-2.5 rounded-full" style="background-color:#e74c3c" title="special"></div></div><div class="p-3"><div class="flex items-start justify-between gap-1 mb-1"><h3 class="text-sm font-semibold text-white leading-tight">Spore Mind</h3></div><div class="flex items-center gap-1.5 mb-2"><span class="text-xs px-1.5 py-0.5 rounded font-medium" style="background-color:#7f8c8d33;color:#7f8c8d">Colorless</span><span class="text-xs text-gray-500 capitalize">skill</span></div><p class="text-xs text-gray-400 leading-relaxed line-clamp-3">Exhaust.</p><div class="flex flex-wrap gap-1 mt-2"><span class="text-xs bg-gray-800 text-gray-400 px-1.5 py-0.5 rounded capitalize">exhaust</span></div></div></div><div class="group bg-gray-900 border border-gray-800 hover:border-gray-600 rounded-xl overflow-hidden transition-all hover:-translate-y-0.5"><div class="relative bg-gray-800 aspect-[3/4] flex items-center justify-center overflow-hidden"><img src="/images/cards/spur.webp" alt="Spur" class="w-full h-full object-cover" loading="lazy"/><div class="absolute top-2 left-2 w-7 h-7 rounded-full bg-gray-900/90 border border-gray-700 flex items-center justify-center text-xs font-bold text-amber-400">1</div><div class="absolute top-2 right-2 w-2.5 h-2.5 rounded-full" style="background-color:#27ae60" title="uncommon"></div></div><div class="p-3"><div class="flex items-start justify-between gap-1 mb-1"><h3 class="text-sm font-semibold text-white leading-tight">Spur</h3></div><div class="flex items-center gap-1.5 mb-2"><span class="text-xs px-1.5 py-0.5 rounded font-medium" style="background-color:#2c3e5033;color:#2c3e50">Necrobinder</span><span class="text-xs text-gray-500 capitalize">skill</span></div><p class="text-xs text-gray-400 leading-relaxed line-clamp-3">Retain. Summon 3. Osty heals 5 HP.</p><div class="flex flex-wrap gap-1 mt-2"><span class="text-xs bg-gray-800 text-gray-400 px-1.5 py-0.5 rounded capitalize">summon</span><span class="text-xs bg-gray-800 text-gray-400 px-1.5 py-0.5 rounded capitalize">retain</span></div><div class="flex flex-wrap gap-1 mt-2"><span class="text-xs bg-amber-500/20 text-amber-400 px-1.5 py-0.5 rounded border border-amber-500/30">ð</span></div></div></div><div class="group bg-gray-900 border border-gray-800 hover:border-gray-600 rounded-xl overflow-hidden transition-all hover:-translate-y-0.5"><div class="relative bg-gray-800 aspect-[3/4] flex items-center justify-center overflow-hidden"><img src="/images/cards/squash.webp" alt="Squash" class="w-full h-full object-cover" loading="lazy"/><div class="absolute top-2 left-2 w-7 h-7 rounded-full bg-gray-900/90 border border-gray-700 flex items-center justify-center text-xs font-bold text-amber-400">1</div><div class="absolute top-2 right-2 w-2.5 h-2.5 rounded-full" style="background-color:#95a5a6" title="common"></div></div><div class="p-3"><div class="flex items-start justify-between gap-1 mb-1"><h3 class="text-sm font-semibold text-white leading-tight">Squash</h3></div><div class="flex items-center gap-1.5 mb-2"><span class="text-xs px-1.5 py-0.5 rounded font-medium" style="background-color:#7f8c8d33;color:#7f8c8d">Colorless</span><span class="text-xs text-gray-500 capitalize">attack</span></div><p class="text-xs text-gray-400 leading-relaxed line-clamp-3">Deal 10 damage. Apply 2 Vulnerable.</p><div class="flex flex-wrap gap-1 mt-2"><span class="text-xs bg-gray-800 text-gray-400 px-1.5 py-0.5 rounded capitalize">vulnerable</span></div></div></div><div class="group bg-gray-900 border border-gray-800 hover:border-gray-600 rounded-xl overflow-hidden transition-all hover:-translate-y-0.5"><div class="relative bg-gray-800 aspect-[3/4] flex items-center justify-center overflow-hidden"><img src="/images/cards/squeeze.webp" alt="Squeeze" class="w-full h-full object-cover" loading="lazy"/><div class="absolute top-2 left-2 w-7 h-7 rounded-full bg-gray-900/90 border border-gray-700 flex items-center justify-center text-xs font-bold text-amber-400">1</div><div class="absolute top-2 right-2 w-2.5 h-2.5 rounded-full" style="background-color:#f39c12" title="rare"></div></div><div class="p-3"><div class="flex items-start justify-between gap-1 mb-1"><h3 class="text-sm font-semibold text-white leading-tight">Squeeze</h3></div><div class="flex items-center gap-1.5 mb-2"><span class="text-xs px-1.5 py-0.5 rounded font-medium" style="background-color:#2c3e5033;color:#2c3e50">Necrobinder</span><span class="text-xs text-gray-500 capitalize">attack</span></div><p class="text-xs text-gray-400 leading-relaxed line-clamp-3">Osty deals 25 damage. Deals 5 additional damage for ALL your other Osty Attacks.</p><div class="flex flex-wrap gap-1 mt-2"><span class="text-xs bg-amber-500/20 text-amber-400 px-1.5 py-0.5 rounded border border-amber-500/30">ð</span></div></div></div><div class="group bg-gray-900 border border-gray-800 hover:border-gray-600 rounded-xl overflow-hidden transition-all hover:-translate-y-0.5"><div class="relative bg-gray-800 aspect-[3/4] flex items-center justify-center overflow-hidden"><img src="/images/cards/stampede.webp" alt="Stampede" class="w-full h-full object-cover" loading="lazy"/><div class="absolute top-2 left-2 w-7 h-7 rounded-full bg-gray-900/90 border border-gray-700 flex items-center justify-center text-xs font-bold text-amber-400">2</div><div class="absolute top-2 right-2 w-2.5 h-2.5 rounded-full" style="background-color:#27ae60" title="uncommon"></div></div><div class="p-3"><div class="flex items-start justify-between gap-1 mb-1"><h3 class="text-sm font-semibold text-white leading-tight">Stampede</h3></div><div class="flex items-center gap-1.5 mb-2"><span class="text-xs px-1.5 py-0.5 rounded font-medium" style="background-color:#c0392b33;color:#c0392b">Ironclad</span><span class="text-xs text-gray-500 capitalize">
1power</span></div><p class="text-xs text-gray-400 leading-relaxed line-clamp-3">At the end of your turn, 1 random Attack in your Hand is played against a random enemy.</p></div></div><div class="group bg-gray-900 border border-gray-800 hover:border-gray-600 rounded-xl overflow-hidden transition-all hover:-translate-y-0.5"><div class="relative bg-gray-800 aspect-[3/4] flex items-center justify-center overflow-hidden"><img src="/images/cards/stardust.webp" alt="Stardust" class="w-full h-full object-cover" loading="lazy"/><div class="absolute top-2 left-2 w-7 h-7 rounded-full bg-gray-900/90 border border-gray-700 flex items-center justify-center text-xs font-bold text-amber-400">1</div><div class="absolute top-2 right-2 w-2.5 h-2.5 rounded-full" style="background-color:#27ae60" title="uncommon"></div></div><div class="p-3"><div class="flex items-start justify-between gap-1 mb-1"><h3 class="text-sm font-semibold text-white leading-tight">Stardust</h3></div><div class="flex items-center gap-1.5 mb-2"><span class="text-xs px-1.5 py-0.5 rounded font-medium" style="background-color:#8e44ad33;color:#8e44ad">Regent</span><span class="text-xs text-gray-500 capitalize">attack</span></div><p class="text-xs text-gray-400 leading-relaxed line-clamp-3">Deal 5 damage to a random enemy X times.</p><div class="flex flex-wrap gap-1 mt-2"><span class="text-xs bg-amber-500/20 text-amber-400 px-1.5 py-0.5 rounded border border-amber-500/30">ð</span></div></div></div><div class="group bg-gray-900 border border-gray-800 hover:border-gray-600 rounded-xl overflow-hidden transition-all hover:-translate-y-0.5"><div class="relative bg-gray-800 aspect-[3/4] flex items-center justify-center overflow-hidden"><img src="/images/cards/stoke.webp" alt="Stoke" class="w-full h-full object-cover" loading="lazy"/><div class="absolute top-2 left-2 w-7 h-7 rounded-full bg-gray-900/90 border border-gray-700 flex items-center justify-center text-xs font-bold text-amber-400">1</div><div class="absolute top-2 right-2 w-2.5 h-2.5 rounded-full" style="background-color:#f39c12" title="rare"></div></div><div class="p-3"><div class="flex items-start justify-between gap-1 mb-1"><h3 class="text-sm font-semibold text-white leading-tight">Stoke</h3></div><div class="flex items-center gap-1.5 mb-2"><span class="text-xs px-1.5 py-0.5 rounded font-medium" style="background-color:#c0392b33;color:#c0392b">Ironclad</span><span class="text-xs text-gray-500 capitalize">skill</span></div><p class="text-xs text-gray-400 leading-relaxed line-clamp-3">Exhaust your Hand. Draw a card for each card Exhausted. Exhaust.</p><div class="flex flex-wrap gap-1 mt-2"><span class="text-xs bg-gray-800 text-gray-400 px-1.5 py-0.5 rounded capitalize">exhaust</span></div></div></div><div class="group bg-gray-900 border border-gray-800 hover:border-gray-600 rounded-xl overflow-hidden transition-all hover:-translate-y-0.5"><div class="relative bg-gray-800 aspect-[3/4] flex items-center justify-center overflow-hidden"><img src="/images/cards/stomp.webp" alt="Stomp" class="w-full h-full object-cover" loading="lazy"/><div class="absolute top-2 left-2 w-7 h-7 rounded-full bg-gray-900/90 border border-gray-700 flex items-center justify-center text-xs font-bold text-amber-400">3</div><div class="absolute top-2 right-2 w-2.5 h-2.5 rounded-full" style="background-color:#27ae60" title="uncommon"></div></div><div class="p-3"><div class="flex items-start justify-between gap-1 mb-1"><h3 class="text-sm font-semibold text-white leading-tight">Stomp</h3></div><div class="flex items-center gap-1.5 mb-2"><span class="text-xs px-1.5 py-0.5 rounded font-medium" style="background-color:#c0392b33;color:#c0392b">Ironclad</span><span class="text-xs text-gray-500 capitalize">attack</span></div><p class="text-xs text-gray-400 leading-relaxed line-clamp-3">Deal 12 damage to ALL enemies. Costs 1 less Energy for each Attack played this turn.</p></div></div><div class="group bg-gray-900 border border-gray-800 hover:border-gray-600 rounded-xl overflow-hidden transition-all hover:-translate-y-0.5"><div class="relative bg-gray-800 aspect-[3/4] flex items-center justify-center overflow-hidden"><img src="/images/cards/stone_armor.webp" alt="Stone Armor" class="w-full h-full object-cover" loading="lazy"/><div class="absolute top-2 left-2 w-7 h-7 rounded-full bg-gray-900/90 border border-gray-700 flex items-center justify-center text-xs font-bold text-amber-400">1</div><div class="absolute top-2 right-2 w-2.5 h-2.5 rounded-full" style="background-color:#27ae60" title="uncommon"></div></div><div class="p-3"><div class="flex items-start justify-between gap-1 mb-1"><h3 class="text-sm font-semibold text-white leading-tight">Stone Armor</h3></div><div class="flex items-center gap-1.5 mb-2"><span class="text-xs px-1.5 py-0.5 rounded font-medium" style="background-color:#c0392b33;color:#c0392b">Ironclad</span><span class="text-xs text-gray-500 capitalize">skill</span></div><p class="text-xs text-gray-400 leading-relaxed line-clamp-3">Gain 4 Plating.</p></div></div><div class="group bg-gray-900 border border-gray-800 hover:border-gray-600 rounded-xl overflow-hidden transition-all hover:-translate-y-0.5"><div class="relative bg-gray-800 aspect-[3/4] flex items-center justify-center overflow-hidden"><img src="/images/cards/storm.webp" alt="Storm" class="w-full h-full object-cover" loading="lazy"/><div class="absolute top-2 left-2 w-7 h-7 rounded-full bg-gray-900/90 border border-gray-700 flex items-center justify-center text-xs font-bold text-amber-400">1</div><div class="absolute top-2 right-2 w-2.5 h-2.5 rounded-full" style="background-color:#27ae60" title="uncommon"></div></div><div class="p-3"><div class="flex items-start justify-between gap-1 mb-1"><h3 class="text-sm font-semibold text-white leading-tight">Storm</h3></div><div class="flex items-center gap-1.5 mb-2"><span class="text-xs px-1.5 py-0.5 rounded font-medium" style="background-color:#2980b933;color:#2980b9">Defect</span><span class="text-xs text-gray-500 capitalize">
1power</span></div><p class="text-xs text-gray-400 leading-relaxed line-clamp-3">Whenever you play a Power, Channel 1 Lightning.</p></div></div><div class="group bg-gray-900 border border-gray-800 hover:border-gray-600 rounded-xl overflow-hidden transition-all hover:-translate-y-0.5"><div class="relative bg-gray-800 aspect-[3/4] flex items-center justify-center overflow-hidden"><img src="/images/cards/storm_of_steel.webp" alt="Storm of Steel" class="w-full h-full object-cover" loading="lazy"/><div class="absolute top-2 left-2 w-7 h-7 rounded-full bg-gray-900/90 border border-gray-700 flex items-center justify-center text-xs font-bold text-amber-400">1</div><div class="absolute top-2 right-2 w-2.5 h-2.5 rounded-full" style="background-color:#f39c12" title="rare"></div></div><div class="p-3"><div class="flex items-start justify-between gap-1 mb-1"><h3 class="text-sm font-semibold text-white leading-tight">Storm of Steel</h3></div><div class="flex items-center gap-1.5 mb-2"><span class="text-xs px-1.5 py-0.5 rounded font-medium" style="background-color:#27ae6033;color:#27ae60">Silent</span><span class="text-xs text-gray-500 capitalize">skill</span></div><p class="text-xs text-gray-400 leading-relaxed line-clamp-3">Discard your Hand. Add 1 Shiv into your Hand for each card discarded.</p></div></div><div class="group bg-gray-900 border border-gray-800 hover:border-gray-600 rounded-xl overflow-hidden transition-all hover:-translate-y-0.5"><div class="relative bg-gray-800 aspect-[3/4] flex items-center justify-center overflow-hidden"><img src="/images/cards/strangle.webp" alt="Strangle" class="w-full h-full object-cover" loading="lazy"/><div class="absolute top-2 left-2 w-7 h-7 rounded-full bg-gray-900/90 border border-gray-700 flex items-center justify-center text-xs font-bold text-amber-400">1</div><div class="absolute top-2 right-2 w-2.5 h-2.5 rounded-full" style="background-color:#27ae60" title="uncommon"></div></div><div class="p-3"><div class="flex items-start justify-between gap-1 mb-1"><h3 class="text-sm font-semibold text-white leading-tight">Strangle</h3></div><div class="flex items-center gap-1.5 mb-2"><span class="text-xs px-1.5 py-0.5 rounded font-medium" style="background-color:#27ae6033;color:#27ae60">Silent</span><span class="text-xs text-gray-500 capitalize">attack</span></div><p class="text-xs text-gray-400 leading-relaxed line-clamp-3">Deal 8 damage. Whenever you play a card this turn, the enemy loses 2 HP.</p></div></div><div class="group bg-gray-900 border border-gray-800 hover:border-gray-600 rounded-xl overflow-hidden transition-all hover:-translate-y-0.5"><div class="relative bg-gray-800 aspect-[3/4] flex items-center justify-center overflow-hidden"><img src="/images/cards/stratagem.webp" alt="Stratagem" class="w-full h-full object-cover" loading="lazy"/><div class="absolute top-2 left-2 w-7 h-7 rounded-full bg-gray-900/90 border border-gray-700 flex items-center justify-center text-xs font-bold text-amber-400">1</div><div class="absolute top-2 right-2 w-2.5 h-2.5 rounded-full" style="background-color:#27ae60" title="uncommon"></div></div><div class="p-3"><div class="flex items-start justify-between gap-1 mb-1"><h3 class="text-sm font-semibold text-white leading-tight">Stratagem</h3></div><div class="flex items-center gap-1.5 mb-2"><span class="text-xs px-1.5 py-0.5 rounded font-medium" style="background-color:#7f8c8d33;color:#7f8c8d">Colorless</span><span class="text-xs text-gray-500 capitalize">power</span></div><p class="text-xs text-gray-400 leading-relaxed line-clamp-3">Whenever you shuffle your Draw Pile, choose a card from it to put into your Hand.</p></div></div><div class="group bg-gray-900 border border-gray-800 hover:border-gray-600 rounded-xl overflow-hidden transition-all hover:-translate-y-0.5"><div class="relative bg-gray-800 aspect-[3/4] flex items-center justify-center overflow-hidden"><img src="/images/cards/strike_ironclad.webp" alt="Strike" class="w-full h-full object-cover" loading="lazy"/><div class="absolute top-2 left-2 w-7 h-7 rounded-full bg-gray-900/90 border border-gray-700 flex items-center justify-center text-xs font-bold text-amber-400">1</div><div class="absolute top-2 right-2 w-2.5 h-2.5 rounded-full" style="background-color:#95a5a6" title="common"></div></div><div class="p-3"><div class="flex items-start justify-between gap-1 mb-1"><h3 class="text-sm font-semibold text-white leading-tight">Strike</h3></div><div class="flex items-center gap-1.5 mb-2"><span class="text-xs px-1.5 py-0.5 rounded font-medium" style="background-color:#c0392b33;color:#c0392b">Ironclad</span><span class="text-xs text-gray-500 capitalize">attack</span></div><p class="text-xs text-gray-400 leading-relaxed line-clamp-3">Deal 6 damage.</p></div></div><div class="group bg-gray-900 border border-gray-800 hover:border-gray-600 rounded-xl overflow-hidden transition-all hover:-translate-y-0.5"><div class="relative bg-gray-800 aspect-[3/4] flex items-center justify-center overflow-hidden"><img src="/images/cards/strike_silent.webp" alt="Strike" class="w-full h-full object-cover" loading="lazy"/><div class="absolute top-2 left-2 w-7 h-7 rounded-full bg-gray-900/90 border border-gray-700 flex items-center justify-center text-xs font-bold text-amber-400">1</div><div class="absolute top-2 right-2 w-2.5 h-2.5 rounded-full" style="background-color:#95a5a6" title="common"></div></div><div class="p-3"><div class="flex items-start justify-between gap-1 mb-1"><h3 class="text-sm font-semibold text-white leading-tight">Strike</h3></div><div class="flex items-center gap-1.5 mb-2"><span class="text-xs px-1.5 py-0.5 rounded font-medium" style="background-color:#27ae6033;color:#27ae60">Silent</span><span class="text-xs text-gray-500 capitalize">attack</span></div><p class="text-xs text-gray-400 leading-relaxed line-clamp-3">Deal 6 damage.</p></div></div><div class="group bg-gray-900 border border-gray-800 hover:border-gray-600 rounded-xl overflow-hidden transition-all hover:-translate-y-0.5"><div class="relative bg-gray-800 aspect-[3/4] flex items-center justify-center overflow-hidden"><img src="/images/cards/strike_defect.webp" alt="Strike" class="w-full h-full object-cover" loading="lazy"/><div class="absolute top-2 left-2 w-7 h-7 rounded-full bg-gray-900/90 border border-gray-700 flex items-center justify-center text-xs font-bold text-amber-400">1</div><div class="absolute top-2 right-2 w-2.5 h-2.5 rounded-full" style="background-color:#95a5a6" title="common"></div></div><div class="p-3"><div class="flex items-start justify-between gap-1 mb-1"><h3 class="text-sm font-semibold text-white leading-tight">Strike</h3></div><div class="flex items-center gap-1.5 mb-2"><span class="text-xs px-1.5 py-0.5 rounded font-medium" style="background-color:#2980b933;color:#2980b9">Defect</span><span class="text-xs text-gray-500 capitalize">attack</span></div><p class="text-xs text-gray-400 leading-relaxed line-clamp-3">Deal 6 damage.</p></div></div><div class="group bg-gray-900 border border-gray-800 hover:border-gray-600 rounded-xl overflow-hidden transition-all hover:-translate-y-0.5"><div class="relative bg-gray-800 aspect-[3/4] flex items-center justify-center overflow-hidden"><img src="/images/cards/strike_necrobinder.webp" alt="Strike" class="w-full h-full object-cover" loading="lazy"/><div class="absolute top-2 left-2 w-7 h-7 rounded-full bg-gray-900/90 border border-gray-700 flex items-center justify-center text-xs font-bold text-amber-400">1</div><div class="absolute top-2 right-2 w-2.5 h-2.5 rounded-full" style="background-color:#95a5a6" title="common"></div></div><div class="p-3"><div class="flex items-start justify-between gap-1 mb-1"><h3 class="text-sm font-semibold text-white leading-tight">Strike</h3></div><div class="flex items-center gap-1.5 mb-2"><span class="text-xs px-1.5 py-0.5 rounded font-medium" style="background-color:#2c3e5033;color:#2c3e50">Necrobinder</span><span class="text-xs text-gray-500 capitalize">attack</span></div><p class="text-xs text-gray-400 leading-relaxed line-clamp-3">Deal 6 damage.</p><div class="flex flex-wrap gap-1 mt-2"><span class="text-xs bg-amber-500/20 text-amber-400 px-1.5 py-0.5 rounded border border-amber-500/30">ð</span></div></div></div><div class="group bg-gray-900 border border-gray-800 hover:border-gray-600 rounded-xl overflow-hidden transition-all hover:-translate-y-0.5"><div class="relative bg-gray-800 aspect-[3/4] flex items-center justify-center overflow-hidden"><img src="/images/cards/strike_regent.webp" alt="Strike" class="w-full h-full object-cover" loading="lazy"/><div class="absolute top-2 left-2 w-7 h-7 rounded-full bg-gray-900/90 border border-gray-700 flex items-center justify-center text-xs font-bold text-amber-400">1</div><div class="absolute top-2 right-2 w-2.5 h-2.5 rounded-full" style="background-color:#95a5a6" title="common"></div></div><div class="p-3"><div class="flex items-start justify-between gap-1 mb-1"><h3 class="text-sm font-semibold text-white leading-tight">Strike</h3></div><div class="flex items-center gap-1.5 mb-2"><span class="text-xs px-1.5 py-0.5 rounded font-medium" style="background-color:#8e44ad33;color:#8e44ad">Regent</span><span class="text-xs text-gray-500 capitalize">attack</span></div><p class="text-xs text-gray-400 leading-relaxed line-clamp-3">Deal 6 damage.</p><div class="flex flex-wrap gap-1 mt-2"><span class="text-xs bg-amber-500/20 text-amber-400 px-1.5 py-0.5 rounded border border-amber-500/30">ð</span></div></div></div><div class="group bg-gray-900 border border-gray-800 hover:border-gray-600 rounded-xl overflow-hidden transition-all hover:-translate-y-0.5"><div class="relative bg-gray-800 aspect-[3/4] flex items-center justify-center overflow-hidden"><img src="/images/cards/subroutine.webp" alt="Subroutine" class="w-full h-full object-cover" loading="lazy"/><div class="absolute top-2 left-2 w-7 h-7 rounded-full bg-gray-900/90 border border-gray-700 flex items-center justify-center text-xs font-bold text-amber-400">1</div><div class="absolute top-2 right-2 w-2.5 h-2.5 rounded-full" style="background-color:#27ae60" title="uncommon"></div></div><div class="p-3"><div class="flex items-start justify-between gap-1 mb-1"><h3 class="text-sm font-semibold text-white leading-tight">Subroutine</h3></div><div class="flex items-center gap-1.5 mb-2"><span class="text-xs px-1.5 py-0.5 rounded font-medium" style="background-color:#2980b933;color:#2980b9">Defect</span><span class="text-xs text-gray-500 capitalize">
1power</span></div><p class="text-xs text-gray-400 leading-relaxed line-clamp-3">Whenever you play a Power, gain Energy.</p></div></div><div class="group bg-gray-900 border border-gray-800 hover:border-gray-600 rounded-xl overflow-hidden transition-all hover:-translate-y-0.5"><div class="relative bg-gray-800 aspect-[3/4] flex items-center justify-center overflow-hidden"><img src="/images/cards/sucker_punch.webp" alt="Sucker Punch" class="w-full h-full object-cover" loading="lazy"/><div class="absolute top-2 left-2 w-7 h-7 rounded-full bg-gray-900/90 border border-gray-700 flex items-center justify-center text-xs font-bold text-amber-400">1</div><div class="absolute top-2 right-2 w-2.5 h-2.5 rounded-full" style="background-color:#95a5a6" title="common"></div></div><div class="p-3"><div class="flex items-start justify-between gap-1 mb-1"><h3 class="text-sm font-semibold text-white leading-tight">Sucker Punch</h3></div><div class="flex items-center gap-1.5 mb-2"><span class="text-xs px-1.5 py-0.5 rounded font-medium" style="background-color:#27ae6033;color:#27ae60">Silent</span><span class="text-xs text-gray-500 capitalize">attack</span></div><p class="text-xs text-gray-400 leading-relaxed line-clamp-3">Deal 8 damage. Apply 1 Weak.</p><div class="flex flex-wrap gap-1 mt-2"><span class="text-xs bg-gray-800 text-gray-400 px-1.5 py-0.5 rounded capitalize">weak</span></div></div></div><div class="group bg-gray-900 border border-gray-800 hover:border-gray-600 rounded-xl overflow-hidden transition-all hover:-translate-y-0.5"><div class="relative bg-gray-800 aspect-[3/4] flex items-center justify-center overflow-hidden"><img src="/images/cards/summon_forth.webp" alt="Summon Forth" class="w-full h-full object-cover" loading="lazy"/><div class="absolute top-2 left-2 w-7 h-7 rounded-full bg-gray-900/90 border border-gray-700 flex items-center justify-center text-xs font-bold text-amber-400">1</div><div class="absolute top-2 right-2 w-2.5 h-2.5 rounded-full" style="background-color:#27ae60" title="uncommon"></div></div><div class="p-3"><div class="flex items-start justify-between gap-1 mb-1"><h3 class="text-sm font-semibold text-white leading-tight">Summon Forth</h3></div><div class="flex items-center gap-1.5 mb-2"><span class="text-xs px-1.5 py-0.5 rounded font-medium" style="background-color:#8e44ad33;color:#8e44ad">Regent</span><span class="text-xs text-gray-500 capitalize">skill</span></div><p class="text-xs text-gray-400 leading-relaxed line-clamp-3">Forge 8. Put Sovereign Blade into your Hand from anywhere.</p><div class="flex flex-wrap gap-1 mt-2"><span class="text-xs bg-amber-500/20 text-amber-400 px-1.5 py-0.5 rounded border border-amber-500/30">ð</span></div></div></div><div class="group bg-gray-900 border border-gray-800 hover:border-gray-600 rounded-xl overflow-hidden transition-all hover:-translate-y-0.5"><div class="relative bg-gray-800 aspect-[3/4] flex items-center justify-center overflow-hidden"><img src="/images/cards/sunder.webp" alt="Sunder" class="w-full h-full object-cover" loading="lazy"/><div class="absolute top-2 left-2 w-7 h-7 rounded-full bg-gray-900/90 border border-gray-700 flex items-center justify-center text-xs font-bold text-amber-400">3</div><div class="absolute top-2 right-2 w-2.5 h-2.5 rounded-full" style="background-color:#27ae60" title="uncommon"></div></div><div class="p-3"><div class="flex items-start justify-between gap-1 mb-1"><h3 class="text-sm font-semibold text-white leading-tight">Sunder</h3></div><div class="flex items-center gap-1.5 mb-2"><span class="text-xs px-1.5 py-0.5 rounded font-medium" style="background-color:#2980b933;color:#2980b9">Defect</span><span class="text-xs text-gray-500 capitalize">attack</span></div><p class="text-xs text-gray-400 leading-relaxed line-clamp-3">Deal 24 damage. If this kills an enemy, gain EnergyEnergyEnergy.</p></div></div><div class="group bg-gray-900 border border-gray-800 hover:border-gray-600 rounded-xl overflow-hidden transition-all hover:-translate-y-0.5"><div class="relative bg-gray-800 aspect-[3/4] flex items-center justify-center overflow-hidden"><img src="/images/cards/supercritical.webp" alt="Supercritical" class="w-full h-full object-cover" loading="lazy"/><div class="absolute top-2 left-2 w-7 h-7 rounded-full bg-gray-900/90 border border-gray-700 flex items-center justify-center text-xs font-bold text-amber-400">0</div><div class="absolute top-2 right-2 w-2.5 h-2.5 rounded-full" style="background-color:#f39c12" title="rare"></div></div><div class="p-3"><div class="flex items-start justify-between gap-1 mb-1"><h3 class="text-sm font-semibold text-white leading-tight">Supercritical</h3></div><div class="flex items-center gap-1.5 mb-2"><span class="text-xs px-1.5 py-0.5 rounded font-medium" style="background-color:#2980b933;color:#2980b9">Defect</span><span class="text-xs text-gray-500 capitalize">skill</span></div><p class="text-xs text-gray-400 leading-relaxed line-clamp-3">Gain 4Energy. Exhaust.</p><div class="flex flex-wrap gap-1 mt-2"><span class="text-xs bg-gray-800 text-gray-400 px-1.5 py-0.5 rounded capitalize">exhaust</span></div></div></div><div class="group bg-gray-900 border border-gray-800 hover:border-gray-600 rounded-xl overflow-hidden transition-all hover:-translate-y-0.5"><div class="relative bg-gray-800 aspect-[3/4] flex items-center justify-center overflow-hidden">
1<img src="/images/cards/supermassive.webp" alt="Supermassive" class="w-full h-full object-cover" loading="lazy"/><div class="absolute top-2 left-2 w-7 h-7 rounded-full bg-gray-900/90 border border-gray-700 flex items-center justify-center text-xs font-bold text-amber-400">1</div><div class="absolute top-2 right-2 w-2.5 h-2.5 rounded-full" style="background-color:#27ae60" title="uncommon"></div></div><div class="p-3"><div class="flex items-start justify-between gap-1 mb-1"><h3 class="text-sm font-semibold text-white leading-tight">Supermassive</h3></div><div class="flex items-center gap-1.5 mb-2"><span class="text-xs px-1.5 py-0.5 rounded font-medium" style="background-color:#8e44ad33;color:#8e44ad">Regent</span><span class="text-xs text-gray-500 capitalize">attack</span></div><p class="text-xs text-gray-400 leading-relaxed line-clamp-3">Deal 5 damage. Deals 3 additional damage for each card you created this combat.</p><div class="flex flex-wrap gap-1 mt-2"><span class="text-xs bg-amber-500/20 text-amber-400 px-1.5 py-0.5 rounded border border-amber-500/30">ð</span></div></div></div><div class="group bg-gray-900 border border-gray-800 hover:border-gray-600 rounded-xl overflow-hidden transition-all hover:-translate-y-0.5"><div class="relative bg-gray-800 aspect-[3/4] flex items-center justify-center overflow-hidden"><img src="/images/cards/suppress.webp" alt="Suppress" class="w-full h-full object-cover" loading="lazy"/><div class="absolute top-2 left-2 w-7 h-7 rounded-full bg-gray-900/90 border border-gray-700 flex items-center justify-center text-xs font-bold text-amber-400">0</div><div class="absolute top-2 right-2 w-2.5 h-2.5 rounded-full" style="background-color:#95a5a6" title="common"></div></div><div class="p-3"><div class="flex items-start justify-between gap-1 mb-1"><h3 class="text-sm font-semibold text-white leading-tight">Suppress</h3></div><div class="flex items-center gap-1.5 mb-2"><span class="text-xs px-1.5 py-0.5 rounded font-medium" style="background-color:#27ae6033;color:#27ae60">Silent</span><span class="text-xs text-gray-500 capitalize">attack</span></div><p class="text-xs text-gray-400 leading-relaxed line-clamp-3">Innate. Deal 11 damage. Apply 3 Weak.</p><div class="flex flex-wrap gap-1 mt-2"><span class="text-xs bg-gray-800 text-gray-400 px-1.5 py-0.5 rounded capitalize">innate</span><span class="text-xs bg-gray-800 text-gray-400 px-1.5 py-0.5 rounded capitalize">weak</span></div></div></div><div class="group bg-gray-900 border border-gray-800 hover:border-gray-600 rounded-xl overflow-hidden transition-all hover:-translate-y-0.5"><div class="relative bg-gray-800 aspect-[3/4] flex items-center justify-center overflow-hidden"><img src="/images/cards/survivor.webp" alt="Survivor" class="w-full h-full object-cover" loading="lazy"/><div class="absolute top-2 left-2 w-7 h-7 rounded-full bg-gray-900/90 border border-gray-700 flex items-center justify-center text-xs font-bold text-amber-400">1</div><div class="absolute top-2 right-2 w-2.5 h-2.5 rounded-full" style="background-color:#95a5a6" title="common"></div></div><div class="p-3"><div class="flex items-start justify-between gap-1 mb-1"><h3 class="text-sm font-semibold text-white leading-tight">Survivor</h3></div><div class="flex items-center gap-1.5 mb-2"><span class="text-xs px-1.5 py-0.5 rounded font-medium" style="background-color:#27ae6033;color:#27ae60">Silent</span><span class="text-xs text-gray-500 capitalize">skill</span></div><p class="text-xs text-gray-400 leading-relaxed line-clamp-3">Gain 8 Block. Discard 1 card.</p><div class="flex flex-wrap gap-1 mt-2"><span class="text-xs bg-gray-800 text-gray-400 px-1.5 py-0.5 rounded capitalize">block</span></div></div></div><div class="group bg-gray-900 border border-gray-800 hover:border-gray-600 rounded-xl overflow-hidden transition-all hover:-translate-y-0.5"><div class="relative bg-gray-800 aspect-[3/4] flex items-center justify-center overflow-hidden"><img src="/images/cards/sweeping_beam.webp" alt="Sweeping Beam" class="w-full h-full object-cover" loading="lazy"/><div class="absolute top-2 left-2 w-7 h-7 rounded-full bg-gray-900/90 border border-gray-700 flex items-center justify-center text-xs font-bold text-amber-400">1</div><div class="absolute top-2 right-2 w-2.5 h-2.5 rounded-full" style="background-color:#95a5a6" title="common"></div></div><div class="p-3"><div class="flex items-start justify-between gap-1 mb-1"><h3 class="text-sm font-semibold text-white leading-tight">Sweeping Beam</h3></div><div class="flex items-center gap-1.5 mb-2"><span class="text-xs px-1.5 py-0.5 rounded font-medium" style="background-color:#2980b933;color:#2980b9">Defect</span><span class="text-xs text-gray-500 capitalize">attack</span></div><p class="text-xs text-gray-400 leading-relaxed line-clamp-3">Deal 6 damage to ALL enemies. Draw 1 card.</p></div></div><div class="group bg-gray-900 border border-gray-800 hover:border-gray-600 rounded-xl overflow-hidden transition-all hover:-translate-y-0.5"><div class="relative bg-gray-800 aspect-[3/4] flex items-center justify-center overflow-hidden"><img src="/images/cards/sweeping_gaze.webp" alt="Sweeping Gaze" class="w-full h-full object-cover" loading="lazy"/><div class="absolute top-2 left-2 w-7 h-7 rounded-full bg-gray-900/90 border border-gray-700 flex items-center justify-center text-xs font-bold text-amber-400">1</div><div class="absolute top-2 right-2 w-2.5 h-2.5 rounded-full" style="background-color:#e74
1c3c" title="special"></div></div><div class="p-3"><div class="flex items-start justify-between gap-1 mb-1"><h3 class="text-sm font-semibold text-white leading-tight">Sweeping Gaze</h3></div><div class="flex items-center gap-1.5 mb-2"><span class="text-xs px-1.5 py-0.5 rounded font-medium" style="background-color:#7f8c8d33;color:#7f8c8d">Colorless</span><span class="text-xs text-gray-500 capitalize">attack</span></div><p class="text-xs text-gray-400 leading-relaxed line-clamp-3">Ethereal. Osty deals 10 damage to a random enemy. Exhaust.</p><div class="flex flex-wrap gap-1 mt-2"><span class="text-xs bg-gray-800 text-gray-400 px-1.5 py-0.5 rounded capitalize">exhaust</span><span class="text-xs bg-gray-800 text-gray-400 px-1.5 py-0.5 rounded capitalize">ethereal</span></div></div></div><div class="group bg-gray-900 border border-gray-800 hover:border-gray-600 rounded-xl overflow-hidden transition-all hover:-translate-y-0.5"><div class="relative bg-gray-800 aspect-[3/4] flex items-center justify-center overflow-hidden"><img src="/images/cards/sword_boomerang.webp" alt="Sword Boomerang" class="w-full h-full object-cover" loading="lazy"/><div class="absolute top-2 left-2 w-7 h-7 rounded-full bg-gray-900/90 border border-gray-700 flex items-center justify-center text-xs font-bold text-amber-400">1</div><div class="absolute top-2 right-2 w-2.5 h-2.5 rounded-full" style="background-color:#95a5a6" title="common"></div></div><div class="p-3"><div class="flex items-start justify-between gap-1 mb-1"><h3 class="text-sm font-semibold text-white leading-tight">Sword Boomerang</h3></div><div class="flex items-center gap-1.5 mb-2"><span class="text-xs px-1.5 py-0.5 rounded font-medium" style="background-color:#c0392b33;color:#c0392b">Ironclad</span><span class="text-xs text-gray-500 capitalize">attack</span></div><p class="text-xs text-gray-400 leading-relaxed line-clamp-3">Deal 3 damage to a random enemy 3 times.</p></div></div><div class="group bg-gray-900 border border-gray-800 hover:border-gray-600 rounded-xl overflow-hidden transition-all hover:-translate-y-0.5"><div class="relative bg-gray-800 aspect-[3/4] flex items-center justify-center overflow-hidden"><img src="/images/cards/sword_sage.webp" alt="Sword Sage" class="w-full h-full object-cover" loading="lazy"/><div class="absolute top-2 left-2 w-7 h-7 rounded-full bg-gray-900/90 border border-gray-700 flex items-center justify-center text-xs font-bold text-amber-400">1</div><div class="absolute top-2 right-2 w-2.5 h-2.5 rounded-full" style="background-color:#f39c12" title="rare"></div></div><div class="p-3"><div class="flex items-start justify-between gap-1 mb-1"><h3 class="text-sm font-semibold text-white leading-tight">Sword Sage</h3></div><div class="flex items-center gap-1.5 mb-2"><span class="text-xs px-1.5 py-0.5 rounded font-medium" style="background-color:#8e44ad33;color:#8e44ad">Regent</span><span class="text-xs text-gray-500 capitalize">power</span></div><p class="text-xs text-gray-400 leading-relaxed line-clamp-3">Increase the cost of Sovereign Blade by 1. Sovereign Blade now hits an additional time.</p><div class="flex flex-wrap gap-1 mt-2"><span class="text-xs bg-amber-500/20 text-amber-400 px-1.5 py-0.5 rounded border border-amber-500/30">ð</span></div></div></div><div class="group bg-gray-900 border border-gray-800 hover:border-gray-600 rounded-xl overflow-hidden transition-all hover:-translate-y-0.5"><div class="relative bg-gray-800 aspect-[3/4] flex items-center justify-center overflow-hidden"><img src="/images/cards/synchronize.webp" alt="Synchronize" class="w-full h-full object-cover" loading="lazy"/><div class="absolute top-2 left-2 w-7 h-7 rounded-full bg-gray-900/90 border border-gray-700 flex items-center justify-center text-xs font-bold text-amber-400">1</div><div class="absolute top-2 right-2 w-2.5 h-2.5 rounded-full" style="background-color:#27ae60" title="uncommon"></div></div><div class="p-3"><div class="flex items-start justify-between gap-1 mb-1"><h3 class="text-sm font-semibold text-white leading-tight">Synchronize</h3></div><div class="flex items-center gap-1.5 mb-2"><span class="text-xs px-1.5 py-0.5 rounded font-medium" style="background-color:#2980b933;color:#2980b9">Defect</span><span class="text-xs text-gray-500 capitalize">skill</span></div><p class="text-xs text-gray-400 leading-relaxed line-clamp-3">Gain 2 Focus this turn for each unique Orb you have. Exhaust.</p><div class="flex flex-wrap gap-1 mt-2"><span class="text-xs bg-gray-800 text-gray-400 px-1.5 py-0.5 rounded capitalize">exhaust</span><span class="text-xs bg-gray-800 text-gray-400 px-1.5 py-0.5 rounded capitalize">focus</span></div></div></div><div class="group bg-gray-900 border border-gray-800 hover:border-gray-600 rounded-xl overflow-hidden transition-all hover:-translate-y-0.5"><div class="relative bg-gray-800 aspect-[3/4] flex items-center justify-center overflow-hidden"><img src="/images/cards/synthesis.webp" alt="Synthesis" class="w-full h-full object-cover" loading="lazy"/><div class="absolute top-2 left-2 w-7 h-7 rounded-full bg-gray-900/90 border border-gray-700 flex items-center justify-center text-xs font-bold text-amber-400">2</div><div class="absolute top-2 right-2 w-2.5 h-2.5 rounded-full" style="background-color:#27ae60" title="uncommon"></div></div><div class="p-3"><div class="flex items-start justify-between gap-1 mb-1"><h3 class="text-sm font-semibold text-white leading-tight">Synthesis</h3></div><div class="flex items-center gap-1.5 mb-2"><span class="text-xs px-1.5 py-0.5 rounded font-medium" style="background-color:#2980b933;color:#2980b9">Defect</span><span class="text-xs text-gray-500 capitalize">attack</span></div><p class="text-xs text-gray-400 leading-relaxed line-clamp-3">Deal 12 damage. The next Power you play costs 0 Energy.</p></div></div><div class="group bg-gray-900 border border-gray-800 hover:border-gray-600 rounded-xl overflow-hidden transition-all hover:-translate-y-0.5"><div class="relative bg-gray-800 aspect-[3/4] flex items-center justify-center overflow-hidden"><img src="/images/cards/tactician.webp" alt="Tactician" class="w-full h-full object-cover" loading="lazy"/><div class="absolute top-2 left-2 w-7 h-7 rounded-full bg-gray-900/90 border border-gray-700 flex items-center justify-center text-xs font-bold text-amber-400">3</div><div class="absolute top-2 right-2 w-2.5 h-2.5 rounded-full" style="background-color:#27ae60" title="uncommon"></div></div><div class="p-3"><div class="flex items-start justify-between gap-1 mb-1"><h3 class="text-sm font-semibold text-white leading-tight">Tactician</h3></div><div class="flex items-center gap-1.5 mb-2"><span class="text-xs px-1.5 py-0.5 rounded font-medium" style="background-color:#27ae6033;color:#27ae60">Silent</span><span class="text-xs text-gray-500 capitalize">skill</span></div><p class="text-xs text-gray-400 leading-relaxed line-clamp-3">Sly. Gain Energy.</p><div class="flex flex-wrap gap-1 mt-2"><span class="text-xs bg-gray-800 text-gray-400 px-1.5 py-0.5 rounded capitalize">sly</span></div><div class="flex flex-wrap gap-1 mt-2"><span class="text-xs bg-amber-500/20 text-amber-400 px-1.5 py-0.5 rounded border border-amber-500/30">ð</span></div></div></div><div class="group bg-gray-900 border border-gray-800 hover:border-gray-600 rounded-xl overflow-hidden transition-all hover:-translate-y-0.5"><div class="relative bg-gray-800 aspect-[3/4] flex items-center justify-center overflow-hidden"><img src="/images/cards/tag_team.webp" alt="Tag Team" class="w-full h-full object-cover" loading="lazy"/><div class="absolute top-2 left-2 w-7 h-7 rounded-full bg-gray-900/90 border border-gray-700 flex items-center justify-center text-xs font-bold text-amber-400">1</div><div class="absolute top-2 right-2 w-2.5 h-2.5 rounded-full" style="background-color:#27ae60" title="uncommon"></div></div><div class="p-3"><div class="flex items-start justify-between gap-1 mb-1"><h3 class="text-sm font-semibold text-white leading-tight">Tag Team</h3></div><div class="flex items-center gap-1.5 mb-2"><span class="text-xs px-1.5 py-0.5 rounded font-medium" style="background-color:#7f8c8d33;color:#7f8c8d">Colorless</span><span class="text-xs text-gray-500 capitalize">attack</span></div><p class="text-xs text-gray-400 leading-relaxed line-clamp-3">Deal 11 damage. The next Attack another player plays on the enemy is played an extra time.</p><div class="flex flex-wrap gap-1 mt-2"><span class="text-xs bg-amber-500/20 text-amber-400 px-1.5 py-0.5 rounded border border-amber-500/30">ð¥</span></div></div></div><div class="group bg-gray-900 border border-gray-800 hover:border-gray-600 rounded-xl overflow-hidden transition-all hover:-translate-y-0.5"><div class="relative bg-gray-800 aspect-[3/4] flex items-center justify-center overflow-hidden"><img src="/images/cards/tank.webp" alt="Tank" class="w-full h-full object-cover" loading="lazy"/><div class="absolute top-2 left-2 w-7 h-7 rounded-full bg-gray-900/90 border border-gray-700 flex items-center justify-center text-xs font-bold text-amber-400">1</div><div class="absolute top-2 right-2 w-2.5 h-2.5 rounded-full" style="background-color:#f39c12" title="rare"></div></div><div class="p-3"><div class="flex items-start justify-between gap-1 mb-1"><h3 class="text-sm font-semibold text-white leading-tight">Tank</h3></div><div class="flex items-center gap-1.5 mb-2"><span class="text-xs px-1.5 py-0.5 rounded font-medium" style="background-color:#c0392b33;color:#c0392b">Ironclad</span><span class="text-xs text-gray-500 capitalize">skill</span></div><p class="text-xs text-gray-400 leading-relaxed line-clamp-3">Take double damage from enemies. Allies take half damage from enemies.</p></div></div><div class="group bg-gray-900 border border-gray-800 hover:border-gray-600 rounded-xl overflow-hidden transition-all hover:-translate-y-0.5"><div class="relative bg-gray-800 aspect-[3/4] flex items-center justify-center overflow-hidden"><img src="/images/cards/taunt.webp" alt="Taunt" class="w-full h-full object-cover" loading="lazy"/><div class="absolute top-2 left-2 w-7 h-7 rounded-full bg-gray-900/90 border border-gray-700 flex items-center justify-center text-xs font-bold text-amber-400">1</div><div class="absolute top-2 right-2 w-2.5 h-2.5 rounded-full" style="background-color:#27ae60" title="uncommon"></div></div><div class="p-3"><div class="flex items-start justify-between gap-1 mb-1"><h3 class="text-sm font-semibold text-white leading-tight">Taunt</h3></div><div class="flex items-center gap-1.5 mb-2"><span class="text-xs px-1.5 py-0.5 rounded font-medium" style="background-color:#c0392b33;color:#c0392b">Ironclad</span><span class="text-xs text-gray-500 capitalize">skill</span></div><p class="text-xs text-gray-400 leading-relaxed line-clamp-3">Gain 7 Block. Apply 1 Vulnerable.</p><div class="flex flex-wrap gap-1 mt-2"><span class="text-xs bg-gray-800 text-gray-400 px-1.5 py-0.5 rounded capitalize">vulnerable</span><span class="text-xs bg-gray-800 text-gray-400 px-1.5 py-0.5 rounded capitalize">block</span></div></div></div><div class="group bg-gray-900 border border-gray-800 hover:border-gray-600 rounded-xl overflow-hidden transition-all hover:-translate-y-0.5"><div class="relative bg-gray-800 aspect-[3/4] flex items-center justify-center overflow-hidden"><img src="/images/cards/tear_asunder.webp" alt="Tear Asunder" class="w-full h-full object-cover" loading="lazy"/><div class="absolute top-2 left-2 w-7 h-7 rounded-full bg-gray-900/90 border border-gray-700 flex items-center justify-center text-xs font-bold text-amber-400">2</div><div class="absolute top-2 right-2 w-2.5 h-2.5 rounded-full" style="background-color:#f39c12" title="rare"></div></div><div class="p-3"><div class="flex items-start justify-between gap-1 mb-1"><h3 class="text-sm font-semibold text-white leading-tight">Tear Asunder</h3></div><div class="flex items-center gap-1.5 mb-2"><span class="text-xs px-1.5 py-0.5 rounded font-medium" style="background-color:#c0392b33;color:#c0392b">Ironclad</span><span class="text-xs text-gray-500 capitalize">attack</span></div><p class="text-xs text-gray-400 leading-relaxed line-clamp-3">Deal 5 damage. Hits an additional time for each time you lost HP this combat.</p></div></div><div class="group bg-gray-900 border border-gray-800 hover:border-gray-600 rounded-xl overflow-hidden transition-all hover:-translate-y-0.5"><div class="relative bg-gray-800 aspect-[3/4] flex items-center justify-center overflow-hidden"><img src="/images/cards/tempest.webp" alt="Tempest" class="w-full h-full object-cover" loading="lazy"/><div class="absolute top-2 left-2 w-7 h-7 rounded-full bg-gray-900/90 border border-gray-700 flex items-center justify-center text-xs font-bold text-amber-400">X</div><div class="absolute top-2 right-2 w-2.5 h-2.5 rounded-full" style="background-color:#27ae60" title="uncommon"></div></div><div class="p-3"><div class="flex items-start justify-between gap-1 mb-1"><h3 class="text-sm font-semibold text-white leading-tight">Tempest</h3></div><div class="flex items-center gap-1.5 mb-2"><span class="text-xs px-1.5 py-0.5 rounded font-medium" style="background-color:#2980b933;color:#2980b9">Defect</span><span class="text-xs text-gray-500 capitalize">skill</span></div><p class="text-xs text-gray-400 leading-relaxed line-clamp-3">Channel X Lightning.</p></div></div><div class="group bg-gray-900 border border-gray-800 hover:border-gray-600 rounded-xl overflow-hidden transition-all hover:-translate-y-0.5"><div class="relative bg-gray-800 aspect-[3/4] flex items-center justify-center overflow-hidden"><img src="/images/cards/terraforming.webp" alt="Terraforming" class="w-full h-full object-cover" loading="lazy"/><div class="absolute top-2 left-2 w-7 h-7 rounded-full bg-gray-900/90 border border-gray-700 flex items-center justify-center text-xs font-bold text-amber-400">1</div><div class="absolute top-2 right-2 w-2.5 h-2.5 rounded-full" style="background-color:#27ae60" title="uncommon"></div></div><div class="p-3"><div class="flex items-start justify-between gap-1 mb-1"><h3 class="text-sm font-semibold text-white leading-tight">Terraforming</h3></div><div class="flex items-center gap-1.5 mb-2"><span class="text-xs px-1.5 py-0.5 rounded font-medium" style="background-color:#8e44ad33;color:#8e44ad">Regent</span><span class="text-xs text-gray-500 capitalize">skill</span></div><p class="text-xs text-gray-400 leading-relaxed line-clamp-3">Gain 6 Vigor.</p><div class="flex flex-wrap gap-1 mt-2"><span class="text-xs bg-amber-500/20 text-amber-400 px-1.5 py-0.5 rounded border border-amber-500/30">ð</span></div></div></div><div class="group bg-gray-900 border border-gray-800 hover:border-gray-600 rounded-xl overflow-hidden transition-all hover:-translate-y-0.5"><div class="relative bg-gray-800 aspect-[3/4] flex items-center justify-center overflow-hidden"><img src="/images/cards/tesla_coil.webp" alt="Tesla Coil" class="w-full h-full object-cover" loading="lazy"/><div class="absolute top-2 left-2 w-7 h-7 rounded-full bg-gray-900/90 border border-gray-700 flex items-center justify-center text-xs font-bold text-amber-400">0</div><div class="absolute top-2 right-2 w-2.5 h-2.5 rounded-full" style="background-color:#27ae60" title="uncommon"></div></div><div class="p-3"><div class="flex items-start justify-between gap-1 mb-1"><h3 class="text-sm font-semibold text-white leading-tight">Tesla Coil</h3></div><div class="flex items-center gap-1.5 mb-2"><span class="text-xs px-1.5 py-0.5 rounded font-medium" style="background-color:#2980b933;color:#2980b9">Defect</span><span class="text-xs text-gray-500 capitalize">attack</span></div><p class="text-xs text-gray-400 leading-relaxed line-clamp-3">Deal 3 damage. Trigger all Lightning against the enemy.</p></div></div><div class="group bg-gray-900 border border-gray-800 hover:border-gray-600 rounded-xl overflow-hidden transition-all hover:-translate-y-0.5"><div class="relative bg-gray-800 aspect-[3/4] flex items-center justify-center overflow-hidden"><img src="/images/cards/the_bomb.webp" alt="The Bomb" class="w-full h-full object-cover" loading="lazy"/><div class="absolute top-2 left-2 w-7 h-7 rounded-full bg-gray-900/90 border border-gray-700 flex items-center justify-center text-xs font-bold text-amber-400">1</div><div class="absolute top-2 right-2 w-2.5 h-2.5 rounded-full" style="background-color:#27ae60" title="uncommon
1"></div></div><div class="p-3"><div class="flex items-start justify-between gap-1 mb-1"><h3 class="text-sm font-semibold text-white leading-tight">The Bomb</h3></div><div class="flex items-center gap-1.5 mb-2"><span class="text-xs px-1.5 py-0.5 rounded font-medium" style="background-color:#7f8c8d33;color:#7f8c8d">Colorless</span><span class="text-xs text-gray-500 capitalize">skill</span></div><p class="text-xs text-gray-400 leading-relaxed line-clamp-3">At the end of 3 turns, deal 40 damage to ALL enemies.</p></div></div><div class="group bg-gray-900 border border-gray-800 hover:border-gray-600 rounded-xl overflow-hidden transition-all hover:-translate-y-0.5"><div class="relative bg-gray-800 aspect-[3/4] flex items-center justify-center overflow-hidden"><img src="/images/cards/the_gambit.webp" alt="The Gambit" class="w-full h-full object-cover" loading="lazy"/><div class="absolute top-2 left-2 w-7 h-7 rounded-full bg-gray-900/90 border border-gray-700 flex items-center justify-center text-xs font-bold text-amber-400">1</div><div class="absolute top-2 right-2 w-2.5 h-2.5 rounded-full" style="background-color:#f39c12" title="rare"></div></div><div class="p-3"><div class="flex items-start justify-between gap-1 mb-1"><h3 class="text-sm font-semibold text-white leading-tight">The Gambit</h3></div><div class="flex items-center gap-1.5 mb-2"><span class="text-xs px-1.5 py-0.5 rounded font-medium" style="background-color:#7f8c8d33;color:#7f8c8d">Colorless</span><span class="text-xs text-gray-500 capitalize">skill</span></div><p class="text-xs text-gray-400 leading-relaxed line-clamp-3">Gain 50 Block. If you take unblocked attack damage this combat, die.</p><div class="flex flex-wrap gap-1 mt-2"><span class="text-xs bg-gray-800 text-gray-400 px-1.5 py-0.5 rounded capitalize">block</span></div></div></div><div class="group bg-gray-900 border border-gray-800 hover:border-gray-600 rounded-xl overflow-hidden transition-all hover:-translate-y-0.5"><div class="relative bg-gray-800 aspect-[3/4] flex items-center justify-center overflow-hidden"><img src="/images/cards/the_hunt.webp" alt="The Hunt" class="w-full h-full object-cover" loading="lazy"/><div class="absolute top-2 left-2 w-7 h-7 rounded-full bg-gray-900/90 border border-gray-700 flex items-center justify-center text-xs font-bold text-amber-400">1</div><div class="absolute top-2 right-2 w-2.5 h-2.5 rounded-full" style="background-color:#f39c12" title="rare"></div></div><div class="p-3"><div class="flex items-start justify-between gap-1 mb-1"><h3 class="text-sm font-semibold text-white leading-tight">The Hunt</h3></div><div class="flex items-center gap-1.5 mb-2"><span class="text-xs px-1.5 py-0.5 rounded font-medium" style="background-color:#27ae6033;color:#27ae60">Silent</span><span class="text-xs text-gray-500 capitalize">attack</span></div><p class="text-xs text-gray-400 leading-relaxed line-clamp-3">Deal 10 damage. If Fatal, gain an additional card reward. Exhaust.</p><div class="flex flex-wrap gap-1 mt-2"><span class="text-xs bg-gray-800 text-gray-400 px-1.5 py-0.5 rounded capitalize">exhaust</span></div></div></div><div class="group bg-gray-900 border border-gray-800 hover:border-gray-600 rounded-xl overflow-hidden transition-all hover:-translate-y-0.5"><div class="relative bg-gray-800 aspect-[3/4] flex items-center justify-center overflow-hidden"><img src="/images/cards/the_scythe.webp" alt="The Scythe" class="w-full h-full object-cover" loading="lazy"/><div class="absolute top-2 left-2 w-7 h-7 rounded-full bg-gray-900/90 border border-gray-700 flex items-center justify-center text-xs font-bold text-amber-400">1</div><div class="absolute top-2 right-2 w-2.5 h-2.5 rounded-full" style="background-color:#f39c12" title="rare"></div></div><div class="p-3"><div class="flex items-start justify-between gap-1 mb-1"><h3 class="text-sm font-semibold text-white leading-tight">The Scythe</h3></div><div class="flex items-center gap-1.5 mb-2"><span class="text-xs px-1.5 py-0.5 rounded font-medium" style="background-color:#2c3e5033;color:#2c3e50">Necrobinder</span><span class="text-xs text-gray-500 capitalize">attack</span></div><p class="text-xs text-gray-400 leading-relaxed line-clamp-3">Deal 13 damage. Permanently increase this card'
1s damage by 3. Exhaust.</p><div class="flex flex-wrap gap-1 mt-2"><span class="text-xs bg-gray-800 text-gray-400 px-1.5 py-0.5 rounded capitalize">exhaust</span></div><div class="flex flex-wrap gap-1 mt-2"><span class="text-xs bg-amber-500/20 text-amber-400 px-1.5 py-0.5 rounded border border-amber-500/30">ð</span></div></div></div><div class="group bg-gray-900 border border-gray-800 hover:border-gray-600 rounded-xl overflow-hidden transition-all hover:-translate-y-0.5"><div class="relative bg-gray-800 aspect-[3/4] flex items-center justify-center overflow-hidden"><img src="/images/cards/the_sealed_throne.webp" alt="The Sealed Throne" class="w-full h-full object-cover" loading="lazy"/><div class="absolute top-2 left-2 w-7 h-7 rounded-full bg-gray-900/90 border border-gray-700 flex items-center justify-center text-xs font-bold text-amber-400">1</div><div class="absolute top-2 right-2 w-2.5 h-2.5 rounded-full" style="background-color:#95a5a6" title="common"></div></div><div class="p-3"><div class="flex items-start justify-between gap-1 mb-1"><h3 class="text-sm font-semibold text-white leading-tight">The Sealed Throne</h3></div><div class="flex items-center gap-1.5 mb-2"><span class="text-xs px-1.5 py-0.5 rounded font-medium" style="background-color:#8e44ad33;color:#8e44ad">Regent</span><span class="text-xs text-gray-500 capitalize">power</span></div><p class="text-xs text-gray-400 leading-relaxed line-clamp-3">Whenever you play a card, gain Energy.</p><div class="flex flex-wrap gap-1 mt-2"><span class="text-xs bg-amber-500/20 text-amber-400 px-1.5 py-0.5 rounded border border-amber-500/30">ð</span></div></div></div><div class="group bg-gray-900 border border-gray-800 hover:border-gray-600 rounded-xl overflow-hidden transition-all hover:-translate-y-0.5"><div class="relative bg-gray-800 aspect-[3/4] flex items-center justify-center overflow-hidden"><img src="/images/cards/the_smith.webp" alt="The Smith" class="w-full h-full object-cover" loading="lazy"/><div class="absolute top-2 left-2 w-7 h-7 rounded-full bg-gray-900/90 border border-gray-700 flex items-center justify-center text-xs font-bold text-amber-400">1</div><div class="absolute top-2 right-2 w-2.5 h-2.5 rounded-full" style="background-color:#f39c12" title="rare"></div></div><div class="p-3"><div class="flex items-start justify-between gap-1 mb-1"><h3 class="text-sm font-semibold text-white leading-tight">The Smith</h3></div><div class="flex items-center gap-1.5 mb-2"><span class="text-xs px-1.5 py-0.5 rounded font-medium" style="background-color:#8e44ad33;color:#8e44ad">Regent</span><span class="text-xs text-gray-500 capitalize">skill</span></div><p class="text-xs text-gray-400 leading-relaxed line-clamp-3">Forge 30.</p><div class="flex flex-wrap gap-1 mt-2"><span class="text-xs bg-amber-500/20 text-amber-400 px-1.5 py-0.5 rounded border border-amber-500/30">ð</span></div></div></div><div class="group bg-gray-900 border border-gray-800 hover:border-gray-600 rounded-xl overflow-hidden transition-all hover:-translate-y-0.5"><div class="relative bg-gray-800 aspect-[3/4] flex items-center justify-center overflow-hidden"><img src="/images/cards/thinking_ahead.webp" alt="Thinking Ahead" class="w-full h-full object-cover" loading="lazy"/><div class="absolute top-2 left-2 w-7 h-7 rounded-full bg-gray-900/90 border border-gray-700 flex items-center justify-center text-xs font-bold text-amber-400">1</div><div class="absolute top-2 right-2 w-2.5 h-2.5 rounded-full" style="background-color:#27ae60" title="uncommon"></div></div><div class="p-3"><div class="flex items-start justify-between gap-1 mb-1"><h3 class="text-sm font-semibold text-white leading-tight">Thinking Ahead</h3></div><div class="flex items-center gap-1.5 mb-2"><span class="text-xs px-1.5 py-0.5 rounded font-medium" style="background-color:#7f8c8d33;color:#7f8c8d">Colorless</span><span class="text-xs text-gray-500 capitalize">skill</span></div><p class="text-xs text-gray-400 leading-relaxed line-clamp-3">Draw 2 cards. Put 1 card from your Hand on top of your Draw Pile. Exhaust.</p><div class="flex flex-wrap gap-1 mt-2"><span class="text-xs bg-gray-800 text-gray-400 px-1.5 py-0.5 rounded capitalize">exhaust</span></div></div></div><div class="group bg-gray-900 border border-gray-800 hover:border-gray-600 rounded-xl overflow-hidden transition-all hover:-translate-y-0.5"><div class="relative bg-gray-800 aspect-[3/4] flex items-center justify-center overflow-hidden"><img src="/images/cards/thrash.webp" alt="Thrash" class="w-full h-full object-cover" loading="lazy"/><div class="absolute top-2 left-2 w-7 h-7 rounded-full bg-gray-900/90 border border-gray-700 flex items-center justify-center text-xs font-bold text-amber-400">1</div><div class="absolute top-2 right-2 w-2.5 h-2.5 rounded-full" style="background-color:#f39c12" title="rare"></div></div><div class="p-3"><div class="flex items-start justify-between gap-1 mb-1"><h3 class="text-sm font-semibold text-white leading-tight">Thrash</h3></div><div class="flex items-center gap-1.5 mb-2"><span class="text-xs px-1.5 py-0.5 rounded font-medium" style="background-color:#c0392b33;color:#c0392b">Ironclad</span><span class="text-xs text-gray-500 capitalize">attack</span></div><p class="text-xs text-gray-400 leading-relaxed line-clamp-3">Deal 4 damage twice. Exhaust a random Attack in your Hand and add its damage to this card.</p><div class="flex flex-wrap gap-1 mt-2"><span class="text-xs bg-gray-800 text-gray-400 px-1.5 py-0.5 rounded capitalize">exhaust</span></div></div></div><div class="group bg-gray-900 border border-gray-800 hover:border-gray-600 rounded-xl overflow-hidden transition-all hover:-translate-y-0.5"><div class="relative bg-gray-800 aspect-[3/4] flex items-center justify-center overflow-hidden"><img src="/images/cards/thrumming_hatchet.webp" alt="Thrumming Hatchet" class="w-full h-full object-cover" loading="lazy"/><div class="absolute top-2 left-2 w-7 h-7 rounded-full bg-gray-900/90 border border-gray-700 flex items-center justify-center text-xs font-bold text-amber-400">1</div><div class="absolute top-2 right-2 w-2.5 h-2.5 rounded-full" style="background-color:#27ae60" title="uncommon"></div></div><div class="p-3"><div class="flex items-start justify-between gap-1 mb-1"><h3 class="text-sm font-semibold text-white leading-tight">Thrumming Hatchet</h3></div><div class="flex items-center gap-1.5 mb-2"><span class="text-xs px-1.5 py-0.5 rounded font-medium" style="background-color:#7f8c8d33;color:#7f8c8d">Colorless</span><span class="text-xs text-gray-500 capitalize">attack</span></div><p class="text-xs text-gray-400 leading-relaxed line-clamp-3">Deal 11 damage. At the start of your next turn, return this to your Hand.</p></div></div><div class="group bg-gray-900 border border-gray-800 hover:border-gray-600 rounded-xl overflow-hidden transition-all hover:-translate-y-0.5"><div class="relative bg-gray-800 aspect-[3/4] flex items-center justify-center overflow-hidden"><img src="/images/cards/thunder.webp" alt="Thunder" class="w-full h-full object-cover" loading="lazy"/><div class="absolute top-2 left-2 w-7 h-7 rounded-full bg-gray-900/90 border border-gray-700 flex items-center justify-center text-xs font-bold text-amber-400">1</div><div class="absolute top-2 right-2 w-2.5 h-2.5 rounded-full" style="background-color:#27ae60" title="uncommon"></div></div><div class="p-3"><div class="flex items-start justify-between gap-1 mb-1"><h3 class="text-sm font-semibold text-white leading-tight">Thunder</h3></div><div class="flex items-center gap-1.5 mb-2"><span class="text-xs px-1.5 py-0.5 rounded font-medium" style="background-color:#2980b933;color:#2980b9">Defect</span><span class="text-xs text-gray-500 capitalize">
1power</span></div><p class="text-xs text-gray-400 leading-relaxed line-clamp-3">Whenever you Evoke Lightning, deal 6 damage to each enemy hit.</p></div></div><div class="group bg-gray-900 border border-gray-800 hover:border-gray-600 rounded-xl overflow-hidden transition-all hover:-translate-y-0.5"><div class="relative bg-gray-800 aspect-[3/4] flex items-center justify-center overflow-hidden"><img src="/images/cards/thunderclap.webp" alt="Thunderclap" class="w-full h-full object-cover" loading="lazy"/><div class="absolute top-2 left-2 w-7 h-7 rounded-full bg-gray-900/90 border border-gray-700 flex items-center justify-center text-xs font-bold text-amber-400">1</div><div class="absolute top-2 right-2 w-2.5 h-2.5 rounded-full" style="background-color:#95a5a6" title="common"></div></div><div class="p-3"><div class="flex items-start justify-between gap-1 mb-1"><h3 class="text-sm font-semibold text-white leading-tight">Thunderclap</h3></div><div class="flex items-center gap-1.5 mb-2"><span class="text-xs px-1.5 py-0.5 rounded font-medium" style="background-color:#c0392b33;color:#c0392b">Ironclad</span><span class="text-xs text-gray-500 capitalize">attack</span></div><p class="text-xs text-gray-400 leading-relaxed line-clamp-3">Deal 4 damage and apply 1 Vulnerable to ALL enemies.</p><div class="flex flex-wrap gap-1 mt-2"><span class="text-xs bg-gray-800 text-gray-400 px-1.5 py-0.5 rounded capitalize">vulnerable</span></div></div></div><div class="group bg-gray-900 border border-gray-800 hover:border-gray-600 rounded-xl overflow-hidden transition-all hover:-translate-y-0.5"><div class="relative bg-gray-800 aspect-[3/4] flex items-center justify-center overflow-hidden"><img src="/images/cards/times_up.webp" alt="Time's Up" class="w-full h-full object-cover" loading="lazy"/><div class="absolute top-2 left-2 w-7 h-7 rounded-full bg-gray-900/90 border border-gray-700 flex items-center justify-center text-xs font-bold text-amber-400">1</div><div class="absolute top-2 right-2 w-2.5 h-2.5 rounded-full" style="background-color:#f39c12" title="rare"></div></div><div class="p-3"><div class="flex items-start justify-between gap-1 mb-1"><h3 class="text-sm font-semibold text-white leading-tight">Time's Up</h3></div><div class="flex items-center gap-1.5 mb-2"><span class="text-xs px-1.5 py-0.5 rounded font-medium" style="background-color:#2c3e5033;color:#2c3e50">Necrobinder</span><span class="text-xs text-gray-500 capitalize">attack</span></div><p class="text-xs text-gray-400 leading-relaxed line-clamp-3">Deal damage equal to the enemy's Doom. Exhaust.</p><div class="flex flex-wrap gap-1 mt-2"><span class="text-xs bg-gray-800 text-gray-400 px-1.5 py-0.5 rounded capitalize">doom</span><span class="text-xs bg-gray-800 text-gray-400 px-1.5 py-0.5 rounded capitalize">exhaust</span></div><div class="flex flex-wrap gap-1 mt-2"><span class="text-xs bg-amber-500/20 text-amber-400 px-1.5 py-0.5 rounded border border-amber-500/30">ð</span><span class="text-xs bg-amber-500/20 text-amber-400 px-1.5 py-0.5 rounded border border-amber-500/30">ð</span></div></div></div><div class="group bg-gray-900 border border-gray-800 hover:border-gray-600 rounded-xl overflow-hidden transition-all hover:-translate-y-0.5"><div class="relative bg-gray-800 aspect-[3/4] flex items-center justify-center overflow-hidden"><img src="/images/cards/tools_of_the_trade.webp" alt="Tools of the Trade" class="w-full h-full object-cover" loading="lazy"/><div class="absolute top-2 left-2 w-7 h-7 rounded-full bg-gray-900/90 border border-gray-700 flex items-center justify-center text-xs font-bold text-amber-400">1</div><div class="absolute top-2 right-2 w-2.5 h-2.5 rounded-full" style="background-color:#f39c12" title="rare"></div></div><div class="p-3"><div class="flex items-start justify-between gap-1 mb-1"><h3 class="text-sm font-semibold text-white leading-tight">Tools of the Trade</h3></div><div class="flex items-center gap-1.5 mb-2"><span class="text-xs px-1.5 py-0.5 rounded font-medium" style="background-color:#27ae6033;color:#27ae60">Silent</span><span class="text-xs text-gray-500 capitalize">
1power</span></div><p class="text-xs text-gray-400 leading-relaxed line-clamp-3">At the start of your turn, draw 1 card and discard 1 card.</p></div></div><div class="group bg-gray-900 border border-gray-800 hover:border-gray-600 rounded-xl overflow-hidden transition-all hover:-translate-y-0.5"><div class="relative bg-gray-800 aspect-[3/4] flex items-center justify-center overflow-hidden"><img src="/images/cards/toric_toughness.webp" alt="Toric Toughness" class="w-full h-full object-cover" loading="lazy"/><div class="absolute top-2 left-2 w-7 h-7 rounded-full bg-gray-900/90 border border-gray-700 flex items-center justify-center text-xs font-bold text-amber-400">1</div><div class="absolute top-2 right-2 w-2.5 h-2.5 rounded-full" style="background-color:#27ae60" title="uncommon"></div></div><div class="p-3"><div class="flex items-start justify-between gap-1 mb-1"><h3 class="text-sm font-semibold text-white leading-tight">Toric Toughness</h3></div><div class="flex items-center gap-1.5 mb-2"><span class="text-xs px-1.5 py-0.5 rounded font-medium" style="background-color:#7f8c8d33;color:#7f8c8d">Colorless</span><span class="text-xs text-gray-500 capitalize">skill</span></div><p class="text-xs text-gray-400 leading-relaxed line-clamp-3">Gain 5 Block. Gain 5 Block at the start of the next 2 turns.</p><div class="flex flex-wrap gap-1 mt-2"><span class="text-xs bg-gray-800 text-gray-400 px-1.5 py-0.5 rounded capitalize">block</span></div></div></div><div class="group bg-gray-900 border border-gray-800 hover:border-gray-600 rounded-xl overflow-hidden transition-all hover:-translate-y-0.5"><div class="relative bg-gray-800 aspect-[3/4] flex items-center justify-center overflow-hidden"><img src="/images/cards/toxic.webp" alt="Toxic" class="w-full h-full object-cover" loading="lazy"/><div class="absolute top-2 left-2 w-7 h-7 rounded-full bg-gray-900/90 border border-gray-700 flex items-center justify-center text-xs font-bold text-amber-400">1</div><div class="absolute top-2 right-2 w-2.5 h-2.5 rounded-full" style="background-color:#95a5a6" title="common"></div></div><div class="p-3"><div class="flex items-start justify-between gap-1 mb-1"><h3 class="text-sm font-semibold text-white leading-tight">Toxic</h3></div><div class="flex items-center gap-1.5 mb-2"><span class="text-xs px-1.5 py-0.5 rounded font-medium" style="background-color:#7f8c8d33;color:#7f8c8d">Colorless</span><span class="text-xs text-gray-500 capitalize">skill</span></div><p class="text-xs text-gray-400 leading-relaxed line-clamp-3">At the end of your turn, if this is in your Hand, take 5 damage. Exhaust.</p><div class="flex flex-wrap gap-1 mt-2"><span class="text-xs bg-gray-800 text-gray-400 px-1.5 py-0.5 rounded capitalize">exhaust</span></div></div></div><div class="group bg-gray-900 border border-gray-800 hover:border-gray-600 rounded-xl overflow-hidden transition-all hover:-translate-y-0.5"><div class="relative bg-gray-800 aspect-[3/4] flex items-center justify-center overflow-hidden"><img src="/images/cards/tracking.webp" alt="Tracking" class="w-full h-full object-cover" loading="lazy"/><div class="absolute top-2 left-2 w-7 h-7 rounded-full bg-gray-900/90 border border-gray-700 flex items-center justify-center text-xs font-bold text-amber-400">2</div><div class="absolute top-2 right-2 w-2.5 h-2.5 rounded-full" style="background-color:#f39c12" title="rare"></div></div><div class="p-3"><div class="flex items-start justify-between gap-1 mb-1"><h3 class="text-sm font-semibold text-white leading-tight">Tracking</h3></div><div class="flex items-center gap-1.5 mb-2"><span class="text-xs px-1.5 py-0.5 rounded font-medium" style="background-color:#27ae6033;color:#27ae60">Silent</span><span class="text-xs text-gray-500 capitalize">power</span></div><p class="text-xs text-gray-400 leading-relaxed line-clamp-3">Weak enemies take double damage from Attacks.</p><div class="flex flex-wrap gap-1 mt-2"><span class="text-xs bg-gray-800 text-gray-400 px-1.5 py-0.5 rounded capitalize">weak</span></div></div></div><div class="group bg-gray-900 border border-gray-800 hover:border-gray-600 rounded-xl overflow-hidden transition-all hover:-translate-y-0.5"><div class="relative bg-gray-800 aspect-[3/4] flex items-center justify-center overflow-hidden"><img src="/images/cards/transfigure.webp" alt="Transfigure" class="w-full h-full object-cover" loading="lazy"/><div class="absolute top-2 left-2 w-7 h-7 rounded-full bg-gray-900/90 border border-gray-700 flex items-center justify-center text-xs font-bold text-amber-400">1</div><div class="absolute top-2 right-2 w-2.5 h-2.5 rounded-full" style="background-color:#f39c12" title="rare"></div></div><div class="p-3"><div class="flex items-start justify-between gap-1 mb-1"><h3 class="text-sm font-semibold text-white leading-tight">Transfigure</h3></div><div class="flex items-center gap-1.5 mb-2"><span class="text-xs px-1.5 py-0.5 rounded font-medium" style="background-color:#2c3e5033;color:#2c3e50">Necrobinder</span><span class="text-xs text-gray-500 capitalize">skill</span></div><p class="text-xs text-gray-400 leading-relaxed line-clamp-3">Add Replay to a card in your Hand. It costs an extra Energy. Exhaust.</p><div class="flex flex-wrap gap-1 mt-2"><span class="text-xs bg-gray-800 text-gray-400 px-1.5 py-0.5 rounded capitalize">exhaust</span></div><div class="flex flex-wrap gap-1 mt-2"><span class="text-xs bg-amber-500/20 text-amber-400 px-1.5 py-0.5 rounded border border-amber-500/30">ð</span></div></div></div><div class="group bg-gray-900 border border-gray-800 hover:border-gray-600 rounded-xl overflow-hidden transition-all hover:-translate-y-0.5"><div class="relative bg-gray-800 aspect-[3/4] flex items-center justify-center overflow-hidden"><img src="/images/cards/trash_to_treasure.webp" alt="Trash to Treasure" class="w-full h-full object-cover" loading="lazy"/><div class="absolute top-2 left-2 w-7 h-7 rounded-full bg-gray-900/90 border border-gray-700 flex items-center justify-center text-xs font-bold text-amber-400">1</div><div class="absolute top-2 right-2 w-2.5 h-2.5 rounded-full" style="background-color:#f39c12" title="rare"></div></div><div class="p-3"><div class="flex items-start justify-between gap-1 mb-1"><h3 class="text-sm font-semibold text-white leading-tight">Trash to Treasure</h3></div><div class="flex items-center gap-1.5 mb-2"><span class="text-xs px-1.5 py-0.5 rounded font-medium" style="background-color:#2980b933;color:#2980b9">Defect</span><span class="text-xs text-gray-500 capitalize">
1power</span></div><p class="text-xs text-gray-400 leading-relaxed line-clamp-3">Whenever you create a Status card, Channel 1 random Orb.</p><div class="flex flex-wrap gap-1 mt-2"><span class="text-xs bg-gray-800 text-gray-400 px-1.5 py-0.5 rounded capitalize">status</span></div></div></div><div class="group bg-gray-900 border border-gray-800 hover:border-gray-600 rounded-xl overflow-hidden transition-all hover:-translate-y-0.5"><div class="relative bg-gray-800 aspect-[3/4] flex items-center justify-center overflow-hidden"><img src="/images/cards/tremble.webp" alt="Tremble" class="w-full h-full object-cover" loading="lazy"/><div class="absolute top-2 left-2 w-7 h-7 rounded-full bg-gray-900/90 border border-gray-700 flex items-center justify-center text-xs font-bold text-amber-400">1</div><div class="absolute top-2 right-2 w-2.5 h-2.5 rounded-full" style="background-color:#95a5a6" title="common"></div></div><div class="p-3"><div class="flex items-start justify-between gap-1 mb-1"><h3 class="text-sm font-semibold text-white leading-tight">Tremble</h3></div><div class="flex items-center gap-1.5 mb-2"><span class="text-xs px-1.5 py-0.5 rounded font-medium" style="background-color:#c0392b33;color:#c0392b">Ironclad</span><span class="text-xs text-gray-500 capitalize">skill</span></div><p class="text-xs text-gray-400 leading-relaxed line-clamp-3">Apply 2 Vulnerable.</p><div class="flex flex-wrap gap-1 mt-2"><span class="text-xs bg-gray-800 text-gray-400 px-1.5 py-0.5 rounded capitalize">vulnerable</span></div></div></div><div class="group bg-gray-900 border border-gray-800 hover:border-gray-600 rounded-xl overflow-hidden transition-all hover:-translate-y-0.5"><div class="relative bg-gray-800 aspect-[3/4] flex items-center justify-center overflow-hidden"><img src="/images/cards/true_grit.webp" alt="True Grit" class="w-full h-full object-cover" loading="lazy"/><div class="absolute top-2 left-2 w-7 h-7 rounded-full bg-gray-900/90 border border-gray-700 flex items-center justify-center text-xs font-bold text-amber-400">1</div><div class="absolute top-2 right-2 w-2.5 h-2.5 rounded-full" style="background-color:#95a5a6" title="common"></div></div><div class="p-3"><div class="flex items-start justify-between gap-1 mb-1"><h3 class="text-sm font-semibold text-white leading-tight">True Grit</h3></div><div class="flex items-center gap-1.5 mb-2"><span class="text-xs px-1.5 py-0.5 rounded font-medium" style="background-color:#c0392b33;color:#c0392b">Ironclad</span><span class="text-xs text-gray-500 capitalize">skill</span></div><p class="text-xs text-gray-400 leading-relaxed line-clamp-3">Gain 7 Block. Exhaust 1 card .</p><div class="flex flex-wrap gap-1 mt-2"><span class="text-xs bg-gray-800 text-gray-400 px-1.5 py-0.5 rounded capitalize">exhaust</span><span class="text-xs bg-gray-800 text-gray-400 px-1.5 py-0.5 rounded capitalize">block</span></div></div></div><div class="group bg-gray-900 border border-gray-800 hover:border-gray-600 rounded-xl overflow-hidden transition-all hover:-translate-y-0.5"><div class="relative bg-gray-800 aspect-[3/4] flex items-center justify-center overflow-hidden"><img src="/images/cards/turbo.webp" alt="TURBO" class="w-full h-full object-cover" loading="lazy"/><div class="absolute top-2 left-2 w-7 h-7 rounded-full bg-gray-900/90 border border-gray-700 flex items-center justify-center text-xs font-bold text-amber-400">0</div><div class="absolute top-2 right-2 w-2.5 h-2.5 rounded-full" style="background-color:#95a5a6" title="common"></div></div><div class="p-3"><div class="flex items-start justify-between gap-1 mb-1"><h3 class="text-sm font-semibold text-white leading-tight">TURBO</h3></div><div class="flex items-center gap-1.5 mb-2"><span class="text-xs px-1.5 py-0.5 rounded font-medium" style="background-color:#2980b933;color:#2980b9">Defect</span><span class="text-xs text-gray-500 capitalize">skill</span></div><p class="text-xs text-gray-400 leading-relaxed line-clamp-3">Gain EnergyEnergy. Add a Void into your Discard Pile.</p></div></div><div class="group bg-gray-900 border border-gray-800 hover:border-gray-600 rounded-xl overflow-hidden transition-all hover:-translate-y-0.5"><div class="relative bg-gray-800 aspect-[3/4] flex items-center justify-center overflow-hidden"><img src="/images/cards/twin_strike.webp" alt="Twin Strike" class="w-full h-full object-cover" loading="lazy"/><div class="absolute top-2 left-2 w-7 h-7 rounded-full bg-gray-900/90 border border-gray-700 flex items-center justify-center text-xs font-bold text-amber-400">1</div><div class="absolute top-2 right-2 w-2.5 h-2.5 rounded-full" style="background-color:#95a5a6" title="common"></div></div><div class="p-3"><div class="flex items-start justify-between gap-1 mb-1"><h3 class="text-sm font-semibold text-white leading-tight">Twin Strike</h3></div><div class="flex items-center gap-1.5 mb-2"><span class="text-xs px-1.5 py-0.5 rounded font-medium" style="background-color:#c0392b33;color:#c0392b">Ironclad</span><span class="text-xs text-gray-500 capitalize">attack</span></div><p class="text-xs text-gray-400 leading-relaxed line-clamp-3">Deal 5 damage twice.</p></div></div><div class="group bg-gray-900 border border-gray-800 hover:border-gray-600 rounded-xl overflow-hidden transition-all hover:-translate-y-0.5"><div class="relative bg-gray-800 aspect-[3/4] flex items-center justify-center overflow-hidden"><img src="/images/cards/tyranny.webp" alt="Tyranny" class="w-full h-full object-cover" loading="lazy"/><div class="absolute top-2 left-2 w-7 h-7 rounded-full bg-gray-900/90 border border-gray-700 flex items-center justify-center text-xs font-bold text-amber-400">1</div><div class="absolute top-2 right-2 w-2.5 h-2.5 rounded-full" style="background-color:#f39c12" title="rare"></div></div><div class="p-3"><div class="flex items-start justify-between gap-1 mb-1"><h3 class="text-sm font-semibold text-white leading-tight">Tyranny</h3></div><div class="flex items-center gap-1.5 mb-2"><span class="text-xs px-1.5 py-0.5 rounded font-medium" style="background-color:#8e44ad33;color:#8e44ad">Regent</span><span class="text-xs text-gray-500 capitalize">
1power</span></div><p class="text-xs text-gray-400 leading-relaxed line-clamp-3">At the start of your turn, draw 1 card and Exhaust 1 card from your Hand.</p><div class="flex flex-wrap gap-1 mt-2"><span class="text-xs bg-gray-800 text-gray-400 px-1.5 py-0.5 rounded capitalize">exhaust</span></div><div class="flex flex-wrap gap-1 mt-2"><span class="text-xs bg-amber-500/20 text-amber-400 px-1.5 py-0.5 rounded border border-amber-500/30">ð</span></div></div></div><div class="group bg-gray-900 border border-gray-800 hover:border-gray-600 rounded-xl overflow-hidden transition-all hover:-translate-y-0.5"><div class="relative bg-gray-800 aspect-[3/4] flex items-center justify-center overflow-hidden"><img src="/images/cards/ultimate_defend.webp" alt="Ultimate Defend" class="w-full h-full object-cover" loading="lazy"/><div class="absolute top-2 left-2 w-7 h-7 rounded-full bg-gray-900/90 border border-gray-700 flex items-center justify-center text-xs font-bold text-amber-400">1</div><div class="absolute top-2 right-2 w-2.5 h-2.5 rounded-full" style="background-color:#27ae60" title="uncommon"></div></div><div class="p-3"><div class="flex items-start justify-between gap-1 mb-1"><h3 class="text-sm font-semibold text-white leading-tight">Ultimate Defend</h3></div><div class="flex items-center gap-1.5 mb-2"><span class="text-xs px-1.5 py-0.5 rounded font-medium" style="background-color:#7f8c8d33;color:#7f8c8d">Colorless</span><span class="text-xs text-gray-500 capitalize">skill</span></div><p class="text-xs text-gray-400 leading-relaxed line-clamp-3">Gain 11 Block.</p><div class="flex flex-wrap gap-1 mt-2"><span class="text-xs bg-gray-800 text-gray-400 px-1.5 py-0.5 rounded capitalize">block</span></div></div></div><div class="group bg-gray-900 border border-gray-800 hover:border-gray-600 rounded-xl overflow-hidden transition-all hover:-translate-y-0.5"><div class="relative bg-gray-800 aspect-[3/4] flex items-center justify-center overflow-hidden"><img src="/images/cards/ultimate_strike.webp" alt="Ultimate Strike" class="w-full h-full object-cover" loading="lazy"/><div class="absolute top-2 left-2 w-7 h-7 rounded-full bg-gray-900/90 border border-gray-700 flex items-center justify-center text-xs font-bold text-amber-400">1</div><div class="absolute top-2 right-2 w-2.5 h-2.5 rounded-full" style="background-color:#27ae60" title="uncommon"></div></div><div class="p-3"><div class="flex items-start justify-between gap-1 mb-1"><h3 class="text-sm font-semibold text-white leading-tight">Ultimate Strike</h3></div><div class="flex items-center gap-1.5 mb-2"><span class="text-xs px-1.5 py-0.5 rounded font-medium" style="background-color:#7f8c8d33;color:#7f8c8d">Colorless</span><span class="text-xs text-gray-500 capitalize">attack</span></div><p class="text-xs text-gray-400 leading-relaxed line-clamp-3">Deal 14 damage.</p></div></div><div class="group bg-gray-900 border border-gray-800 hover:border-gray-600 rounded-xl overflow-hidden transition-all hover:-translate-y-0.5"><div class="relative bg-gray-800 aspect-[3/4] flex items-center justify-center overflow-hidden"><img src="/images/cards/undeath.webp" alt="Undeath" class="w-full h-full object-cover" loading="lazy"/><div class="absolute top-2 left-2 w-7 h-7 rounded-full bg-gray-900/90 border border-gray-700 flex items-center justify-center text-xs font-bold text-amber-400">1</div><div class="absolute top-2 right-2 w-2.5 h-2.5 rounded-full" style="background-color:#f39c12" title="rare"></div></div><div class="p-3"><div class="flex items-start justify-between gap-1 mb-1"><h3 class="text-sm font-semibold text-white leading-tight">Undeath</h3></div><div class="flex items-center gap-1.5 mb-2"><span class="text-xs px-1.5 py-0.5 rounded font-medium" style="background-color:#2c3e5033;color:#2c3e50">Necrobinder</span><span class="text-xs text-gray-500 capitalize">skill</span></div><p class="text-xs text-gray-400 leading-relaxed line-clamp-3">Gain 7 Block. Add a copy of this card into your Discard Pile.</p><div class="flex flex-wrap gap-1 mt-2"><span class="text-xs bg-gray-800 text-gray-400 px-1.5 py-0.5 rounded capitalize">block</span></div><div class="flex flex-wrap gap-1 mt-2"><span class="text-xs bg-amber-500/20 text-amber-400 px-1.5 py-0.5 rounded border border-amber-500/30">ð</span></div></div></div><div class="group bg-gray-900 border border-gray-800 hover:border-gray-600 rounded-xl overflow-hidden transition-all hover:-translate-y-0.5"><div class="relative bg-gray-800 aspect-[3/4] flex items-center justify-center overflow-hidden"><img src="/images/cards/unleash.webp" alt="Unleash" class="w-full h-full object-cover" loading="lazy"/><div class="absolute top-2 left-2 w-7 h-7 rounded-full bg-gray-900/90 border border-gray-700 flex items-center justify-center text-xs font-bold text-amber-400">1</div><div class="absolute top-2 right-2 w-2.5 h-2.5 rounded-full" style="background-color:#95a5a6" title="common"></div></div><div class="p-3"><div class="flex items-start justify-between gap-1 mb-1"><h3 class="text-sm font-semibold text-white leading-tight">Unleash</h3></div><div class="flex items-center gap-1.5 mb-2"><span class="text-xs px-1.5 py-0.5 rounded font-medium" style="background-color:#2c3e5033;color:#2c3e50">Necrobinder</span><span class="text-xs text-gray-500 capitalize">attack</span></div><p class="text-xs text-gray-400 leading-relaxed line-clamp-3">Osty deals 6 damage. Deals additional damage equal to Osty's current HP.</p><div class="flex flex-wrap gap-1 mt-2"><span class="text-xs bg-amber-500/20 text-amber-400 px-1.5 py-0.5 rounded border border-amber-500/30">ð</span></div></div></div><div class="group bg-gray-900 border border-gray-800 hover:border-gray-600 rounded-xl overflow-hidden transition-all hover:-translate-y-0.5"><div class="relative bg-gray-800 aspect-[3/4] flex items-center justify-center overflow-hidden"><img src="/images/cards/unmovable.webp" alt="Unmovable" class="w-full h-full object-cover" loading="lazy"/><div class="absolute top-2 left-2 w-7 h-7 rounded-full bg-gray-900/90 border border-gray-700 flex items-center justify-center text-xs font-bold text-amber-400">2</div><div class="absolute top-2 right-2 w-2.5 h-2.5 rounded-full" style="background-color:#f39c12" title="rare"></div></div><div class="p-3"><div class="flex items-start justify-between gap-1 mb-1"><h3 class="text-sm font-semibold text-white leading-tight">Unmovable</h3></div><div class="flex items-center gap-1.5 mb-2"><span class="text-xs px-1.5 py-0.5 rounded font-medium" style="background-color:#c0392b33;color:#c0392b">Ironclad</span><span class="text-xs text-gray-500 capitalize">
1power</span></div><p class="text-xs text-gray-400 leading-relaxed line-clamp-3">The first time you gain Block from a card each turn, double the amount gained.</p><div class="flex flex-wrap gap-1 mt-2"><span class="text-xs bg-gray-800 text-gray-400 px-1.5 py-0.5 rounded capitalize">block</span></div></div></div><div class="group bg-gray-900 border border-gray-800 hover:border-gray-600 rounded-xl overflow-hidden transition-all hover:-translate-y-0.5"><div class="relative bg-gray-800 aspect-[3/4] flex items-center justify-center overflow-hidden"><img src="/images/cards/unrelenting.webp" alt="Unrelenting" class="w-full h-full object-cover" loading="lazy"/><div class="absolute top-2 left-2 w-7 h-7 rounded-full bg-gray-900/90 border border-gray-700 flex items-center justify-center text-xs font-bold text-amber-400">2</div><div class="absolute top-2 right-2 w-2.5 h-2.5 rounded-full" style="background-color:#27ae60" title="uncommon"></div></div><div class="p-3"><div class="flex items-start justify-between gap-1 mb-1"><h3 class="text-sm font-semibold text-white leading-tight">Unrelenting</h3></div><div class="flex items-center gap-1.5 mb-2"><span class="text-xs px-1.5 py-0.5 rounded font-medium" style="background-color:#c0392b33;color:#c0392b">Ironclad</span><span class="text-xs text-gray-500 capitalize">attack</span></div><p class="text-xs text-gray-400 leading-relaxed line-clamp-3">Deal 12 damage. The next Attack you play costs 0 Energy.</p></div></div><div class="group bg-gray-900 border border-gray-800 hover:border-gray-600 rounded-xl overflow-hidden transition-all hover:-translate-y-0.5"><div class="relative bg-gray-800 aspect-[3/4] flex items-center justify-center overflow-hidden"><img src="/images/cards/untouchable.webp" alt="Untouchable" class="w-full h-full object-cover" loading="lazy"/><div class="absolute top-2 left-2 w-7 h-7 rounded-full bg-gray-900/90 border border-gray-700 flex items-center justify-center text-xs font-bold text-amber-400">2</div><div class="absolute top-2 right-2 w-2.5 h-2.5 rounded-full" style="background-color:#95a5a6" title="common"></div></div><div class="p-3"><div class="flex items-start justify-between gap-1 mb-1"><h3 class="text-sm font-semibold text-white leading-tight">Untouchable</h3></div><div class="flex items-center gap-1.5 mb-2"><span class="text-xs px-1.5 py-0.5 rounded font-medium" style="background-color:#27ae6033;color:#27ae60">Silent</span><span class="text-xs text-gray-500 capitalize">skill</span></div><p class="text-xs text-gray-400 leading-relaxed line-clamp-3">Sly. Gain 9 Block.</p><div class="flex flex-wrap gap-1 mt-2"><span class="text-xs bg-gray-800 text-gray-400 px-1.5 py-0.5 rounded capitalize">sly</span><span class="text-xs bg-gray-800 text-gray-400 px-1.5 py-0.5 rounded capitalize">block</span></div><div class="flex flex-wrap gap-1 mt-2"><span class="text-xs bg-amber-500/20 text-amber-400 px-1.5 py-0.5 rounded border border-amber-500/30">ð</span></div></div></div><div class="group bg-gray-900 border border-gray-800 hover:border-gray-600 rounded-xl overflow-hidden transition-all hover:-translate-y-0.5"><div class="relative bg-gray-800 aspect-[3/4] flex items-center justify-center overflow-hidden"><img src="/images/cards/up_my_sleeve.webp" alt="Up My Sleeve" class="w-full h-full object-cover" loading="lazy"/><div class="absolute top-2 left-2 w-7 h-7 rounded-full bg-gray-900/90 border border-gray-700 flex items-center justify-center text-xs font-bold text-amber-400">2</div><div class="absolute top-2 right-2 w-2.5 h-2.5 rounded-full" style="background-color:#27ae60" title="uncommon"></div></div><div class="p-3"><div class="flex items-start justify-between gap-1 mb-1"><h3 class="text-sm font-semibold text-white leading-tight">Up My Sleeve</h3></div><div class="flex items-center gap-1.5 mb-2"><span class="text-xs px-1.5 py-0.5 rounded font-medium" style="background-color:#27ae6033;color:#27ae60">Silent</span><span class="text-xs text-gray-500 capitalize">skill</span></div><p class="text-xs text-gray-400 leading-relaxed line-clamp-3">Add 3 Shivs into your Hand. Reduce this card'
1s cost by 1.</p></div></div><div class="group bg-gray-900 border border-gray-800 hover:border-gray-600 rounded-xl overflow-hidden transition-all hover:-translate-y-0.5"><div class="relative bg-gray-800 aspect-[3/4] flex items-center justify-center overflow-hidden"><img src="/images/cards/uppercut.webp" alt="Uppercut" class="w-full h-full object-cover" loading="lazy"/><div class="absolute top-2 left-2 w-7 h-7 rounded-full bg-gray-900/90 border border-gray-700 flex items-center justify-center text-xs font-bold text-amber-400">2</div><div class="absolute top-2 right-2 w-2.5 h-2.5 rounded-full" style="background-color:#27ae60" title="uncommon"></div></div><div class="p-3"><div class="flex items-start justify-between gap-1 mb-1"><h3 class="text-sm font-semibold text-white leading-tight">Uppercut</h3></div><div class="flex items-center gap-1.5 mb-2"><span class="text-xs px-1.5 py-0.5 rounded font-medium" style="background-color:#c0392b33;color:#c0392b">Ironclad</span><span class="text-xs text-gray-500 capitalize">attack</span></div><p class="text-xs text-gray-400 leading-relaxed line-clamp-3">Deal 13 damage. Apply 1 Weak. Apply 1 Vulnerable.</p><div class="flex flex-wrap gap-1 mt-2"><span class="text-xs bg-gray-800 text-gray-400 px-1.5 py-0.5 rounded capitalize">vulnerable</span><span class="text-xs bg-gray-800 text-gray-400 px-1.5 py-0.5 rounded capitalize">weak</span></div></div></div><div class="group bg-gray-900 border border-gray-800 hover:border-gray-600 rounded-xl overflow-hidden transition-all hover:-translate-y-0.5"><div class="relative bg-gray-800 aspect-[3/4] flex items-center justify-center overflow-hidden"><img src="/images/cards/uproar.webp" alt="Uproar" class="w-full h-full object-cover" loading="lazy"/><div class="absolute top-2 left-2 w-7 h-7 rounded-full bg-gray-900/90 border border-gray-700 flex items-center justify-center text-xs font-bold text-amber-400">2</div><div class="absolute top-2 right-2 w-2.5 h-2.5 rounded-full" style="background-color:#95a5a6" title="common"></div></div><div class="p-3"><div class="flex items-start justify-between gap-1 mb-1"><h3 class="text-sm font-semibold text-white leading-tight">Uproar</h3></div><div class="flex items-center gap-1.5 mb-2"><span class="text-xs px-1.5 py-0.5 rounded font-medium" style="background-color:#2980b933;color:#2980b9">Defect</span><span class="text-xs text-gray-500 capitalize">attack</span></div><p class="text-xs text-gray-400 leading-relaxed line-clamp-3">Deal 5 damage twice. Play a random Attack from your Draw Pile.</p></div></div><div class="group bg-gray-900 border border-gray-800 hover:border-gray-600 rounded-xl overflow-hidden transition-all hover:-translate-y-0.5"><div class="relative bg-gray-800 aspect-[3/4] flex items-center justify-center overflow-hidden"><img src="/images/cards/veilpiercer.webp" alt="Veilpiercer" class="w-full h-full object-cover" loading="lazy"/><div class="absolute top-2 left-2 w-7 h-7 rounded-full bg-gray-900/90 border border-gray-700 flex items-center justify-center text-xs font-bold text-amber-400">1</div><div class="absolute top-2 right-2 w-2.5 h-2.5 rounded-full" style="background-color:#27ae60" title="uncommon"></div></div><div class="p-3"><div class="flex items-start justify-between gap-1 mb-1"><h3 class="text-sm font-semibold text-white leading-tight">Veilpiercer</h3></div><div class="flex items-center gap-1.5 mb-2"><span class="text-xs px-1.5 py-0.5 rounded font-medium" style="background-color:#2c3e5033;color:#2c3e50">Necrobinder</span><span class="text-xs text-gray-500 capitalize">attack</span></div><p class="text-xs text-gray-400 leading-relaxed line-clamp-3">Deal 10 damage. The next Ethereal card you play costs 0 Energy.</p><div class="flex flex-wrap gap-1 mt-2"><span class="text-xs bg-gray-800 text-gray-400 px-1.5 py-0.5 rounded capitalize">ethereal</span></div><div class="flex flex-wrap gap-1 mt-2"><span class="text-xs bg-amber-500/20 text-amber-400 px-1.5 py-0.5 rounded border border-amber-500/30">ð</span></div></div></div><div class="group bg-gray-900 border border-gray-800 hover:border-gray-600 rounded-xl overflow-hidden transition-all hover:-translate-y-0.5"><div class="relative bg-gray-800 aspect-[3/4] flex items-center justify-center overflow-hidden"><img src="/images/cards/venerate.webp" alt="Venerate" class="w-full h-full object-cover" loading="lazy"/><div class="absolute top-2 left-2 w-7 h-7 rounded-full bg-gray-900/90 border border-gray-700 flex items-center justify-center text-xs font-bold text-amber-400">1</div><div class="absolute top-2 right-2 w-2.5 h-2.5 rounded-full" style="background-color:#95a5a6" title="common"></div></div><div class="p-3"><div class="flex items-start justify-between gap-1 mb-1"><h3 class="text-sm font-semibold text-white leading-tight">Venerate</h3></div><div class="flex items-center gap-1.5 mb-2"><span class="text-xs px-1.5 py-0.5 rounded font-medium" style="background-color:#8e44ad33;color:#8e44ad">Regent</span><span class="text-xs text-gray-500 capitalize">skill</span></div><p class="text-xs text-gray-400 leading-relaxed line-clamp-3">Gain EnergyEnergy.</p><div class="flex flex-wrap gap-1 mt-2"><span class="text-xs bg-amber-500/20 text-amber-400 px-1.5 py-0.5 rounded border border-amber-500/30">ð</span></div></div></div><div class="group bg-gray-900 border border-gray-800 hover:border-gray-600 rounded-xl overflow-hidden transition-all hover:-translate-y-0.5"><div class="relative bg-gray-800 aspect-[3/4] flex items-center justify-center overflow-hidden"><img src="/images/cards/vicious.webp" alt="Vicious" class="w-full h-full object-cover" loading="lazy"/><div class="absolute top-2 left-2 w-7 h-7 rounded-full bg-gray-900/90 border border-gray-700 flex items-center justify-center text-xs font-bold text-amber-400">1</div><div class="absolute top-2 right-2 w-2.5 h-2.5 rounded-full" style="background-color:#27ae60" title="uncommon"></div></div><div class="p-3"><div class="flex items-start justify-between gap-1 mb-1"><h3 class="text-sm font-semibold text-white leading-tight">Vicious</h3></div><div class="flex items-center gap-1.5 mb-2"><span class="text-xs px-1.5 py-0.5 rounded font-medium" style="background-color:#c0392b33;color:#c0392b">Ironclad</span><span class="text-xs text-gray-500 capitalize">
1power</span></div><p class="text-xs text-gray-400 leading-relaxed line-clamp-3">Whenever you apply Vulnerable, draw 1 card.</p><div class="flex flex-wrap gap-1 mt-2"><span class="text-xs bg-gray-800 text-gray-400 px-1.5 py-0.5 rounded capitalize">vulnerable</span></div></div></div><div class="group bg-gray-900 border border-gray-800 hover:border-gray-600 rounded-xl overflow-hidden transition-all hover:-translate-y-0.5"><div class="relative bg-gray-800 aspect-[3/4] flex items-center justify-center overflow-hidden"><img src="/images/cards/void.webp" alt="Void" class="w-full h-full object-cover" loading="lazy"/><div class="absolute top-2 left-2 w-7 h-7 rounded-full bg-gray-900/90 border border-gray-700 flex items-center justify-center text-xs font-bold text-amber-400">1</div><div class="absolute top-2 right-2 w-2.5 h-2.5 rounded-full" style="background-color:#95a5a6" title="common"></div></div><div class="p-3"><div class="flex items-start justify-between gap-1 mb-1"><h3 class="text-sm font-semibold text-white leading-tight">Void</h3></div><div class="flex items-center gap-1.5 mb-2"><span class="text-xs px-1.5 py-0.5 rounded font-medium" style="background-color:#7f8c8d33;color:#7f8c8d">Colorless</span><span class="text-xs text-gray-500 capitalize">skill</span></div><p class="text-xs text-gray-400 leading-relaxed line-clamp-3">Unplayable. Ethereal. Whenever you draw this card, lose Energy.</p><div class="flex flex-wrap gap-1 mt-2"><span class="text-xs bg-gray-800 text-gray-400 px-1.5 py-0.5 rounded capitalize">ethereal</span></div></div></div><div class="group bg-gray-900 border border-gray-800 hover:border-gray-600 rounded-xl overflow-hidden transition-all hover:-translate-y-0.5"><div class="relative bg-gray-800 aspect-[3/4] flex items-center justify-center overflow-hidden"><img src="/images/cards/void_form.webp" alt="Void Form" class="w-full h-full object-cover" loading="lazy"/><div class="absolute top-2 left-2 w-7 h-7 rounded-full bg-gray-900/90 border border-gray-700 flex items-center justify-center text-xs font-bold text-amber-400">1</div><div class="absolute top-2 right-2 w-2.5 h-2.5 rounded-full" style="background-color:#f39c12" title="rare"></div></div><div class="p-3"><div class="flex items-start justify-between gap-1 mb-1"><h3 class="text-sm font-semibold text-white leading-tight">Void Form</h3></div><div class="flex items-center gap-1.5 mb-2"><span class="text-xs px-1.5 py-0.5 rounded font-medium" style="background-color:#8e44ad33;color:#8e44ad">Regent</span><span class="text-xs text-gray-500 capitalize">power</span></div><p class="text-xs text-gray-400 leading-relaxed line-clamp-3">End your turn. The first 2 cards you play each turn are free to play.</p><div class="flex flex-wrap gap-1 mt-2"><span class="text-xs bg-amber-500/20 text-amber-400 px-1.5 py-0.5 rounded border border-amber-500/30">ð</span></div></div></div><div class="group bg-gray-900 border border-gray-800 hover:border-gray-600 rounded-xl overflow-hidden transition-all hover:-translate-y-0.5"><div class="relative bg-gray-800 aspect-[3/4] flex items-center justify-center overflow-hidden"><img src="/images/cards/volley.webp" alt="Volley" class="w-full h-full object-cover" loading="lazy"/><div class="absolute top-2 left-2 w-7 h-7 rounded-full bg-gray-900/90 border border-gray-700 flex items-center justify-center text-xs font-bold text-amber-400">1</div><div class="absolute top-2 right-2 w-2.5 h-2.5 rounded-full" style="background-color:#27ae60" title="uncommon"></div></div><div class="p-3"><div class="flex items-start justify-between gap-1 mb-1"><h3 class="text-sm font-semibold text-white leading-tight">Volley</h3></div><div class="flex items-center gap-1.5 mb-2"><span class="text-xs px-1.5 py-0.5 rounded font-medium" style="background-color:#7f8c8d33;color:#7f8c8d">Colorless</span><span class="text-xs text-gray-500 capitalize">attack</span></div><p class="text-xs text-gray-400 leading-relaxed line-clamp-3">Deal 10 damage to a random enemy X times.</p></div></div><div class="group bg-gray-900 border border-gray-800 hover:border-gray-600 rounded-xl overflow-hidden transition-all hover:-translate-y-0.5"><div class="relative bg-gray-800 aspect-[3/4] flex items-center justify-center overflow-hidden"><img src="/images/cards/volley.webp" alt="Volley" class="w-full h-full object-cover" loading="lazy"/><div class="absolute top-2 left-2 w-7 h-7 rounded-full bg-gray-900/90 border border-gray-700 flex items-center justify-center text-xs font-bold text-amber-400">1</div><div class="absolute top-2 right-2 w-2.5 h-2.5 rounded-full" style="background-color:#27ae60" title="uncommon"></div></div><div class="p-3"><div class="flex items-start justify-between gap-1 mb-1"><h3 class="text-sm font-semibold text-white leading-tight">Volley</h3></div><div class="flex items-center gap-1.5 mb-2"><span class="text-xs px-1.5 py-0.5 rounded font-medium" style="background-color:#7f8c8d33;color:#7f8c8d">Colorless</span><span class="text-xs text-gray-500 capitalize">attack</span></div><p class="text-xs text-gray-400 leading-relaxed line-clamp-3">Deal 10 damage to a random enemy X times.</p></div></div><div class="group bg-gray-900 border border-gray-800 hover:border-gray-600 rounded-xl overflow-hidden transition-all hover:-translate-y-0.5"><div class="relative bg-gray-800 aspect-[3/4] flex items-center justify-center overflow-hidden"><img src="/images/cards/voltaic.webp" alt="Voltaic" class="w-full h-full object-cover" loading="lazy"/><div class="absolute top-2 left-2 w-7 h-7 rounded-full bg-gray-900/90 border border-gray-700 flex items-center justify-center text-xs font-bold text-amber-400">2</div><div class="absolute top-2 right-2 w-2.5 h-2.5 rounded-full" style="background-color:#f39c12" title="rare"></div></div><div class="p-3"><div class="flex items-start justify-between gap-1 mb-1"><h3 class="text-sm font-semibold text-white leading-tight">Voltaic</h3></div><div class="flex items-center gap-1.5 mb-2"><span class="text-xs px-1.5 py-0.5 rounded font-medium" style="background-color:#2980b933;color:#2980b9">Defect</span><span class="text-xs text-gray-500 capitalize">skill</span></div><p class="text-xs text-gray-400 leading-relaxed line-clamp-3">Channel Lightning equal to the Lightning already Channeled this combat. Exhaust.</p><div class="flex flex-wrap gap-1 mt-2"><span class="text-xs bg-gray-800 text-gray-400 px-1.5 py-0.5 rounded capitalize">exhaust</span></div></div></div><div class="group bg-gray-900 border border-gray-800 hover:border-gray-600 rounded-xl overflow-hidden transition-all hover:-translate-y-0.5"><div class="relative bg-gray-800 aspect-[3/4] flex items-center justify-center overflow-hidden"><img src="/images/cards/waste_away.webp" alt="Waste Away" class="w-full h-full object-cover" loading="lazy"/><div class="absolute top-2 left-2 w-7 h-7 rounded-full bg-gray-900/90 border border-gray-700 flex items-center justify-center text-xs font-bold text-amber-400">1</div><div class="absolute top-2 right-2 w-2.5 h-2.5 rounded-full" style="background-color:#95a5a6" title="common"></div></div><div class="p-3"><div class="flex items-start justify-between gap-1 mb-1"><h3 class="text-sm font-semibold text-white leading-tight">Waste Away</h3></div><div class="flex items-center gap-1.5 mb-2"><span class="text-xs px-1.5 py-0.5 rounded font-medium" style="background-color:#7f8c8d33;color:#7f8c8d">Colorless</span><span class="text-xs text-gray-500 capitalize">skill</span></div><p class="text-xs text-gray-400 leading-relaxed line-clamp-3">Gain 1 less Energy per turn.</p></div></div><div class="group bg-gray-900 border border-gray-800 hover:border-gray-600 rounded-xl overflow-hidden transition-all hover:-translate-y-0.5"><div class="relative bg-gray-800 aspect-[3/4] flex items-center justify-center overflow-hidden"><img src="/images/cards/well_laid_plans.webp" alt="Well-Laid Plans" class="w-full h-full object-cover" loading="lazy"/><div class="absolute top-2 left-2 w-7 h-7 rounded-full bg-gray-900/90 border border-gray-700 flex items-center justify-center text-xs font-bold text-amber-400">1</div><div class="absolute top-2 right-2 w-2.5 h-2.5 rounded-full" style="background-color:#27ae60" title="uncommon"></div></div><div class="p-3"><div class="flex items-start justify-between gap-1 mb-1"><h3 class="text-sm font-semibold text-white leading-tight">Well-Laid Plans</h3></div><div class="flex items-center gap-1.5 mb-2"><span class="text-xs px-1.5 py-0.5 rounded font-medium" style="background-color:#27ae6033;color:#27ae60">Silent</span><span class="text-xs text-gray-500 capitalize">
1power</span></div><p class="text-xs text-gray-400 leading-relaxed line-clamp-3">At the end of your turn, Retain up to 1 card.</p><div class="flex flex-wrap gap-1 mt-2"><span class="text-xs bg-gray-800 text-gray-400 px-1.5 py-0.5 rounded capitalize">retain</span></div></div></div><div class="group bg-gray-900 border border-gray-800 hover:border-gray-600 rounded-xl overflow-hidden transition-all hover:-translate-y-0.5"><div class="relative bg-gray-800 aspect-[3/4] flex items-center justify-center overflow-hidden"><img src="/images/cards/whirlwind.webp" alt="Whirlwind" class="w-full h-full object-cover" loading="lazy"/><div class="absolute top-2 left-2 w-7 h-7 rounded-full bg-gray-900/90 border border-gray-700 flex items-center justify-center text-xs font-bold text-amber-400">X</div><div class="absolute top-2 right-2 w-2.5 h-2.5 rounded-full" style="background-color:#27ae60" title="uncommon"></div></div><div class="p-3"><div class="flex items-start justify-between gap-1 mb-1"><h3 class="text-sm font-semibold text-white leading-tight">Whirlwind</h3></div><div class="flex items-center gap-1.5 mb-2"><span class="text-xs px-1.5 py-0.5 rounded font-medium" style="background-color:#c0392b33;color:#c0392b">Ironclad</span><span class="text-xs text-gray-500 capitalize">attack</span></div><p class="text-xs text-gray-400 leading-relaxed line-clamp-3">Deal 5 damage to ALL enemies X times.</p></div></div><div class="group bg-gray-900 border border-gray-800 hover:border-gray-600 rounded-xl overflow-hidden transition-all hover:-translate-y-0.5"><div class="relative bg-gray-800 aspect-[3/4] flex items-center justify-center overflow-hidden"><img src="/images/cards/whistle.webp" alt="Whistle" class="w-full h-full object-cover" loading="lazy"/><div class="absolute top-2 left-2 w-7 h-7 rounded-full bg-gray-900/90 border border-gray-700 flex items-center justify-center text-xs font-bold text-amber-400">1</div><div class="absolute top-2 right-2 w-2.5 h-2.5 rounded-full" style="background-color:#f39c12" title="rare"></div></div><div class="p-3"><div class="flex items-start justify-between gap-1 mb-1"><h3 class="text-sm font-semibold text-white leading-tight">Whistle</h3></div><div class="flex items-center gap-1.5 mb-2"><span class="text-xs px-1.5 py-0.5 rounded font-medium" style="background-color:#7f8c8d33;color:#7f8c8d">Colorless</span><span class="text-xs text-gray-500 capitalize">attack</span></div><p class="text-xs text-gray-400 leading-relaxed line-clamp-3">Deal 33 damage. Stun the enemy. Exhaust.</p><div class="flex flex-wrap gap-1 mt-2"><span class="text-xs bg-gray-800 text-gray-400 px-1.5 py-0.5 rounded capitalize">exhaust</span></div></div></div><div class="group bg-gray-900 border border-gray-800 hover:border-gray-600 rounded-xl overflow-hidden transition-all hover:-translate-y-0.5"><div class="relative bg-gray-800 aspect-[3/4] flex items-center justify-center overflow-hidden"><img src="/images/cards/white_noise.webp" alt="White Noise" class="w-full h-full object-cover" loading="lazy"/><div class="absolute top-2 left-2 w-7 h-7 rounded-full bg-gray-900/90 border border-gray-700 flex items-center justify-center text-xs font-bold text-amber-400">1</div><div class="absolute top-2 right-2 w-2.5 h-2.5 rounded-full" style="background-color:#27ae60" title="uncommon"></div></div><div class="p-3"><div class="flex items-start justify-between gap-1 mb-1"><h3 class="text-sm font-semibold text-white leading-tight">White Noise</h3></div><div class="flex items-center gap-1.5 mb-2"><span class="text-xs px-1.5 py-0.5 rounded font-medium" style="background-color:#2980b933;color:#2980b9">Defect</span><span class="text-xs text-gray-500 capitalize">skill</span></div><p class="text-xs text-gray-400 leading-relaxed line-clamp-3">Add a random Power into your Hand. It's free to play this turn. Exhaust.</p><div class="flex flex-wrap gap-1 mt-2"><span class="text-xs bg-gray-800 text-gray-400 px-1.5 py-0.5 rounded capitalize">exhaust</span></div></div></div><div class="group bg-gray-900 border border-gray-800 hover:border-gray-600 rounded-xl overflow-hidden transition-all hover:-translate-y-0.5"><div class="relative bg-gray-800 aspect-[3/4] flex items-center justify-center overflow-hidden"><img src="/images/cards/wish.webp" alt="Wish" class="w-full h-full object-cover" loading="lazy"/><div class="absolute top-2 left-2 w-7 h-7 rounded-full bg-gray-900/90 border border-gray-700 flex items-center justify-center text-xs font-bold text-amber-400">1</div><div class="absolute top-2 right-2 w-2.5 h-2.5 rounded-full" style="background-color:#27ae60" title="uncommon"></div></div><div class="p-3"><div class="flex items-start justify-between gap-1 mb-1"><h3 class="text-sm font-semibold text-white leading-tight">Wish</h3></div><div class="flex items-center gap-1.5 mb-2"><span class="text-xs px-1.5 py-0.5 rounded font-medium" style="background-color:#7f8c8d33;color:#7f8c8d">Colorless</span><span class="text-xs text-gray-500 capitalize">skill</span></div><p class="text-xs text-gray-400 leading-relaxed line-clamp-3">Put a card from your Draw Pile into your Hand. Exhaust.</p><div class="flex flex-wrap gap-1 mt-2"><span class="text-xs bg-gray-800 text-gray-400 px-1.5 py-0.5 rounded capitalize">exhaust</span></div></div></div><div class="group bg-gray-900 border border-gray-800 hover:border-gray-600 rounded-xl overflow-hidden transition-all hover:-translate-y-0.5"><div class="relative bg-gray-800 aspect-[3/4] flex items-center justify-center overflow-hidden"><img src="/images/cards/wisp.webp" alt="Wisp" class="w-full h-full object-cover" loading="lazy"/><div class="absolute top-2 left-2 w-7 h-7 rounded-full bg-gray-900/90 border border-gray-700 flex items-center justify-center text-xs font-bold text-amber-400">1</div><div class="absolute top-2 right-2 w-2.5 h-2.5 rounded-full" style="background-color:#95a5a6" title="common"></div></div><div class="p-3"><div class="flex items-start justify-between gap-1 mb-1"><h3 class="text-sm font-semibold text-white leading-tight">Wisp</h3></div><div class="flex items-center gap-1.5 mb-2"><span class="text-xs px-1.5 py-0.5 rounded font-medium" style="background-color:#2c3e5033;color:#2c3e50">Necrobinder</span><span class="text-xs text-gray-500 capitalize">skill</span></div><p class="text-xs text-gray-400 leading-relaxed line-clamp-3">Gain Energy. Exhaust.</p><div class="flex flex-wrap gap-1 mt-2"><span class="text-xs bg-gray-800 text-gray-400 px-1.5 py-0.5 rounded capitalize">exhaust</span></div><div class="flex flex-wrap gap-1 mt-2"><span class="text-xs bg-amber-500/20 text-amber-400 px-1.5 py-0.5 rounded border border-amber-500/30">ð</span></div></div></div><div class="group bg-gray-900 border border-gray-800 hover:border-gray-600 rounded-xl overflow-hidden transition-all hover:-translate-y-0.5"><div class="relative bg-gray-800 aspect-[3/4] flex items-center justify-center overflow-hidden"><img src="/images/cards/wound.webp" alt="Wound" class="w-full h-full object-cover" loading="lazy"/><div class="absolute top-2 left-2 w-7 h-7 rounded-full bg-gray-900/90 border border-gray-700 flex items-center justify-center text-xs font-bold text-amber-400">1</div><div class="absolute top-2 right-2 w-2.5 h-2.5 rounded-full" style="background-color:#95a5a6" title="common"></div></div><div class="p-3"><div class="flex items-start justify-between gap-1 mb-1"><h3 class="text-sm font-semibold text-white leading-tight">Wound</h3></div><div class="flex items-center gap-1.5 mb-2"><span class="text-xs px-1.5 py-0.5 rounded font-medium" style="background-color:#7f8c8d33;color:#7f8c8d">Colorless</span><span class="text-xs text-gray-500 capitalize">skill</span></div><p class="text-xs text-gray-400 leading-relaxed line-clamp-3">Unplayable.</p></div></div><div class="group bg-gray-900 border border-gray-800 hover:border-gray-600 rounded-xl overflow-hidden transition-all hover:-translate-y-0.5"><div class="relative bg-gray-800 aspect-[3/4] flex items-center justify-center overflow-hidden"><img src="/images/cards/wraith_form.webp" alt="Wraith Form" class="w-full h-full object-cover" loading="lazy"/><div class="absolute top-2 left-2 w-7 h-7 rounded-full bg-gray-900/90 border border-gray-700 flex items-center justify-center text-xs font-bold text-amber-400">3</div><div class="absolute top-2 right-2 w-2.5 h-2.5 rounded-full" style="background-color:#95a5a6" title="common"></div></div><div class="p-3"><div class="flex items-start justify-between gap-1 mb-1"><h3 class="text-sm font-semibold text-white leading-tight">Wraith Form</h3></div><div class="flex items-center gap-1.5 mb-2"><span class="text-xs px-1.5 py-0.5 rounded font-medium" style="background-color:#27ae6033;color:#27ae60">Silent</span><span class="text-xs text-gray-500 capitalize">
1power</span></div><p class="text-xs text-gray-400 leading-relaxed line-clamp-3">Gain 2 Intangible. At the start of your turn, lose 1 Dexterity.</p><div class="flex flex-wrap gap-1 mt-2"><span class="text-xs bg-gray-800 text-gray-400 px-1.5 py-0.5 rounded capitalize">dexterity</span></div></div></div><div class="group bg-gray-900 border border-gray-800 hover:border-gray-600 rounded-xl overflow-hidden transition-all hover:-translate-y-0.5"><div class="relative bg-gray-800 aspect-[3/4] flex items-center justify-center overflow-hidden"><img src="/images/cards/writhe.webp" alt="Writhe" class="w-full h-full object-cover" loading="lazy"/><div class="absolute top-2 left-2 w-7 h-7 rounded-full bg-gray-900/90 border border-gray-700 flex items-center justify-center text-xs font-bold text-amber-400">1</div><div class="absolute top-2 right-2 w-2.5 h-2.5 rounded-full" style="background-color:#e74c3c" title="special"></div></div><div class="p-3"><div class="flex items-start justify-between gap-1 mb-1"><h3 class="text-sm font-semibold text-white leading-tight">Writhe</h3></div><div class="flex items-center gap-1.5 mb-2"><span class="text-xs px-1.5 py-0.5 rounded font-medium" style="background-color:#7f8c8d33;color:#7f8c8d">Colorless</span><span class="text-xs text-gray-500 capitalize">skill</span></div><p class="text-xs text-gray-400 leading-relaxed line-clamp-3">Unplayable. Innate.</p><div class="flex flex-wrap gap-1 mt-2"><span class="text-xs bg-gray-800 text-gray-400 px-1.5 py-0.5 rounded capitalize">innate</span></div></div></div><div class="group bg-gray-900 border border-gray-800 hover:border-gray-600 rounded-xl overflow-hidden transition-all hover:-translate-y-0.5"><div class="relative bg-gray-800 aspect-[3/4] flex items-center justify-center overflow-hidden"><img src="/images/cards/wrought_in_war.webp" alt="Wrought in War" class="w-full h-full object-cover" loading="lazy"/><div class="absolute top-2 left-2 w-7 h-7 rounded-full bg-gray-900/90 border border-gray-700 flex items-center justify-center text-xs font-bold text-amber-400">1</div><div class="absolute top-2 right-2 w-2.5 h-2.5 rounded-full" style="background-color:#95a5a6" title="common"></div></div><div class="p-3"><div class="flex items-start justify-between gap-1 mb-1"><h3 class="text-sm font-semibold text-white leading-tight">Wrought in War</h3></div><div class="flex items-center gap-1.5 mb-2"><span class="text-xs px-1.5 py-0.5 rounded font-medium" style="background-color:#8e44ad33;color:#8e44ad">Regent</span><span class="text-xs text-gray-500 capitalize">attack</span></div><p class="text-xs text-gray-400 leading-relaxed line-clamp-3">Deal 7 damage. Forge 5.</p><div class="flex flex-wrap gap-1 mt-2"><span class="text-xs bg-amber-500/20 text-amber-400 px-1.5 py-0.5 rounded border border-amber-500/30">ð</span></div></div></div><div class="group bg-gray-900 border border-gray-800 hover:border-gray-600 rounded-xl overflow-hidden transition-all hover:-translate-y-0.5"><div class="relative bg-gray-800 aspect-[3/4] flex items-center justify-center overflow-hidden"><img src="/images/cards/zap.webp" alt="Zap" class="w-full h-full object-cover" loading="lazy"/><div class="absolute top-2 left-2 w-7 h-7 rounded-full bg-gray-900/90 border border-gray-700 flex items-center justify-center text-xs font-bold text-amber-400">1</div><div class="absolute top-2 right-2 w-2.5 h-2.5 rounded-full" style="background-color:#95a5a6" title="common"></div></div><div class="p-3"><div class="flex items-start justify-between gap-1 mb-1"><h3 class="text-sm font-semibold text-white leading-tight">Zap</h3></div><div class="flex items-center gap-1.5 mb-2"><span class="text-xs px-1.5 py-0.5 rounded font-medium" style="background-color:#2980b933;color:#2980b9">Defect</span><span class="text-xs text-gray-500 capitalize">skill</span></div><p class="text-xs text-gray-400 leading-relaxed line-clamp-3">Channel 1 Lightning.</p></div></div></div></div><!--$--><!--/$--></main><div id="container-ff3c46ba8a2aefdde2fc1569349891d5"></div><footer class="border-t border-gray-800 bg-gray-900 mt-16"><div class="max-w-7xl mx-auto px-4 py-8 flex flex-col md:flex-row items-center justify-between gap-4 text-sm text-gray-500"><p>Slay the Spire 2 Guide â Fan site. Not affiliated with<!-- --> <a href="https://store.steampowered.com/app/2868840/Slay_the_Spire_2/" target="_blank" rel="noopener noreferrer" class="hover:text-gray-300 underline">Mega Crit</a>.</p><div class="flex flex-wrap gap-4 justify-center"><a class="hover:text-gray-300" href="/">Home</a>
1<a class="hover:text-gray-300" href="/classes/">Classes</a><a class="hover:text-gray-300" href="/cards/">Cards</a><a class="hover:text-gray-300" href="/relics/">Relics</a><a class="hover:text-gray-300" href="/elites/">Elites</a><a class="hover:text-gray-300" href="/events/">Events</a><a class="hover:text-gray-300" href="/potions/">Potions</a><a class="hover:text-gray-300" href="/tier-list/">Tier List</a><a class="hover:text-gray-300" href="/mechanics/">Mechanics</a><a class="hover:text-gray-300" href="/co-op-guide/">Co-op Guide</a><a class="hover:text-gray-300" href="/synergy-builder/">Synergy Builder</a><a class="hover:text-gray-300" href="/seeds/">Seeds</a><a class="hover:text-gray-300" href="/contact/">Contact</a><a class="hover:text-gray-300" href="/privacy-policy/">Privacy Policy</a><a class="hover:text-gray-300" href="/terms-of-service/">Terms</a><a href="https://retro-rewind.net/" target="_blank" rel="dofollow noopener" class="hover:text-gray-300">Retro Rewind</a><a href="https://treeshateyou.net" target="_blank" rel="dofollow noopener" class="hover:text-gray-300">Trees Hate You</a><a href="https://bitebynights.com" target="_blank" rel="noopener noreferrer" class="hover:text-gray-300">Bite by Nights</a></div></div></footer>
1<script src="/_next/static/chunks/7a0a31b0bb154d05.js" id="_R_" async=""></script>
1<script>(self.__next_f=self.__next_f||[]).push([0])</script>
1<script>self.__next_f.push([1,"1:\"$Sreact.fragment\"\n2:I[79520,[\"/_next/static/chunks/25f2a11d595c23a3.js\"],\"\"]\n3:I[62319,[\"/_next/static/chunks/25f2a11d595c23a3.js\"],\"default\"]\n4:I[39756,[\"/_next/static/chunks/ff1a16fafef87110.js\",\"/_next/static/chunks/d2be314c3ece3fbe.js\"],\"default\"]\n5:I[37457,[\"/_next/static/chunks/ff1a16fafef87110.js\",\"/_next/static/chunks/d2be314c3ece3fbe.js\"],\"default\"]\n6:I[22016,[\"/_next/static/chunks/25f2a11d595c23a3.js\"],\"\"]\nb:I[68027,[\"/_next/static/chunks/ff1a16fafef87110.js\",\"/_next/static/chunks/d2be314c3ece3fbe.js\"],\"default\"]\n:HL[\"/_next/static/chunks/72cb93360ecd1286.css\",\"style\"]\n:HL[\"/_next/static/media/caa3a2e1cccd8315-s.p.853070df.woff2\",\"font\",{\"crossOrigin\":\"\",\"type\":\"font/woff2\"}]\n"])</script>
1<script>self.__next_f.push([1,"0:{\"P\":null,\"b\":\"3v2EDr8GZ7QfgZ8C551Jx\",\"c\":[\"\",\"cards\",\"\"],\"q\":\"\",\"i\":false,\"f\":[[[\"\",{\"children\":[\"cards\",{\"children\":[\"__PAGE__\",{}]}]},\"$undefined\",\"$undefined\",true],[[\"$\",\"$1\",\"c\",{\"children\":[[[\"$\",\"link\",\"0\",{\"rel\":\"stylesheet\",\"href\":\"/_next/static/chunks/72cb93360ecd1286.css\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\",\"nonce\":\"$undefined\"}],[\"$\",\"script\",\"script-0\",{\"src\":\"/_next/static/chunks/25f2a11d595c23a3.js\",\"async\":true,\"nonce\":\"$undefined\"}]],[\"$\",\"html\",null,{\"lang\":\"en\",\"children\":[[\"$\",\"head\",null,{\"children\":[[\"$\",\"script\",null,{\"type\":\"application/ld+json\",\"dangerouslySetInnerHTML\":{\"__html\":\"[{\\\"@context\\\":\\\"https://schema.org\\\",\\\"@type\\\":\\\"WebSite\\\",\\\"name\\\":\\\"Slay the Spire 2 Guide\\\",\\\"url\\\":\\\"https://slaythespire2.space\\\",\\\"description\\\":\\\"The ultimate Slay the Spire 2 resource. Cards, relics, class guides, tier lists, and co-op tools.\\\",\\\"potentialAction\\\":{\\\"@type\\\":\\\"SearchAction\\\",\\\"target\\\":\\\"https://slaythespire2.space/cards?q={search_term_string}\\\",\\\"query-input\\\":\\\"required name=search_term_string\\\"}},{\\\"@context\\\":\\\"https://schema.org\\\",\\\"@type\\\":\\\"Organization\\\",\\\"name\\\":\\\"Slay the Spire 2 Guide\\\",\\\"url\\\":\\\"https://slaythespire2.space\\\",\\\"logo\\\":\\\"https://slaythespire2.space/images/logo/sts2-logo.jpeg\\\"}]\"}}],[\"$\",\"$L2\",null,{\"async\":true,\"src\":\"https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-9816094922761343\",\"crossOrigin\":\"anonymous\",\"strategy\":\"afterInteractive\"}],[\"$\",\"$L2\",null,{\"id\":\"clarity\",\"strategy\":\"afterInteractive\",\"children\":\"\\n (function(c,l,a,r,i,t,y){\\n c[a]=c[a]||function(){(c[a].q=c[a].q||[]).push(arguments)};\\n t=l.createElement(r);t.async=1;t.src=\\\"https://www.clarity.ms/tag/\\\"+i;\\n y=l.getElementsByTagName(r)[0];y.parentNode.insertBefore(t,y);\\n })(window, document, \\\"clarity\\\", \\\"script\\\", \\\"vxp3ueu23t\\\");\\n \"}]]}],[\"$\",\"body\",null,{\"className\":\"geist_9c6cb61b-module__8NX9hq__variable font-sans bg-gray-950 text-gray-100 antialiased\",\"children\":[[\"$\",\"$L2\",null,{\"async\":true,\"src\":\"https://www.googletagmanager.com/gtag/js?id=G-JW5YYBCWM5\",\"strategy\":\"afterInteractive\"}],[\"$\",\"$L2\",null,{\"id\":\"ga4\",\"strategy\":\"afterInteractive\",\"children\":\"\\n window.dataLayer = window.dataLayer || [];\\n function gtag(){dataLayer.push(arguments);}\\n gtag('js', new Date());\\n gtag('config', 'G-JW5YYBCWM5');\\n \"}],[\"$\",\"$L2\",null,{\"async\":true,\"data-cfasync\":\"false\",\"src\":\"https://pl28977479.profitablecpmratenetwork.com/ff3c46ba8a2aefdde2fc1569349891d5/invoke.js\",\"strategy\":\"afterInteractive\"}],[\"$\",\"$L3\",null,{}],[\"$\",\"main\",null,{\"className\":\"min-h-screen\",\"children\":[\"$\",\"$L4\",null,{\"parallelRouterKey\":\"children\",\"error\":\"$undefined\",\"errorStyles\":\"$undefined\",\"errorScripts\":\"$undefined\",\"template\":[\"$\",\"$L5\",null,{}],\"templateStyles\":\"$undefined\",\"templateScripts\":\"$undefined\",\"notFound\":[[\"$\",\"main\",null,{\"className\":\"min-h-screen bg-slate-900 flex items-center justify-center px-4\",\"children\":[\"$\",\"div\",null,{\"className\":\"text-center space-y-6 max-w-md\",\"children\":[[\"$\",\"div\",null,{\"className\":\"text-8xl font-bold text-amber-400\",\"children\":\"404\"}],[\"$\",\"h1\",null,{\"className\":\"text-2xl font-bold text-slate-100\",\"children\":\"Page Not Found\"}],[\"$\",\"p\",null,{\"className\":\"text-slate-400\",\"children\":\"The page you're looking for doesn't exist or has been moved.\"}],[\"$\",\"div\",null,{\"className\":\"flex flex-col sm:flex-row gap-3 justify-center\",\"children\":[[\"$\",\"$L6\",null,{\"href\":\"/\",\"className\":\"bg-amber-600 hover:bg-amber-500 text-white font-medium px-6 py-2 rounded-lg transition-colors\",\"children\":\"Go Home\"}],[\"$\",\"$L6\",null,{\"href\":\"/co-op-builder\",\"className\":\"bg-slate-700 hover:bg-slate-600 text-slate-200 font-medium px-6 py-2 rounded-lg transition-colors\",\"children\":\"Co-op Builder\"}],[\"$\",\"$L6\",null,{\"href\":\"/deck-builder\",\"className\":\"bg-slate-700 hover:bg-slate-600 text-slate-200 font-medium px-6 py-2 rounded-lg transition-colors\",\"children\":\"Deck Builder\"}]]}]]}]}],[]],\"forbidden\":\"$undefined\",\"unauthorized\":\"$undefined\"}]}],[\"$\",\"div\",null,{\"id\":\"container-ff3c46ba8a2aefdde2fc1569349891d5\"}],[\"$\",\"footer\",null,{\"className\":\"border-t border-gray-800 bg-gray-900 mt-16\",\"children\":\"$L7\"}]]}]]}]]}],{\"children\":[\"$L8\",{\"children\":[\"$L9\",{}
1,null,false,false]},null,false,false]},null,false,false],\"$La\",false]],\"m\":\"$undefined\",\"G\":[\"$b\",[]],\"S\":true}\n"])</script>
1<script>self.__next_f.push([1,"c:I[47257,[\"/_next/static/chunks/ff1a16fafef87110.js\",\"/_next/static/chunks/d2be314c3ece3fbe.js\"],\"ClientPageRoot\"]\nd:I[91872,[\"/_next/static/chunks/25f2a11d595c23a3.js\",\"/_next/static/chunks/62e532f5d8ecf0cf.js\",\"/_next/static/chunks/1fd3df0aa4dcdb44.js\",\"/_next/static/chunks/b4ca32e12feaec85.js\"],\"default\"]\n10:I[97367,[\"/_next/static/chunks/ff1a16fafef87110.js\",\"/_next/static/chunks/d2be314c3ece3fbe.js\"],\"OutletBoundary\"]\n11:\"$Sreact.suspense\"\n13:I[97367,[\"/_next/static/chunks/ff1a16fafef87110.js\",\"/_next/static/chunks/d2be314c3ece3fbe.js\"],\"ViewportBoundary\"]\n15:I[97367,[\"/_next/static/chunks/ff1a16fafef87110.js\",\"/_next/static/chunks/d2be314c3ece3fbe.js\"],\"MetadataBoundary\"]\n"])</script>
1<script>self.__next_f.push([1,"7:[\"$\",\"div\",null,{\"className\":\"max-w-7xl mx-auto px-4 py-8 flex flex-col md:flex-row items-center justify-between gap-4 text-sm text-gray-500\",\"children\":[[\"$\",\"p\",null,{\"children\":[\"Slay the Spire 2 Guide â Fan site. Not affiliated with\",\" \",[\"$\",\"a\",null,{\"href\":\"https://store.steampowered.com/app/2868840/Slay_the_Spire_2/\",\"target\":\"_blank\",\"rel\":\"noopener noreferrer\",\"className\":\"hover:text-gray-300 underline\",\"children\":\"Mega Crit\"}],\".\"]}],[\"$\",\"div\",null,{\"className\":\"flex flex-wrap gap-4 justify-center\",\"children\":[[\"$\",\"$L6\",null,{\"href\":\"/\",\"className\":\"hover:text-gray-300\",\"children\":\"Home\"}],[\"$\",\"$L6\",null,{\"href\":\"/classes\",\"className\":\"hover:text-gray-300\",\"children\":\"Classes\"}],[\"$\",\"$L6\",null,{\"href\":\"/cards\",\"className\":\"hover:text-gray-300\",\"children\":\"Cards\"}],[\"$\",\"$L6\",null,{\"href\":\"/relics\",\"className\":\"hover:text-gray-300\",\"children\":\"Relics\"}],[\"$\",\"$L6\",null,{\"href\":\"/elites\",\"className\":\"hover:text-gray-300\",\"children\":\"Elites\"}],[\"$\",\"$L6\",null,{\"href\":\"/events\",\"className\":\"hover:text-gray-300\",\"children\":\"Events\"}],[\"$\",\"$L6\",null,{\"href\":\"/potions\",\"className\":\"hover:text-gray-300\",\"children\":\"Potions\"}],[\"$\",\"$L6\",null,{\"href\":\"/tier-list\",\"className\":\"hover:text-gray-300\",\"children\":\"Tier List\"}],[\"$\",\"$L6\",null,{\"href\":\"/mechanics\",\"className\":\"hover:text-gray-300\",\"children\":\"Mechanics\"}],[\"$\",\"$L6\",null,{\"href\":\"/co-op-guide\",\"className\":\"hover:text-gray-300\",\"children\":\"Co-op Guide\"}],[\"$\",\"$L6\",null,{\"href\":\"/synergy-builder\",\"className\":\"hover:text-gray-300\",\"children\":\"Synergy Builder\"}],[\"$\",\"$L6\",null,{\"href\":\"/seeds\",\"className\":\"hover:text-gray-300\",\"children\":\"Seeds\"}],[\"$\",\"$L6\",null,{\"href\":\"/contact\",\"className\":\"hover:text-gray-300\",\"children\":\"Contact\"}],[\"$\",\"$L6\",null,{\"href\":\"/privacy-policy\",\"className\":\"hover:text-gray-300\",\"children\":\"Privacy Policy\"}],[\"$\",\"$L6\",null,{\"href\":\"/terms-of-service\",\"className\":\"hover:text-gray-300\",\"children\":\"Terms\"}],[\"$\",\"a\",null,{\"href\":\"https://retro-rewind.net/\",\"target\":\"_blank\",\"rel\":\"dofollow noopener\",\"className\":\"hover:text-gray-300\",\"children\":\"Retro Rewind\"}],[\"$\",\"a\",null,{\"href\":\"https://treeshateyou.net\",\"target\":\"_blank\",\"rel\":\"dofollow noopener\",\"className\":\"hover:text-gray-300\",\"children\":\"Trees Hate You\"}],[\"$\",\"a\",null,{\"href\":\"https://bitebynights.com\",\"target\":\"_blank\",\"rel\":\"noopener noreferrer\",\"className\":\"hover:text-gray-300\",\"children\":\"Bite by Nights\"}]]}]]}]\n"])</script>
1<script>self.__next_f.push([1,"8:[\"$\",\"$1\",\"c\",{\"children\":[null,[\"$\",\"$L4\",null,{\"parallelRouterKey\":\"children\",\"error\":\"$undefined\",\"errorStyles\":\"$undefined\",\"errorScripts\":\"$undefined\",\"template\":[\"$\",\"$L5\",null,{}],\"templateStyles\":\"$undefined\",\"templateScripts\":\"$undefined\",\"notFound\":\"$undefined\",\"forbidden\":\"$undefined\",\"unauthorized\":\"$undefined\"}]]}]\n9:[\"$\",\"$1\",\"c\",{\"children\":[[\"$\",\"$Lc\",null,{\"Component\":\"$d\",\"serverProvidedParams\":{\"searchParams\":{},\"params\":{},\"promises\":[\"$@e\",\"$@f\"]}}],[[\"$\",\"script\",\"script-0\",{\"src\":\"/_next/static/chunks/62e532f5d8ecf0cf.js\",\"async\":true,\"nonce\":\"$undefined\"}],[\"$\",\"script\",\"script-1\",{\"src\":\"/_next/static/chunks/1fd3df0aa4dcdb44.js\",\"async\":true,\"nonce\":\"$undefined\"}],[\"$\",\"script\",\"script-2\",{\"src\":\"/_next/static/chunks/b4ca32e12feaec85.js\",\"async\":true,\"nonce\":\"$undefined\"}]],[\"$\",\"$L10\",null,{\"children\":[\"$\",\"$11\",null,{\"name\":\"Next.MetadataOutlet\",\"children\":\"$@12\"}]}]]}]\na:[\"$\",\"$1\",\"h\",{\"children\":[null,[\"$\",\"$L13\",null,{\"children\":\"$L14\"}],[\"$\",\"div\",null,{\"hidden\":true,\"children\":[\"$\",\"$L15\",null,{\"children\":[\"$\",\"$11\",null,{\"name\":\"Next.Metadata\",\"children\":\"$L16\"}]}]}],[\"$\",\"meta\",null,{\"name\":\"next-size-adjust\",\"content\":\"\"}]]}]\n"])</script>
1<script>self.__next_f.push([1,"e:{}\nf:\"$9:props:children:0:props:serverProvidedParams:params\"\n"])</script>
1<script>self.__next_f.push([1,"14:[[\"$\",\"meta\",\"0\",{\"charSet\":\"utf-8\"}],[\"$\",\"meta\",\"1\",{\"name\":\"viewport\",\"content\":\"width=device-width, initial-scale=1\"}]]\n"])</script>
1<script>self.__next_f.push([1,"17:I[27201,[\"/_next/static/chunks/ff1a16fafef87110.js\",\"/_next/static/chunks/d2be314c3ece3fbe.js\"],\"IconMark\"]\n12:null\n"])</script>
1<script>self.__next_f.push([1,"16:[[\"$\",\"title\",\"0\",{\"children\":\"Slay the Spire 2 Card Database â All 567 Cards | Slay the Spire 2 Guide\"}],[\"$\",\"meta\",\"1\",{\"name\":\"description\",\"content\":\"Browse all 567 Slay the Spire 2 cards. Filter by class, type, rarity, and keywords like Sly, Doom, Exhaust, and more.\"}],[\"$\",\"link\",\"2\",{\"rel\":\"manifest\",\"href\":\"/site.webmanifest\",\"crossOrigin\":\"$undefined\"}],[\"$\",\"meta\",\"3\",{\"name\":\"robots\",\"content\":\"index, follow\"}],[\"$\",\"meta\",\"4\",{\"name\":\"googlebot\",\"content\":\"index, follow\"}],[\"$\",\"link\",\"5\",{\"rel\":\"canonical\",\"href\":\"https://slaythespire2.space/cards/\"}],[\"$\",\"meta\",\"6\",{\"property\":\"og:title\",\"content\":\"Slay the Spire 2 Card Database â All 567 Cards | Slay the Spire 2 Guide\"}],[\"$\",\"meta\",\"7\",{\"property\":\"og:description\",\"content\":\"Browse all 567 Slay the Spire 2 cards. Filter by class, type, rarity, and keywords like Sly, Doom, Exhaust, and more.\"}],[\"$\",\"meta\",\"8\",{\"property\":\"og:url\",\"content\":\"https://slaythespire2.space/cards/\"}],[\"$\",\"meta\",\"9\",{\"property\":\"og:image\",\"content\":\"https://slaythespire2.space/images/logo/sts2-logo.jpeg\"}],[\"$\",\"meta\",\"10\",{\"property\":\"og:image:width\",\"content\":\"1200\"}],[\"$\",\"meta\",\"11\",{\"property\":\"og:image:height\",\"content\":\"630\"}],[\"$\",\"meta\",\"12\",{\"property\":\"og:image:alt\",\"content\":\"Slay the Spire 2 Card Database\"}],[\"$\",\"meta\",\"13\",{\"name\":\"twitter:card\",\"content\":\"summary_large_image\"}],[\"$\",\"meta\",\"14\",{\"name\":\"twitter:title\",\"content\":\"Slay the Spire 2 Card Database â All 567 Cards\"}],[\"$\",\"meta\",\"15\",{\"name\":\"twitter:description\",\"content\":\"Browse all 567 Slay the Spire 2 cards. Filter by class, type, rarity, and keywords like Sly, Doom, Exhaust, and more.\"}],[\"$\",\"meta\",\"16\",{\"name\":\"twitter:image\",\"content\":\"https://slaythespire2.space/images/logo/sts2-logo.jpeg\"}],[\"$\",\"link\",\"17\",{\"rel\":\"icon\",\"href\":\"/favicon.ico\",\"sizes\":\"32x32\"}],[\"$\",\"link\",\"18\",{\"rel\":\"icon\",\"href\":\"/favicon-16x16.png\",\"sizes\":\"16x16\",\"type\":\"image/png\"}],[\"$\",\"link\",\"19\",{\"rel\":\"icon\",\"href\":\"/favicon-32x32.png\",\"sizes\":\"32x32\",\"type\":\"image/png\"}],[\"$\",\"link\",\"20\",{\"rel\":\"icon\",\"href\":\"/favicon-192x192.png\",\"sizes\":\"192x192\",\"type\":\"image/png\"}],[\"$\",\"link\",\"21\",{\"rel\":\"apple-touch-icon\",\"href\":\"/apple-touch-icon.png\"}],[\"$\",\"$L17\",\"22\",{}]]\n"])</script>
1<script type="module" src="https://static.cloudflareinsights.com/beacon.min.js/v31edd6df95cf4e85bb4c19e7a9bdbcba1788362987495" integrity="sha512-iIg7k2xntmwu6/uSb5tpc/hySgZc4eoL31yB29W6tJFo2akwjPWcEqnCEdJvGexCL0KEQwVYv5BlowfhVz26hg==" data-cf-beacon='{"version":"2024.11.0","token":"5a6eab2bd88e4ce581ff770bb3fe844f","r":1,"spa":2}' crossorigin="anonymous"></script>
1 2</body></html>
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.