-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathindex.html
More file actions
1 lines (1 loc) · 89.3 KB
/
index.html
File metadata and controls
1 lines (1 loc) · 89.3 KB
1
<!DOCTYPE html><html class="dark" lang="en"><head><meta charset="utf-8"><link href="/favicon.ico" rel="icon"><link href="/favicon.svg" rel="icon" type="image/svg+xml"><meta content="width=device-width,initial-scale=1" name="viewport"><meta content="#000000" name="theme-color"><link href="/rss.xml" rel="alternate" type="application/rss+xml" title="Fezcodex RSS Feed"><meta content="codex by fezcode..." name="description"><meta content="website" property="og:type"><meta content="https://fezcode.com/" property="og:url"><meta content="Fezcodex - Personal Blog and Projects" property="og:title"><meta content="Discover logs, posts, projects, and stories from Fezcode." property="og:description"><meta content="/images/asset/ogtitle.png" property="og:image"><meta content="summary_large_image" name="twitter:card"><meta content="https://fezcode.com/" name="twitter:url"><meta content="Fezcodex - Personal Blog and Projects" name="twitter:title"><meta content="Discover logs, posts, projects, and stories from Fezcode." name="twitter:description"><meta content="/images/asset/ogtitle.png" name="twitter:image"><link href="/logo192.png" rel="apple-touch-icon"><link href="/manifest.json" rel="manifest"><link href="https://fonts.googleapis.com" rel="preconnect"><link href="https://fonts.gstatic.com" rel="preconnect" crossorigin=""><link href="https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;700&family=Space+Mono:wght@400;700&display=swap" rel="stylesheet"><link href="https://fonts.googleapis.com/css2?family=Arvo&family=Inter&family=Playfair+Display:wght@400;500;600;700;800;900&display=swap" rel="stylesheet"><link href="https://fonts.googleapis.com/css2?family=Syne:wght@700;800&family=Outfit:wght@300;400;500;600&display=swap" rel="stylesheet"><link href="https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:ital,wght@0,400;0,500;0,600;0,700;1,400;1,500;1,600;1,700&display=swap" rel="stylesheet"><link href="https://fonts.googleapis.com/css2?family=Instrument+Serif:ital@0;1&family=Instrument+Sans:ital,wght@0,400..700;1,400..700&family=Nunito:ital,wght@0,200..1000;1,200..1000&display=swap" rel="stylesheet"><link href="https://fonts.googleapis.com/css2?family=EB+Garamond:ital,wght@0,400..800;1,400..800&display=swap" rel="stylesheet"><title>The Armory | From Serfs and Frauds</title><title>fezcodex</title><script defer src="/static/js/main.87f8d95f.js"></script><link href="/static/css/main.c666da2c.css" rel="stylesheet"><link href="https://fonts.googleapis.com" rel="preconnect"><link href="/static/css/105.0100e5f5.chunk.css" rel="stylesheet" type="text/css"><link href="https://fonts.gstatic.com" rel="preconnect"><link href="https://github.com" rel="preconnect"><link href="https://release-assets.githubusercontent.com" rel="preconnect"><meta content="Inspect the artifacts and items of the Dungeons & Dragons campaign, From Serfs and Frauds." name="description"><meta content="Fezcodex, d&d, dnd, from serfs and frauds, items, artifacts, weapons, loot" name="keywords"><meta content="The Armory | From Serfs and Frauds" property="og:title"><meta content="Inspect the artifacts and items of the Dungeons & Dragons campaign, From Serfs and Frauds." property="og:description"><meta content="https://fezcode.com/images/asset/ogtitle.png" property="og:image"><meta content="https://fezcode.com/stories/items" property="og:url"><meta content="website" property="og:type"><meta content="Fezcodex" property="og:site_name"><meta content="https://fezcode.com/images/asset/ogtitle.png" property="og:image:secure_url"><meta content="summary_large_image" name="twitter:card"><meta content="The Armory | From Serfs and Frauds" name="twitter:title"><meta content="Inspect the artifacts and items of the Dungeons & Dragons campaign, From Serfs and Frauds." name="twitter:description"><meta content="https://fezcode.com/images/asset/ogtitle.png" name="twitter:image"><meta content="https://fezcode.com/stories/items" name="twitter:url"><link href="https://fezcode.com/stories/items" rel="canonical"></head><body class="bg-slate-950" style="cursor:default;user-select:auto"><noscript>You need to enable JavaScript to run this app.</noscript><div id="root"><div class="bg-emerald-600 text-white relative z-[100] border-b-2 border-black selection:bg-white selection:text-black" style="height:auto;opacity:1"><div class="max-w-7xl mx-auto px-4 py-3 flex items-center justify-between gap-4"><div class="flex items-center gap-3 flex-1"><span class="shrink-0"><svg fill="currentColor" height="20" viewBox="0 0 256 256" width="20" xmlns="http://www.w3.org/2000/svg"><path d="M108,84a16,16,0,1,1,16,16A16,16,0,0,1,108,84Zm128,44A108,108,0,1,1,128,20,108.12,108.12,0,0,1,236,128Zm-24,0a84,84,0,1,0-84,84A84.09,84.09,0,0,0,212,128Zm-72,36.68V132a20,20,0,0,0-20-20,12,12,0,0,0-4,23.32V168a20,20,0,0,0,20,20,12,12,0,0,0,4-23.32Z"></path></svg></span><p class="font-mono text-xs md:text-sm font-black uppercase tracking-widest leading-tight">CLIMB THE TALL BUILDING 0 IS ONLINE: BUILD YOUR DECK AND CLIMB. ACCESS AT /CLIMB-THE-TALL-BUILDING-0.</p><a class="shrink-0 inline-flex items-center gap-1 bg-black/20 hover:bg-black/40 px-3 py-1 rounded-sm border border-white/20 transition-all font-bold text-[10px] uppercase" href="https://fezcode.com/climb-the-tall-building-0/">Play Climb the Tall Building 0<svg fill="currentColor" height="12" viewBox="0 0 256 256" width="12" xmlns="http://www.w3.org/2000/svg"><path d="M224.49,136.49l-72,72a12,12,0,0,1-17-17L187,140H40a12,12,0,0,1,0-24H187L135.51,64.48a12,12,0,0,1,17-17l72,72A12,12,0,0,1,224.49,136.49Z"></path></svg></a></div><button class="p-1 hover:bg-black/20 rounded-sm transition-colors shrink-0" aria-label="Dismiss"><svg fill="currentColor" height="20" viewBox="0 0 256 256" width="20" xmlns="http://www.w3.org/2000/svg"><path d="M208.49,191.51a12,12,0,0,1-17,17L128,145,64.49,208.49a12,12,0,0,1-17-17L111,128,47.51,64.49a12,12,0,0,1,17-17L128,111l63.51-63.52a12,12,0,0,1,17,17L145,128Z"></path></svg></button></div><div class="h-0.5 w-full bg-black/10"></div></div><div style="opacity:1"><div class="dnd-theme-root min-h-screen flex flex-col relative overflow-x-hidden"><div class="hidden md:block"><div class="dnd-viewport-frame"></div><div class="fixed top-0 left-0 w-24 h-24 z-[210] pointer-events-none"><div class="absolute top-4 left-4 w-12 h-12 border-t-4 border-l-4 border-dnd-gold rounded-tl-lg"></div></div><div class="fixed top-0 right-0 w-24 h-24 z-[210] pointer-events-none"><div class="absolute top-4 right-4 w-12 h-12 border-t-4 border-r-4 border-dnd-gold rounded-tr-lg"></div></div><div class="fixed bottom-0 left-0 w-24 h-24 z-[210] pointer-events-none"><div class="absolute bottom-4 left-4 w-12 h-12 border-b-4 border-l-4 border-dnd-gold rounded-bl-lg"></div></div><div class="fixed bottom-0 right-0 w-24 h-24 z-[210] pointer-events-none"><div class="absolute bottom-4 right-4 w-12 h-12 border-b-4 border-r-4 border-dnd-gold rounded-br-lg"></div></div><div class="dnd-lightning-overlay"></div><div class="fixed bottom-8 left-8 z-[110]"><audio loop src="/sounds/static.mp3"></audio><button class="p-4 rounded-full border-2 transition-all shadow-2xl bg-black/40 border-white/10 text-white/40 hover:text-white" title="Toggle Ambient Fireplace"><svg fill="currentColor" height="32" viewBox="0 0 256 256" width="32" xmlns="http://www.w3.org/2000/svg"><path d="M176.69,48.72a225,225,0,0,0-42.52-35,12,12,0,0,0-12.34,0,225,225,0,0,0-42.52,35C51,78.47,36,111.42,36,144a92,92,0,0,0,184,0C220,111.42,205,78.47,176.69,48.72ZM100,184c0-13.33,5.53-26.26,16.45-38.45A93,93,0,0,1,128,134.72a93,93,0,0,1,11.55,10.83C150.47,157.74,156,170.67,156,184a28,28,0,0,1-56,0Zm79.84,3.94c.09-1.3.16-2.61.16-3.94,0-46.26-44-73.17-45.83-74.29a12,12,0,0,0-12.34,0C120,110.83,76,137.74,76,184c0,1.33.07,2.64.16,3.94A67.68,67.68,0,0,1,60,144c0-26.52,12.21-52.86,36.28-78.3A213.07,213.07,0,0,1,128,38.39C145.82,50.86,196,90.71,196,144A67.68,67.68,0,0,1,179.84,187.94Z"></path></svg></button></div><div class="dnd-fire-overlay"></div><div class="fixed inset-0 pointer-events-none z-[100] hidden md:block"></div><div class="fixed bottom-8 right-8 z-[110] flex flex-col items-center gap-4"><button class="p-4 bg-dnd-crimson border-2 border-dnd-gold rounded-full text-white/50 shadow-2xl transition-all hover:scale-110 active:scale-95"><svg fill="currentColor" height="32" viewBox="0 0 256 256" width="32" xmlns="http://www.w3.org/2000/svg"><path d="M247.44,173.75a.68.68,0,0,0,0-.14L231.05,89.44c0-.06,0-.12,0-.18A60.08,60.08,0,0,0,172,40H83.89a59.88,59.88,0,0,0-59,49.52L8.58,173.61a.68.68,0,0,0,0,.14,36,36,0,0,0,60.9,31.71l.35-.37L109.52,160h37l39.71,45.09c.11.13.23.25.35.37A36.08,36.08,0,0,0,212,216a36,36,0,0,0,35.43-42.25ZM104,112H96v8a8,8,0,0,1-16,0v-8H72a8,8,0,0,1,0-16h8V88a8,8,0,0,1,16,0v8h8a8,8,0,0,1,0,16Zm40-8a8,8,0,0,1,8-8h24a8,8,0,0,1,0,16H152A8,8,0,0,1,144,104Zm84.37,87.47a19.84,19.84,0,0,1-12.9,8.23A20.09,20.09,0,0,1,198,194.31L167.8,160H172a60,60,0,0,0,51-28.38l8.74,45A19.82,19.82,0,0,1,228.37,191.47Z"></path></svg></button></div><div class="fixed inset-0 pointer-events-none z-10 overflow-hidden"><div class="dnd-fire-particle" style="left:24.0965%;width:6.8287px;height:6.8287px;background:radial-gradient(circle,#ff8c00 0,gold 70%,transparent 100%);animation-duration:12.8388s;animation-delay:-10.2242s;box-shadow:#ff4500 0 0 13.6574px"></div><div class="dnd-fire-particle" style="left:78.9904%;width:5.29933px;height:5.29933px;background:radial-gradient(circle,#ff8c00 0,gold 70%,transparent 100%);animation-duration:7.2581s;animation-delay:-3.8505s;box-shadow:#ff4500 0 0 10.5987px"></div><div class="dnd-fire-particle" style="left:77.1091%;width:6.74394px;height:6.74394px;background:radial-gradient(circle,#ff8c00 0,gold 70%,transparent 100%);animation-duration:10.8946s;animation-delay:-6.05456s;box-shadow:#ff4500 0 0 13.4879px"></div><div class="dnd-fire-particle" style="left:54.3253%;width:7.25229px;height:7.25229px;background:radial-gradient(circle,#ff8c00 0,gold 70%,transparent 100%);animation-duration:5.41317s;animation-delay:-3.90136s;box-shadow:#ff4500 0 0 14.5046px"></div><div class="dnd-fire-particle" style="left:33.5215%;width:6.08154px;height:6.08154px;background:radial-gradient(circle,#ff4500 0,#ff8c00 70%,transparent 100%);animation-duration:12.4772s;animation-delay:-12.6282s;box-shadow:#ff4500 0 0 12.1631px"></div><div class="dnd-fire-particle" style="left:37.8858%;width:10.3331px;height:10.3331px;background:radial-gradient(circle,red 0,#ff4500 70%,transparent 100%);animation-duration:8.17983s;animation-delay:-13.6311s;box-shadow:#ff4500 0 0 20.6663px"></div><div class="dnd-fire-particle" style="left:48.5939%;width:4.01921px;height:4.01921px;background:radial-gradient(circle,#ff4500 0,#ff8c00 70%,transparent 100%);animation-duration:12.9985s;animation-delay:-9.08017s;box-shadow:#ff4500 0 0 8.03841px"></div><div class="dnd-fire-particle" style="left:35.4471%;width:4.43641px;height:4.43641px;background:radial-gradient(circle,#ff8c00 0,gold 70%,transparent 100%);animation-duration:12.3225s;animation-delay:-7.31885s;box-shadow:#ff4500 0 0 8.87281px"></div><div class="dnd-fire-particle" style="left:18.002%;width:9.00646px;height:9.00646px;background:radial-gradient(circle,#ff8c00 0,gold 70%,transparent 100%);animation-duration:14.3659s;animation-delay:-2.62221s;box-shadow:#ff4500 0 0 18.0129px"></div><div class="dnd-fire-particle" style="left:49.0374%;width:10.1925px;height:10.1925px;background:radial-gradient(circle,#ff4500 0,#ff8c00 70%,transparent 100%);animation-duration:13.8427s;animation-delay:-12.1045s;box-shadow:#ff4500 0 0 20.3849px"></div><div class="dnd-fire-particle" style="left:12.2472%;width:6.30581px;height:6.30581px;background:radial-gradient(circle,red 0,#ff4500 70%,transparent 100%);animation-duration:7.51681s;animation-delay:-10.6853s;box-shadow:#ff4500 0 0 12.6116px"></div><div class="dnd-fire-particle" style="left:62.4571%;width:3.76633px;height:3.76633px;background:radial-gradient(circle,#ff4500 0,#ff8c00 70%,transparent 100%);animation-duration:12.5616s;animation-delay:-13.1097s;box-shadow:#ff4500 0 0 7.53265px"></div><div class="dnd-fire-particle" style="left:84.6918%;width:8.76651px;height:8.76651px;background:radial-gradient(circle,#ff8c00 0,gold 70%,transparent 100%);animation-duration:5.07333s;animation-delay:-10.9132s;box-shadow:#ff4500 0 0 17.533px"></div><div class="dnd-fire-particle" style="left:66.462%;width:6.26739px;height:6.26739px;background:radial-gradient(circle,#ff4500 0,#ff8c00 70%,transparent 100%);animation-duration:12.3373s;animation-delay:-.887519s;box-shadow:#ff4500 0 0 12.5348px"></div><div class="dnd-fire-particle" style="left:33.6696%;width:7.86395px;height:7.86395px;background:radial-gradient(circle,red 0,#ff4500 70%,transparent 100%);animation-duration:8.414s;animation-delay:-1.57196s;box-shadow:#ff4500 0 0 15.7279px"></div><div class="dnd-fire-particle" style="left:78.8208%;width:3.49851px;height:3.49851px;background:radial-gradient(circle,#ff8c00 0,gold 70%,transparent 100%);animation-duration:8.45668s;animation-delay:-10.5828s;box-shadow:#ff4500 0 0 6.99701px"></div><div class="dnd-fire-particle" style="left:43.5294%;width:10.5211px;height:10.5211px;background:radial-gradient(circle,red 0,#ff4500 70%,transparent 100%);animation-duration:12.3257s;animation-delay:-7.8263s;box-shadow:#ff4500 0 0 21.0422px"></div><div class="dnd-fire-particle" style="left:67.67%;width:3.89243px;height:3.89243px;background:radial-gradient(circle,#ff4500 0,#ff8c00 70%,transparent 100%);animation-duration:7.34891s;animation-delay:-13.2139s;box-shadow:#ff4500 0 0 7.78486px"></div><div class="dnd-fire-particle" style="left:87.5606%;width:10.7919px;height:10.7919px;background:radial-gradient(circle,#ff8c00 0,gold 70%,transparent 100%);animation-duration:11.9173s;animation-delay:-.680267s;box-shadow:#ff4500 0 0 21.5839px"></div><div class="dnd-fire-particle" style="left:6.19692%;width:7.20523px;height:7.20523px;background:radial-gradient(circle,#ff8c00 0,gold 70%,transparent 100%);animation-duration:10.6844s;animation-delay:-3.33372s;box-shadow:#ff4500 0 0 14.4105px"></div><div class="dnd-fire-particle" style="left:75.6843%;width:7.63228px;height:7.63228px;background:radial-gradient(circle,#ff8c00 0,gold 70%,transparent 100%);animation-duration:10.401s;animation-delay:-2.63732s;box-shadow:#ff4500 0 0 15.2646px"></div><div class="dnd-fire-particle" style="left:60.3002%;width:4.01356px;height:4.01356px;background:radial-gradient(circle,#ff8c00 0,gold 70%,transparent 100%);animation-duration:9.6957s;animation-delay:-9.51791s;box-shadow:#ff4500 0 0 8.02711px"></div><div class="dnd-fire-particle" style="left:22.4499%;width:4.78904px;height:4.78904px;background:radial-gradient(circle,#ff4500 0,#ff8c00 70%,transparent 100%);animation-duration:5.39293s;animation-delay:-12.7198s;box-shadow:#ff4500 0 0 9.57808px"></div><div class="dnd-fire-particle" style="left:22.7065%;width:9.15588px;height:9.15588px;background:radial-gradient(circle,#ff4500 0,#ff8c00 70%,transparent 100%);animation-duration:7.9248s;animation-delay:-4.42879s;box-shadow:#ff4500 0 0 18.3118px"></div><div class="dnd-fire-particle" style="left:99.3841%;width:6.24274px;height:6.24274px;background:radial-gradient(circle,#ff4500 0,#ff8c00 70%,transparent 100%);animation-duration:8.52105s;animation-delay:-13.5817s;box-shadow:#ff4500 0 0 12.4855px"></div><div class="dnd-fire-particle" style="left:98.3443%;width:5.3983px;height:5.3983px;background:radial-gradient(circle,#ff8c00 0,gold 70%,transparent 100%);animation-duration:6.11641s;animation-delay:-11.206s;box-shadow:#ff4500 0 0 10.7966px"></div><div class="dnd-fire-particle" style="left:47.3115%;width:8.68742px;height:8.68742px;background:radial-gradient(circle,#ff8c00 0,gold 70%,transparent 100%);animation-duration:8.08359s;animation-delay:-2.24708s;box-shadow:#ff4500 0 0 17.3748px"></div><div class="dnd-fire-particle" style="left:57.3221%;width:9.3826px;height:9.3826px;background:radial-gradient(circle,red 0,#ff4500 70%,transparent 100%);animation-duration:13.8928s;animation-delay:-14.4082s;box-shadow:#ff4500 0 0 18.7652px"></div><div class="dnd-fire-particle" style="left:3.29646%;width:7.77524px;height:7.77524px;background:radial-gradient(circle,red 0,#ff4500 70%,transparent 100%);animation-duration:14.0229s;animation-delay:-7.68513s;box-shadow:#ff4500 0 0 15.5505px"></div><div class="dnd-fire-particle" style="left:42.0914%;width:3.05341px;height:3.05341px;background:radial-gradient(circle,#ff8c00 0,gold 70%,transparent 100%);animation-duration:8.95215s;animation-delay:-9.1061s;box-shadow:#ff4500 0 0 6.10682px"></div><div class="dnd-fire-particle" style="left:34.2965%;width:9.93575px;height:9.93575px;background:radial-gradient(circle,red 0,#ff4500 70%,transparent 100%);animation-duration:5.64164s;animation-delay:-7.71449s;box-shadow:#ff4500 0 0 19.8715px"></div><div class="dnd-fire-particle" style="left:26.9835%;width:6.70588px;height:6.70588px;background:radial-gradient(circle,#ff4500 0,#ff8c00 70%,transparent 100%);animation-duration:5.07106s;animation-delay:-4.14546s;box-shadow:#ff4500 0 0 13.4118px"></div><div class="dnd-fire-particle" style="left:25.1778%;width:10.1346px;height:10.1346px;background:radial-gradient(circle,#ff8c00 0,gold 70%,transparent 100%);animation-duration:13.2999s;animation-delay:-11.1517s;box-shadow:#ff4500 0 0 20.2693px"></div><div class="dnd-fire-particle" style="left:40.6644%;width:3.04563px;height:3.04563px;background:radial-gradient(circle,#ff8c00 0,gold 70%,transparent 100%);animation-duration:5.78479s;animation-delay:-14.3971s;box-shadow:#ff4500 0 0 6.09125px"></div><div class="dnd-fire-particle" style="left:61.2108%;width:5.94545px;height:5.94545px;background:radial-gradient(circle,#ff4500 0,#ff8c00 70%,transparent 100%);animation-duration:14.9384s;animation-delay:-14.7178s;box-shadow:#ff4500 0 0 11.8909px"></div><div class="dnd-fire-particle" style="left:90.4284%;width:5.79198px;height:5.79198px;background:radial-gradient(circle,#ff4500 0,#ff8c00 70%,transparent 100%);animation-duration:5.00304s;animation-delay:-8.88914s;box-shadow:#ff4500 0 0 11.584px"></div><div class="dnd-fire-particle" style="left:78.5175%;width:6.91446px;height:6.91446px;background:radial-gradient(circle,red 0,#ff4500 70%,transparent 100%);animation-duration:11.5404s;animation-delay:-5.25239s;box-shadow:#ff4500 0 0 13.8289px"></div><div class="dnd-fire-particle" style="left:86.118%;width:10.043px;height:10.043px;background:radial-gradient(circle,#ff4500 0,#ff8c00 70%,transparent 100%);animation-duration:12.5992s;animation-delay:-.143891s;box-shadow:#ff4500 0 0 20.0859px"></div><div class="dnd-fire-particle" style="left:22.4243%;width:10.8861px;height:10.8861px;background:radial-gradient(circle,#ff8c00 0,gold 70%,transparent 100%);animation-duration:9.65674s;animation-delay:-11.1773s;box-shadow:#ff4500 0 0 21.7723px"></div><div class="dnd-fire-particle" style="left:.0105481%;width:6.3462px;height:6.3462px;background:radial-gradient(circle,#ff4500 0,#ff8c00 70%,transparent 100%);animation-duration:6.94968s;animation-delay:-5.98924s;box-shadow:#ff4500 0 0 12.6924px"></div><div class="dnd-fire-particle" style="left:63.1361%;width:4.5446px;height:4.5446px;background:radial-gradient(circle,#ff8c00 0,gold 70%,transparent 100%);animation-duration:12.1787s;animation-delay:-5.18435s;box-shadow:#ff4500 0 0 9.0892px"></div><div class="dnd-fire-particle" style="left:90.6526%;width:10.2876px;height:10.2876px;background:radial-gradient(circle,#ff4500 0,#ff8c00 70%,transparent 100%);animation-duration:13.0377s;animation-delay:-10.252s;box-shadow:#ff4500 0 0 20.5753px"></div><div class="dnd-fire-particle" style="left:68.6291%;width:10.8163px;height:10.8163px;background:radial-gradient(circle,red 0,#ff4500 70%,transparent 100%);animation-duration:5.9358s;animation-delay:-3.60917s;box-shadow:#ff4500 0 0 21.6326px"></div><div class="dnd-fire-particle" style="left:56.8176%;width:8.76734px;height:8.76734px;background:radial-gradient(circle,red 0,#ff4500 70%,transparent 100%);animation-duration:8.29679s;animation-delay:-11.3581s;box-shadow:#ff4500 0 0 17.5347px"></div><div class="dnd-fire-particle" style="left:75.0943%;width:4.89381px;height:4.89381px;background:radial-gradient(circle,#ff8c00 0,gold 70%,transparent 100%);animation-duration:11.4536s;animation-delay:-3.29578s;box-shadow:#ff4500 0 0 9.78762px"></div><div class="dnd-fire-particle" style="left:72.9252%;width:7.55308px;height:7.55308px;background:radial-gradient(circle,#ff4500 0,#ff8c00 70%,transparent 100%);animation-duration:5.05512s;animation-delay:-6.45813s;box-shadow:#ff4500 0 0 15.1062px"></div><div class="dnd-fire-particle" style="left:56.0378%;width:8.95393px;height:8.95393px;background:radial-gradient(circle,#ff8c00 0,gold 70%,transparent 100%);animation-duration:14.6857s;animation-delay:-2.65655s;box-shadow:#ff4500 0 0 17.9079px"></div><div class="dnd-fire-particle" style="left:45.6665%;width:5.42681px;height:5.42681px;background:radial-gradient(circle,red 0,#ff4500 70%,transparent 100%);animation-duration:11.8924s;animation-delay:-2.6635s;box-shadow:#ff4500 0 0 10.8536px"></div><div class="dnd-fire-particle" style="left:78.8622%;width:9.9592px;height:9.9592px;background:radial-gradient(circle,red 0,#ff4500 70%,transparent 100%);animation-duration:12.1717s;animation-delay:-.479383s;box-shadow:#ff4500 0 0 19.9184px"></div><div class="dnd-fire-particle" style="left:21.7546%;width:5.20948px;height:5.20948px;background:radial-gradient(circle,#ff4500 0,#ff8c00 70%,transparent 100%);animation-duration:10.1984s;animation-delay:-6.97969s;box-shadow:#ff4500 0 0 10.419px"></div></div><div class="fixed inset-0 pointer-events-none z-10 overflow-hidden"><div class="dnd-dust-particle" style="left:28.5333%;top:110.536%;animation-duration:26.3108s;animation-delay:-11.5485s;width:1.8466px;height:1.90416px"></div><div class="dnd-dust-particle" style="left:48.9425%;top:119.595%;animation-duration:14.3764s;animation-delay:-4.48349s;width:2.08342px;height:1.51614px"></div><div class="dnd-dust-particle" style="left:49.7028%;top:118.822%;animation-duration:23.4893s;animation-delay:-4.06326s;width:1.22359px;height:1.33751px"></div><div class="dnd-dust-particle" style="left:70.6881%;top:100.217%;animation-duration:17.1946s;animation-delay:-8.48344s;width:2.80035px;height:1.70828px"></div><div class="dnd-dust-particle" style="left:75.6166%;top:100.139%;animation-duration:25.1096s;animation-delay:-1.65112s;width:2.39849px;height:2.32345px"></div><div class="dnd-dust-particle" style="left:13.4548%;top:109.316%;animation-duration:15.3175s;animation-delay:-8.68238s;width:2.71766px;height:2.5702px"></div><div class="dnd-dust-particle" style="left:21.328%;top:109.336%;animation-duration:16.7167s;animation-delay:-18.57s;width:2.89009px;height:1.6334px"></div><div class="dnd-dust-particle" style="left:26.3931%;top:116.837%;animation-duration:15.5446s;animation-delay:-13.4896s;width:1.22228px;height:2.94814px"></div><div class="dnd-dust-particle" style="left:46.7178%;top:104.696%;animation-duration:26.7929s;animation-delay:-14.1347s;width:1.55295px;height:1.3279px"></div><div class="dnd-dust-particle" style="left:.330537%;top:105.774%;animation-duration:22.4328s;animation-delay:-6.78414s;width:2.19968px;height:2.64204px"></div><div class="dnd-dust-particle" style="left:78.4258%;top:111.644%;animation-duration:11.4901s;animation-delay:-18.0476s;width:1.32533px;height:1.8224px"></div><div class="dnd-dust-particle" style="left:97.9192%;top:117.928%;animation-duration:28.6738s;animation-delay:-12.451s;width:1.73806px;height:2.04262px"></div><div class="dnd-dust-particle" style="left:39.5284%;top:118.485%;animation-duration:18.5525s;animation-delay:-18.3142s;width:2.95996px;height:1.25862px"></div><div class="dnd-dust-particle" style="left:71.7342%;top:105.638%;animation-duration:17.69s;animation-delay:-10.0845s;width:1.63858px;height:1.08062px"></div><div class="dnd-dust-particle" style="left:69.326%;top:118.039%;animation-duration:21.111s;animation-delay:-14.4497s;width:1.03256px;height:2.83246px"></div><div class="dnd-dust-particle" style="left:77.4213%;top:101.777%;animation-duration:15.8631s;animation-delay:-16.7246s;width:1.07548px;height:2.31219px"></div><div class="dnd-dust-particle" style="left:96.5796%;top:115.126%;animation-duration:21.8111s;animation-delay:-3.68402s;width:1.09838px;height:1.62147px"></div><div class="dnd-dust-particle" style="left:58.7902%;top:109.269%;animation-duration:14.7317s;animation-delay:-12.9447s;width:1.78983px;height:2.60507px"></div><div class="dnd-dust-particle" style="left:77.4736%;top:119.631%;animation-duration:23.9408s;animation-delay:-15.4821s;width:2.62234px;height:2.57153px"></div><div class="dnd-dust-particle" style="left:43.0804%;top:105.048%;animation-duration:29.6892s;animation-delay:-12.1096s;width:1.13082px;height:1.57243px"></div></div><div class="fixed inset-0 pointer-events-none z-0 overflow-hidden"><div class="dnd-floating-rune text-4xl" style="left:.410942%;top:16.4471%;transform:rotate(107.876deg);opacity:.02">ᛇ</div><div class="dnd-floating-rune text-4xl" style="left:17.3795%;top:99.9062%;transform:rotate(168.573deg);opacity:.02">ᛇ</div><div class="dnd-floating-rune text-4xl" style="left:95.6959%;top:38.6057%;transform:rotate(17.3187deg);opacity:.02">ᚱ</div><div class="dnd-floating-rune text-4xl" style="left:19.6313%;top:72.5685%;transform:rotate(227.455deg);opacity:.02">ᛃ</div><div class="dnd-floating-rune text-4xl" style="left:38.8604%;top:3.78944%;transform:rotate(29.867deg);opacity:.02">ᛜ</div><div class="dnd-floating-rune text-4xl" style="left:22.2808%;top:21.1051%;transform:rotate(232.848deg);opacity:.02">ᚦ</div><div class="dnd-floating-rune text-4xl" style="left:60.962%;top:55.7521%;transform:rotate(351.872deg);opacity:.02">ᛒ</div><div class="dnd-floating-rune text-4xl" style="left:45.1198%;top:58.0749%;transform:rotate(123.898deg);opacity:.02">ᛜ</div><div class="dnd-floating-rune text-4xl" style="left:99.4478%;top:83.9071%;transform:rotate(352.552deg);opacity:.02">ᛖ</div><div class="dnd-floating-rune text-4xl" style="left:5.0191%;top:33.7309%;transform:rotate(245.5deg);opacity:.02">ᛟ</div><div class="dnd-floating-rune text-4xl" style="left:30.4426%;top:59.4948%;transform:rotate(70.6078deg);opacity:.02">ᛊ</div><div class="dnd-floating-rune text-4xl" style="left:31.8348%;top:62.8055%;transform:rotate(60.5291deg);opacity:.02">ᚠ</div><div class="dnd-floating-rune text-4xl" style="left:8.15065%;top:9.7531%;transform:rotate(61.6902deg);opacity:.02">ᛗ</div><div class="dnd-floating-rune text-4xl" style="left:50.7184%;top:91.3663%;transform:rotate(196.17deg);opacity:.02">ᛖ</div><div class="dnd-floating-rune text-4xl" style="left:49.5164%;top:1.40745%;transform:rotate(167.687deg);opacity:.02">ᛏ</div><div class="dnd-floating-rune text-4xl" style="left:85.9644%;top:81.4643%;transform:rotate(308.959deg);opacity:.02">ᛇ</div><div class="dnd-floating-rune text-4xl" style="left:38.2806%;top:36.3127%;transform:rotate(266.919deg);opacity:.02">ᛏ</div><div class="dnd-floating-rune text-4xl" style="left:69.8303%;top:85.096%;transform:rotate(157.399deg);opacity:.02">ᚺ</div><div class="dnd-floating-rune text-4xl" style="left:70.704%;top:81.1258%;transform:rotate(17.2777deg);opacity:.02">ᚦ</div><div class="dnd-floating-rune text-4xl" style="left:43.2671%;top:51.3216%;transform:rotate(51.7117deg);opacity:.02">ᛚ</div></div></div><div class="fixed inset-0 z-0"><div class="absolute inset-0 bg-cover bg-center transition-all duration-1000" style="background-image:url(/images/stories/wallies/galxrax-rax-oGAf4jsC0Fw-unsplash.jpg);filter:brightness(.45) contrast(1.1)"></div><div class="absolute inset-0 bg-gradient-to-b from-black/20 via-transparent to-black/80"></div></div><div class="relative z-20 flex flex-col min-h-screen"><nav class="fixed top-0 left-0 right-0 z-[300] dnd-nav-modern border-b-2 border-dnd-gold"><div class="bg-black/40 px-4 md:px-12 py-2 flex items-center justify-between border-b border-white/5 md:mt-[25px]"><div class="flex items-center gap-4"><a class="text-white hover:text-dnd-gold transition-colors" href="/" data-discover="true"><svg fill="currentColor" height="18" viewBox="0 0 256 256" width="18" xmlns="http://www.w3.org/2000/svg"><path d="M224,120v96a8,8,0,0,1-8,8H160a8,8,0,0,1-8-8V164a4,4,0,0,0-4-4H108a4,4,0,0,0-4,4v52a8,8,0,0,1-8,8H40a8,8,0,0,1-8-8V120a16,16,0,0,1,4.69-11.31l80-80a16,16,0,0,1,22.62,0l80,80A16,16,0,0,1,224,120Z"></path></svg></a><div class="hidden sm:flex items-center gap-2 font-mono text-[9px] uppercase tracking-[0.2em]"><svg fill="currentColor" height="10" viewBox="0 0 256 256" width="10" xmlns="http://www.w3.org/2000/svg" class="text-white/40"><path d="M181.66,133.66l-80,80a8,8,0,0,1-11.32-11.32L164.69,128,90.34,53.66a8,8,0,0,1,11.32-11.32l80,80A8,8,0,0,1,181.66,133.66Z"></path></svg><a class="text-white/60 hover:text-white transition-colors" href="/stories" data-discover="true">S&F</a><svg fill="currentColor" height="10" viewBox="0 0 256 256" width="10" xmlns="http://www.w3.org/2000/svg" class="text-white/40"><path d="M181.66,133.66l-80,80a8,8,0,0,1-11.32-11.32L164.69,128,90.34,53.66a8,8,0,0,1,11.32-11.32l80,80A8,8,0,0,1,181.66,133.66Z"></path></svg><a class="text-white/60 hover:text-white transition-colors" href="/stories/lore" data-discover="true">The Lore</a><svg fill="currentColor" height="10" viewBox="0 0 256 256" width="10" xmlns="http://www.w3.org/2000/svg" class="text-white/40"><path d="M181.66,133.66l-80,80a8,8,0,0,1-11.32-11.32L164.69,128,90.34,53.66a8,8,0,0,1,11.32-11.32l80,80A8,8,0,0,1,181.66,133.66Z"></path></svg><a class="text-white/60 hover:text-white transition-colors" href="/stories/items" data-discover="true">The Armory</a></div></div><div class="flex items-center gap-6"><div class="flex items-center gap-2 font-mono text-[10px] font-bold tracking-widest"><button class="transition-colors text-dnd-gold underline decoration-2 underline-offset-4">EN</button><span class="text-white/20">/</span><button class="transition-colors text-white/40 hover:text-white">TR</button></div><a class="text-[10px] font-mono font-bold tracking-[0.4em] text-white/40 hover:text-dnd-gold transition-colors hidden md:block" href="/" data-discover="true">FEZCODEX_SYSTEM</a></div></div><div class="px-6 py-4 flex items-center justify-center relative bg-gradient-to-b from-dnd-crimson to-transparent"><span class="text-3xl md:text-4xl font-playfairDisplay italic font-black dnd-gold-gradient-text uppercase tracking-tighter drop-shadow-2xl">From Serfs & Frauds</span></div></nav><main class="flex-grow pt-24 pb-12"><div class="max-w-7xl mx-auto px-6 py-12"><header class="text-center mb-12 relative"><div class="flex justify-center mb-6"><svg fill="currentColor" height="48" viewBox="0 0 256 256" width="48" xmlns="http://www.w3.org/2000/svg" class="text-dnd-gold-light drop-shadow-[0_0_8px_rgba(249,224,118,0.4)]"><path d="M141.66,201,129,213.66a8,8,0,0,1-11.32,0L92,188,58.35,221.66a8,8,0,0,1-11.32,0L34.34,209a8,8,0,0,1,0-11.31L68,164,42.34,138.36a8,8,0,0,1,0-11.32L55,114.34a8,8,0,0,1,11.32,0l75.3,75.3A8,8,0,0,1,141.66,201Z" opacity="0.2"></path><path d="M216,32H152a8,8,0,0,0-6.34,3.12l-64,83.21L72,108.69a16,16,0,0,0-22.64,0l-12.69,12.7a16,16,0,0,0,0,22.63l20,20-28,28a16,16,0,0,0,0,22.63l12.69,12.68a16,16,0,0,0,22.62,0l28-28,20,20a16,16,0,0,0,22.64,0l12.69-12.7a16,16,0,0,0,0-22.63l-9.64-9.64,83.21-64A8,8,0,0,0,224,104V40A8,8,0,0,0,216,32ZM52.69,216,40,203.32l28-28L80.68,188Zm70.61-8L48,132.71,60.7,120,136,195.31ZM208,100.06l-81.74,62.88L115.32,152l50.34-50.34a8,8,0,0,0-11.32-11.31L104,140.68,93.07,129.74,155.94,48H208Z"></path></svg></div><h1 class="text-4xl md:text-8xl font-playfairDisplay italic font-black dnd-gold-gradient-text uppercase tracking-tighter mb-4 dnd-header-pulse">The Armory</h1><p class="text-base md:text-xl font-arvo text-gray-400 max-w-2xl mx-auto uppercase tracking-widest opacity-60 mb-12 px-4">Artifacts, curiosities, and tools of the trade.</p><div class="relative max-w-md mx-auto mb-8 md:mb-16 group"><div class="absolute inset-0 bg-dnd-gold/20 blur-xl rounded-full opacity-0 group-hover:opacity-100 transition-opacity duration-500"></div><div class="relative flex items-center"><div class="absolute left-5 text-dnd-gold"><svg fill="currentColor" height="24" viewBox="0 0 256 256" width="24" xmlns="http://www.w3.org/2000/svg"><path d="M192,112a80,80,0,1,1-80-80A80,80,0,0,1,192,112Z" opacity="0.2"></path><path d="M229.66,218.34,179.6,168.28a88.21,88.21,0,1,0-11.32,11.31l50.06,50.07a8,8,0,0,0,11.32-11.32ZM40,112a72,72,0,1,1,72,72A72.08,72.08,0,0,1,40,112Z"></path></svg></div><input class="w-full bg-[#1a0f0a] border-2 border-dnd-gold/50 rounded-full py-4 pl-14 pr-6 text-[#fcfaf2] font-arvo placeholder-dnd-gold/40 focus:outline-none focus:border-dnd-gold focus:ring-2 focus:ring-dnd-gold/20 transition-all duration-300 shadow-[0_4px_20px_rgba(0,0,0,0.5)]" placeholder="Search artifacts by name, type, or description..." type="text" value=""><div class="absolute right-4 w-2 h-2 rounded-full bg-dnd-gold/30 animate-pulse"></div></div><div class="absolute -bottom-2 left-1/2 -translate-x-1/2 w-3/4 h-px bg-gradient-to-r from-transparent via-dnd-gold/20 to-transparent"></div></div></header><section class="space-y-24"><div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-8"><div class="cursor-pointer" style="opacity:1;transform:none"><div class="block group relative p-8 dnd-fantasy-card text-center h-full min-h-[400px] flex flex-col items-center justify-center border-2 border-black/20 shadow-2xl overflow-hidden hover:scale-[1.02] transition-transform duration-300"><div class="dnd-card-rune top-8 left-8 -rotate-12">ᚦ</div><div class="dnd-card-rune bottom-8 right-8 rotate-12">ᛉ</div><div class="dnd-ink-splatter w-8 h-8 top-1/4 right-8"></div><div class="dnd-ink-splatter w-4 h-4 bottom-1/3 left-12"></div><div class="absolute top-4 left-4 w-8 h-8 border-t-2 border-l-2 border-dnd-gold opacity-60 group-hover:opacity-100 transition-all duration-500"></div><div class="absolute top-4 right-4 w-8 h-8 border-t-2 border-r-2 border-dnd-gold opacity-60 group-hover:opacity-100 transition-all duration-500"></div><div class="absolute bottom-4 left-4 w-8 h-8 border-b-2 border-l-2 border-dnd-gold opacity-60 group-hover:opacity-100 transition-all duration-500"></div><div class="absolute bottom-4 right-4 w-8 h-8 border-b-2 border-r-2 border-dnd-gold opacity-60 group-hover:opacity-100 transition-all duration-500"></div><div class="mb-6 text-dnd-crimson group-hover:scale-110 transition-transform duration-500 relative z-10"><svg fill="currentColor" height="48" viewBox="0 0 256 256" width="48" xmlns="http://www.w3.org/2000/svg"><path d="M141.66,201,129,213.66a8,8,0,0,1-11.32,0L92,188,58.35,221.66a8,8,0,0,1-11.32,0L34.34,209a8,8,0,0,1,0-11.31L68,164,42.34,138.36a8,8,0,0,1,0-11.32L55,114.34a8,8,0,0,1,11.32,0l75.3,75.3A8,8,0,0,1,141.66,201Z" opacity="0.2"></path><path d="M216,32H152a8,8,0,0,0-6.34,3.12l-64,83.21L72,108.69a16,16,0,0,0-22.64,0l-12.69,12.7a16,16,0,0,0,0,22.63l20,20-28,28a16,16,0,0,0,0,22.63l12.69,12.68a16,16,0,0,0,22.62,0l28-28,20,20a16,16,0,0,0,22.64,0l12.69-12.7a16,16,0,0,0,0-22.63l-9.64-9.64,83.21-64A8,8,0,0,0,224,104V40A8,8,0,0,0,216,32ZM52.69,216,40,203.32l28-28L80.68,188Zm70.61-8L48,132.71,60.7,120,136,195.31ZM208,100.06l-81.74,62.88L115.32,152l50.34-50.34a8,8,0,0,0-11.32-11.31L104,140.68,93.07,129.74,155.94,48H208Z"></path></svg></div><h3 class="text-3xl font-playfairDisplay italic font-black text-dnd-crimson uppercase tracking-tighter mb-2 relative z-10">Niva's Badge</h3><p class="text-xs font-arvo text-black/60 uppercase tracking-widest mb-4 font-bold relative z-10">Insignia</p><div class="h-px w-16 bg-dnd-crimson/20 mb-6"></div><p class="text-base font-arvo text-black/70 leading-relaxed line-clamp-4 relative z-10 px-4">An intelligence officer's badge, now stained with the blood of a sewer worker. It represents the failure of the system to protect those who built it.</p><div class="mt-6 opacity-0 group-hover:opacity-100 transition-opacity duration-300 text-xs font-mono text-dnd-crimson uppercase tracking-widest">Inspect Item</div></div></div><div class="cursor-pointer" style="opacity:0;transform:scale(.9)"><div class="block group relative p-8 dnd-fantasy-card text-center h-full min-h-[400px] flex flex-col items-center justify-center border-2 border-black/20 shadow-2xl overflow-hidden hover:scale-[1.02] transition-transform duration-300"><div class="dnd-card-rune top-8 left-8 -rotate-12">ᚦ</div><div class="dnd-card-rune bottom-8 right-8 rotate-12">ᛉ</div><div class="dnd-ink-splatter w-8 h-8 top-1/4 right-8"></div><div class="dnd-ink-splatter w-4 h-4 bottom-1/3 left-12"></div><div class="absolute top-4 left-4 w-8 h-8 border-t-2 border-l-2 border-dnd-gold opacity-60 group-hover:opacity-100 transition-all duration-500"></div><div class="absolute top-4 right-4 w-8 h-8 border-t-2 border-r-2 border-dnd-gold opacity-60 group-hover:opacity-100 transition-all duration-500"></div><div class="absolute bottom-4 left-4 w-8 h-8 border-b-2 border-l-2 border-dnd-gold opacity-60 group-hover:opacity-100 transition-all duration-500"></div><div class="absolute bottom-4 right-4 w-8 h-8 border-b-2 border-r-2 border-dnd-gold opacity-60 group-hover:opacity-100 transition-all duration-500"></div><div class="mb-6 text-dnd-crimson group-hover:scale-110 transition-transform duration-500 relative z-10"><svg fill="currentColor" height="48" viewBox="0 0 256 256" width="48" xmlns="http://www.w3.org/2000/svg"><path d="M208,216H48a8,8,0,0,1-6.86-12.12l30.48-50.8h0c13.23-2.48,32-1.41,56.37,10.92,32.25,16.33,54.75,12.91,67.5,7.65h0l19.34,32.23A8,8,0,0,1,208,216Z" opacity="0.2"></path><path d="M221.69,199.77,160,96.92V40h8a8,8,0,0,0,0-16H88a8,8,0,0,0,0,16h8V96.92L34.31,199.77A16,16,0,0,0,48,224H208a16,16,0,0,0,13.72-24.23ZM110.86,103.25A7.93,7.93,0,0,0,112,99.14V40h32V99.14a7.93,7.93,0,0,0,1.14,4.11L183.36,167c-12,2.37-29.07,1.37-51.75-10.11-15.91-8.05-31.05-12.32-45.22-12.81ZM48,208l28.54-47.58c14.25-1.73,30.31,1.85,47.82,10.72,19,9.61,35,12.88,48,12.88a69.89,69.89,0,0,0,19.55-2.7L208,208Z"></path></svg></div><h3 class="text-3xl font-playfairDisplay italic font-black text-dnd-crimson uppercase tracking-tighter mb-2 relative z-10">Alilberry Extract</h3><p class="text-xs font-arvo text-black/60 uppercase tracking-widest mb-4 font-bold relative z-10">Potion / Poison</p><div class="h-px w-16 bg-dnd-crimson/20 mb-6"></div><p class="text-base font-arvo text-black/70 leading-relaxed line-clamp-4 relative z-10 px-4">A pearlescent grey mist derived from a rare herb, processed through dwarven glass and sung over by a mute bard. One drop cures; two drops kill.</p><div class="mt-6 opacity-0 group-hover:opacity-100 transition-opacity duration-300 text-xs font-mono text-dnd-crimson uppercase tracking-widest">Inspect Item</div></div></div><div class="cursor-pointer" style="opacity:0;transform:scale(.9)"><div class="block group relative p-8 dnd-fantasy-card text-center h-full min-h-[400px] flex flex-col items-center justify-center border-2 border-black/20 shadow-2xl overflow-hidden hover:scale-[1.02] transition-transform duration-300"><div class="dnd-card-rune top-8 left-8 -rotate-12">ᚦ</div><div class="dnd-card-rune bottom-8 right-8 rotate-12">ᛉ</div><div class="dnd-ink-splatter w-8 h-8 top-1/4 right-8"></div><div class="dnd-ink-splatter w-4 h-4 bottom-1/3 left-12"></div><div class="absolute top-4 left-4 w-8 h-8 border-t-2 border-l-2 border-dnd-gold opacity-60 group-hover:opacity-100 transition-all duration-500"></div><div class="absolute top-4 right-4 w-8 h-8 border-t-2 border-r-2 border-dnd-gold opacity-60 group-hover:opacity-100 transition-all duration-500"></div><div class="absolute bottom-4 left-4 w-8 h-8 border-b-2 border-l-2 border-dnd-gold opacity-60 group-hover:opacity-100 transition-all duration-500"></div><div class="absolute bottom-4 right-4 w-8 h-8 border-b-2 border-r-2 border-dnd-gold opacity-60 group-hover:opacity-100 transition-all duration-500"></div><div class="mb-6 text-dnd-crimson group-hover:scale-110 transition-transform duration-500 relative z-10"><svg fill="currentColor" height="48" viewBox="0 0 256 256" width="48" xmlns="http://www.w3.org/2000/svg"><path d="M141.66,201,129,213.66a8,8,0,0,1-11.32,0L92,188,58.35,221.66a8,8,0,0,1-11.32,0L34.34,209a8,8,0,0,1,0-11.31L68,164,42.34,138.36a8,8,0,0,1,0-11.32L55,114.34a8,8,0,0,1,11.32,0l75.3,75.3A8,8,0,0,1,141.66,201Z" opacity="0.2"></path><path d="M216,32H152a8,8,0,0,0-6.34,3.12l-64,83.21L72,108.69a16,16,0,0,0-22.64,0l-12.69,12.7a16,16,0,0,0,0,22.63l20,20-28,28a16,16,0,0,0,0,22.63l12.69,12.68a16,16,0,0,0,22.62,0l28-28,20,20a16,16,0,0,0,22.64,0l12.69-12.7a16,16,0,0,0,0-22.63l-9.64-9.64,83.21-64A8,8,0,0,0,224,104V40A8,8,0,0,0,216,32ZM52.69,216,40,203.32l28-28L80.68,188Zm70.61-8L48,132.71,60.7,120,136,195.31ZM208,100.06l-81.74,62.88L115.32,152l50.34-50.34a8,8,0,0,0-11.32-11.31L104,140.68,93.07,129.74,155.94,48H208Z"></path></svg></div><h3 class="text-3xl font-playfairDisplay italic font-black text-dnd-crimson uppercase tracking-tighter mb-2 relative z-10">Soul of Viyu</h3><p class="text-xs font-arvo text-black/60 uppercase tracking-widest mb-4 font-bold relative z-10">Artifact</p><div class="h-px w-16 bg-dnd-crimson/20 mb-6"></div><p class="text-base font-arvo text-black/70 leading-relaxed line-clamp-4 relative z-10 px-4">A fragment of an ancient soul, pulsating with a faint, rhythmic light. It whispers to those who hold it, promising power at a terrible cost.</p><div class="mt-6 opacity-0 group-hover:opacity-100 transition-opacity duration-300 text-xs font-mono text-dnd-crimson uppercase tracking-widest">Inspect Item</div></div></div><div class="cursor-pointer" style="opacity:0;transform:scale(.9)"><div class="block group relative p-8 dnd-fantasy-card text-center h-full min-h-[400px] flex flex-col items-center justify-center border-2 border-black/20 shadow-2xl overflow-hidden hover:scale-[1.02] transition-transform duration-300"><div class="dnd-card-rune top-8 left-8 -rotate-12">ᚦ</div><div class="dnd-card-rune bottom-8 right-8 rotate-12">ᛉ</div><div class="dnd-ink-splatter w-8 h-8 top-1/4 right-8"></div><div class="dnd-ink-splatter w-4 h-4 bottom-1/3 left-12"></div><div class="absolute top-4 left-4 w-8 h-8 border-t-2 border-l-2 border-dnd-gold opacity-60 group-hover:opacity-100 transition-all duration-500"></div><div class="absolute top-4 right-4 w-8 h-8 border-t-2 border-r-2 border-dnd-gold opacity-60 group-hover:opacity-100 transition-all duration-500"></div><div class="absolute bottom-4 left-4 w-8 h-8 border-b-2 border-l-2 border-dnd-gold opacity-60 group-hover:opacity-100 transition-all duration-500"></div><div class="absolute bottom-4 right-4 w-8 h-8 border-b-2 border-r-2 border-dnd-gold opacity-60 group-hover:opacity-100 transition-all duration-500"></div><div class="mb-6 text-dnd-crimson group-hover:scale-110 transition-transform duration-500 relative z-10"><svg fill="currentColor" height="48" viewBox="0 0 256 256" width="48" xmlns="http://www.w3.org/2000/svg"><path d="M141.66,201,129,213.66a8,8,0,0,1-11.32,0L92,188,58.35,221.66a8,8,0,0,1-11.32,0L34.34,209a8,8,0,0,1,0-11.31L68,164,42.34,138.36a8,8,0,0,1,0-11.32L55,114.34a8,8,0,0,1,11.32,0l75.3,75.3A8,8,0,0,1,141.66,201Z" opacity="0.2"></path><path d="M216,32H152a8,8,0,0,0-6.34,3.12l-64,83.21L72,108.69a16,16,0,0,0-22.64,0l-12.69,12.7a16,16,0,0,0,0,22.63l20,20-28,28a16,16,0,0,0,0,22.63l12.69,12.68a16,16,0,0,0,22.62,0l28-28,20,20a16,16,0,0,0,22.64,0l12.69-12.7a16,16,0,0,0,0-22.63l-9.64-9.64,83.21-64A8,8,0,0,0,224,104V40A8,8,0,0,0,216,32ZM52.69,216,40,203.32l28-28L80.68,188Zm70.61-8L48,132.71,60.7,120,136,195.31ZM208,100.06l-81.74,62.88L115.32,152l50.34-50.34a8,8,0,0,0-11.32-11.31L104,140.68,93.07,129.74,155.94,48H208Z"></path></svg></div><h3 class="text-3xl font-playfairDisplay italic font-black text-dnd-crimson uppercase tracking-tighter mb-2 relative z-10">Corrigan's .38 Revolver</h3><p class="text-xs font-arvo text-black/60 uppercase tracking-widest mb-4 font-bold relative z-10">Weapon</p><div class="h-px w-16 bg-dnd-crimson/20 mb-6"></div><p class="text-base font-arvo text-black/70 leading-relaxed line-clamp-4 relative z-10 px-4">A cold, heavy piece of steel that has seen better days. It is the only thing Corrigan trusts in a city full of liars and shadows. It fired the final shot in the Case of the Mirror Man.</p><div class="mt-6 opacity-0 group-hover:opacity-100 transition-opacity duration-300 text-xs font-mono text-dnd-crimson uppercase tracking-widest">Inspect Item</div></div></div><div class="cursor-pointer" style="opacity:0;transform:scale(.9)"><div class="block group relative p-8 dnd-fantasy-card text-center h-full min-h-[400px] flex flex-col items-center justify-center border-2 border-black/20 shadow-2xl overflow-hidden hover:scale-[1.02] transition-transform duration-300"><div class="dnd-card-rune top-8 left-8 -rotate-12">ᚦ</div><div class="dnd-card-rune bottom-8 right-8 rotate-12">ᛉ</div><div class="dnd-ink-splatter w-8 h-8 top-1/4 right-8"></div><div class="dnd-ink-splatter w-4 h-4 bottom-1/3 left-12"></div><div class="absolute top-4 left-4 w-8 h-8 border-t-2 border-l-2 border-dnd-gold opacity-60 group-hover:opacity-100 transition-all duration-500"></div><div class="absolute top-4 right-4 w-8 h-8 border-t-2 border-r-2 border-dnd-gold opacity-60 group-hover:opacity-100 transition-all duration-500"></div><div class="absolute bottom-4 left-4 w-8 h-8 border-b-2 border-l-2 border-dnd-gold opacity-60 group-hover:opacity-100 transition-all duration-500"></div><div class="absolute bottom-4 right-4 w-8 h-8 border-b-2 border-r-2 border-dnd-gold opacity-60 group-hover:opacity-100 transition-all duration-500"></div><div class="mb-6 text-dnd-crimson group-hover:scale-110 transition-transform duration-500 relative z-10"><svg fill="currentColor" height="48" viewBox="0 0 256 256" width="48" xmlns="http://www.w3.org/2000/svg"><path d="M141.66,201,129,213.66a8,8,0,0,1-11.32,0L92,188,58.35,221.66a8,8,0,0,1-11.32,0L34.34,209a8,8,0,0,1,0-11.31L68,164,42.34,138.36a8,8,0,0,1,0-11.32L55,114.34a8,8,0,0,1,11.32,0l75.3,75.3A8,8,0,0,1,141.66,201Z" opacity="0.2"></path><path d="M216,32H152a8,8,0,0,0-6.34,3.12l-64,83.21L72,108.69a16,16,0,0,0-22.64,0l-12.69,12.7a16,16,0,0,0,0,22.63l20,20-28,28a16,16,0,0,0,0,22.63l12.69,12.68a16,16,0,0,0,22.62,0l28-28,20,20a16,16,0,0,0,22.64,0l12.69-12.7a16,16,0,0,0,0-22.63l-9.64-9.64,83.21-64A8,8,0,0,0,224,104V40A8,8,0,0,0,216,32ZM52.69,216,40,203.32l28-28L80.68,188Zm70.61-8L48,132.71,60.7,120,136,195.31ZM208,100.06l-81.74,62.88L115.32,152l50.34-50.34a8,8,0,0,0-11.32-11.31L104,140.68,93.07,129.74,155.94,48H208Z"></path></svg></div><h3 class="text-3xl font-playfairDisplay italic font-black text-dnd-crimson uppercase tracking-tighter mb-2 relative z-10">Dark Green Beret</h3><p class="text-xs font-arvo text-black/60 uppercase tracking-widest mb-4 font-bold relative z-10">Military Apparel</p><div class="h-px w-16 bg-dnd-crimson/20 mb-6"></div><p class="text-base font-arvo text-black/70 leading-relaxed line-clamp-4 relative z-10 px-4">A wool beret with twenty-two silver stars stitched into the side by Lenia. It is the only thing Lorhud Krauper has left from his daughter, and he never takes it off.</p><div class="mt-6 opacity-0 group-hover:opacity-100 transition-opacity duration-300 text-xs font-mono text-dnd-crimson uppercase tracking-widest">Inspect Item</div></div></div><div class="cursor-pointer" style="opacity:0;transform:scale(.9)"><div class="block group relative p-8 dnd-fantasy-card text-center h-full min-h-[400px] flex flex-col items-center justify-center border-2 border-black/20 shadow-2xl overflow-hidden hover:scale-[1.02] transition-transform duration-300"><div class="dnd-card-rune top-8 left-8 -rotate-12">ᚦ</div><div class="dnd-card-rune bottom-8 right-8 rotate-12">ᛉ</div><div class="dnd-ink-splatter w-8 h-8 top-1/4 right-8"></div><div class="dnd-ink-splatter w-4 h-4 bottom-1/3 left-12"></div><div class="absolute top-4 left-4 w-8 h-8 border-t-2 border-l-2 border-dnd-gold opacity-60 group-hover:opacity-100 transition-all duration-500"></div><div class="absolute top-4 right-4 w-8 h-8 border-t-2 border-r-2 border-dnd-gold opacity-60 group-hover:opacity-100 transition-all duration-500"></div><div class="absolute bottom-4 left-4 w-8 h-8 border-b-2 border-l-2 border-dnd-gold opacity-60 group-hover:opacity-100 transition-all duration-500"></div><div class="absolute bottom-4 right-4 w-8 h-8 border-b-2 border-r-2 border-dnd-gold opacity-60 group-hover:opacity-100 transition-all duration-500"></div><div class="mb-6 text-dnd-crimson group-hover:scale-110 transition-transform duration-500 relative z-10"><svg fill="currentColor" height="48" viewBox="0 0 256 256" width="48" xmlns="http://www.w3.org/2000/svg"><path d="M141.66,201,129,213.66a8,8,0,0,1-11.32,0L92,188,58.35,221.66a8,8,0,0,1-11.32,0L34.34,209a8,8,0,0,1,0-11.31L68,164,42.34,138.36a8,8,0,0,1,0-11.32L55,114.34a8,8,0,0,1,11.32,0l75.3,75.3A8,8,0,0,1,141.66,201Z" opacity="0.2"></path><path d="M216,32H152a8,8,0,0,0-6.34,3.12l-64,83.21L72,108.69a16,16,0,0,0-22.64,0l-12.69,12.7a16,16,0,0,0,0,22.63l20,20-28,28a16,16,0,0,0,0,22.63l12.69,12.68a16,16,0,0,0,22.62,0l28-28,20,20a16,16,0,0,0,22.64,0l12.69-12.7a16,16,0,0,0,0-22.63l-9.64-9.64,83.21-64A8,8,0,0,0,224,104V40A8,8,0,0,0,216,32ZM52.69,216,40,203.32l28-28L80.68,188Zm70.61-8L48,132.71,60.7,120,136,195.31ZM208,100.06l-81.74,62.88L115.32,152l50.34-50.34a8,8,0,0,0-11.32-11.31L104,140.68,93.07,129.74,155.94,48H208Z"></path></svg></div><h3 class="text-3xl font-playfairDisplay italic font-black text-dnd-crimson uppercase tracking-tighter mb-2 relative z-10">Chronometer of Ash</h3><p class="text-xs font-arvo text-black/60 uppercase tracking-widest mb-4 font-bold relative z-10">Tool / Artifact</p><div class="h-px w-16 bg-dnd-crimson/20 mb-6"></div><p class="text-base font-arvo text-black/70 leading-relaxed line-clamp-4 relative z-10 px-4">A brass sphere powered by the ash of Glareach. It allows the user to relive exactly one hour of their past. The glass is unbreakable, ensuring the user can only observe, never intervene.</p><div class="mt-6 opacity-0 group-hover:opacity-100 transition-opacity duration-300 text-xs font-mono text-dnd-crimson uppercase tracking-widest">Inspect Item</div></div></div><div class="cursor-pointer" style="opacity:0;transform:scale(.9)"><div class="block group relative p-8 dnd-fantasy-card text-center h-full min-h-[400px] flex flex-col items-center justify-center border-2 border-black/20 shadow-2xl overflow-hidden hover:scale-[1.02] transition-transform duration-300"><div class="dnd-card-rune top-8 left-8 -rotate-12">ᚦ</div><div class="dnd-card-rune bottom-8 right-8 rotate-12">ᛉ</div><div class="dnd-ink-splatter w-8 h-8 top-1/4 right-8"></div><div class="dnd-ink-splatter w-4 h-4 bottom-1/3 left-12"></div><div class="absolute top-4 left-4 w-8 h-8 border-t-2 border-l-2 border-dnd-gold opacity-60 group-hover:opacity-100 transition-all duration-500"></div><div class="absolute top-4 right-4 w-8 h-8 border-t-2 border-r-2 border-dnd-gold opacity-60 group-hover:opacity-100 transition-all duration-500"></div><div class="absolute bottom-4 left-4 w-8 h-8 border-b-2 border-l-2 border-dnd-gold opacity-60 group-hover:opacity-100 transition-all duration-500"></div><div class="absolute bottom-4 right-4 w-8 h-8 border-b-2 border-r-2 border-dnd-gold opacity-60 group-hover:opacity-100 transition-all duration-500"></div><div class="mb-6 text-dnd-crimson group-hover:scale-110 transition-transform duration-500 relative z-10"><svg fill="currentColor" height="48" viewBox="0 0 256 256" width="48" xmlns="http://www.w3.org/2000/svg"><path d="M141.66,201,129,213.66a8,8,0,0,1-11.32,0L92,188,58.35,221.66a8,8,0,0,1-11.32,0L34.34,209a8,8,0,0,1,0-11.31L68,164,42.34,138.36a8,8,0,0,1,0-11.32L55,114.34a8,8,0,0,1,11.32,0l75.3,75.3A8,8,0,0,1,141.66,201Z" opacity="0.2"></path><path d="M216,32H152a8,8,0,0,0-6.34,3.12l-64,83.21L72,108.69a16,16,0,0,0-22.64,0l-12.69,12.7a16,16,0,0,0,0,22.63l20,20-28,28a16,16,0,0,0,0,22.63l12.69,12.68a16,16,0,0,0,22.62,0l28-28,20,20a16,16,0,0,0,22.64,0l12.69-12.7a16,16,0,0,0,0-22.63l-9.64-9.64,83.21-64A8,8,0,0,0,224,104V40A8,8,0,0,0,216,32ZM52.69,216,40,203.32l28-28L80.68,188Zm70.61-8L48,132.71,60.7,120,136,195.31ZM208,100.06l-81.74,62.88L115.32,152l50.34-50.34a8,8,0,0,0-11.32-11.31L104,140.68,93.07,129.74,155.94,48H208Z"></path></svg></div><h3 class="text-3xl font-playfairDisplay italic font-black text-dnd-crimson uppercase tracking-tighter mb-2 relative z-10">Valeth's Notebook</h3><p class="text-xs font-arvo text-black/60 uppercase tracking-widest mb-4 font-bold relative z-10">Journal</p><div class="h-px w-16 bg-dnd-crimson/20 mb-6"></div><p class="text-base font-arvo text-black/70 leading-relaxed line-clamp-4 relative z-10 px-4">A navy blue notebook with a single silver star on the cover. It contains the observations of a diplomat who sees too much, documenting the rot at the heart of Thornus. Recently stolen by Nex Orlong outside the Kosnak Estate.</p><div class="mt-6 opacity-0 group-hover:opacity-100 transition-opacity duration-300 text-xs font-mono text-dnd-crimson uppercase tracking-widest">Inspect Item</div></div></div><div class="cursor-pointer" style="opacity:0;transform:scale(.9)"><div class="block group relative p-8 dnd-fantasy-card text-center h-full min-h-[400px] flex flex-col items-center justify-center border-2 border-black/20 shadow-2xl overflow-hidden hover:scale-[1.02] transition-transform duration-300"><div class="dnd-card-rune top-8 left-8 -rotate-12">ᚦ</div><div class="dnd-card-rune bottom-8 right-8 rotate-12">ᛉ</div><div class="dnd-ink-splatter w-8 h-8 top-1/4 right-8"></div><div class="dnd-ink-splatter w-4 h-4 bottom-1/3 left-12"></div><div class="absolute top-4 left-4 w-8 h-8 border-t-2 border-l-2 border-dnd-gold opacity-60 group-hover:opacity-100 transition-all duration-500"></div><div class="absolute top-4 right-4 w-8 h-8 border-t-2 border-r-2 border-dnd-gold opacity-60 group-hover:opacity-100 transition-all duration-500"></div><div class="absolute bottom-4 left-4 w-8 h-8 border-b-2 border-l-2 border-dnd-gold opacity-60 group-hover:opacity-100 transition-all duration-500"></div><div class="absolute bottom-4 right-4 w-8 h-8 border-b-2 border-r-2 border-dnd-gold opacity-60 group-hover:opacity-100 transition-all duration-500"></div><div class="mb-6 text-dnd-crimson group-hover:scale-110 transition-transform duration-500 relative z-10"><svg fill="currentColor" height="48" viewBox="0 0 256 256" width="48" xmlns="http://www.w3.org/2000/svg"><path d="M141.66,201,129,213.66a8,8,0,0,1-11.32,0L92,188,58.35,221.66a8,8,0,0,1-11.32,0L34.34,209a8,8,0,0,1,0-11.31L68,164,42.34,138.36a8,8,0,0,1,0-11.32L55,114.34a8,8,0,0,1,11.32,0l75.3,75.3A8,8,0,0,1,141.66,201Z" opacity="0.2"></path><path d="M216,32H152a8,8,0,0,0-6.34,3.12l-64,83.21L72,108.69a16,16,0,0,0-22.64,0l-12.69,12.7a16,16,0,0,0,0,22.63l20,20-28,28a16,16,0,0,0,0,22.63l12.69,12.68a16,16,0,0,0,22.62,0l28-28,20,20a16,16,0,0,0,22.64,0l12.69-12.7a16,16,0,0,0,0-22.63l-9.64-9.64,83.21-64A8,8,0,0,0,224,104V40A8,8,0,0,0,216,32ZM52.69,216,40,203.32l28-28L80.68,188Zm70.61-8L48,132.71,60.7,120,136,195.31ZM208,100.06l-81.74,62.88L115.32,152l50.34-50.34a8,8,0,0,0-11.32-11.31L104,140.68,93.07,129.74,155.94,48H208Z"></path></svg></div><h3 class="text-3xl font-playfairDisplay italic font-black text-dnd-crimson uppercase tracking-tighter mb-2 relative z-10">Touch of Rose</h3><p class="text-xs font-arvo text-black/60 uppercase tracking-widest mb-4 font-bold relative z-10">Disease / Mark</p><div class="h-px w-16 bg-dnd-crimson/20 mb-6"></div><p class="text-base font-arvo text-black/70 leading-relaxed line-clamp-4 relative z-10 px-4">A devastating affliction that manifests as a crimson rose-leaf mark on the forehead. It slowly drains the victim's motor functions and speech, eventually leaving them in a vegetative state. Its only known cure is a rare drop of Alilberry.</p><div class="mt-6 opacity-0 group-hover:opacity-100 transition-opacity duration-300 text-xs font-mono text-dnd-crimson uppercase tracking-widest">Inspect Item</div></div></div><div class="cursor-pointer" style="opacity:0;transform:scale(.9)"><div class="block group relative p-8 dnd-fantasy-card text-center h-full min-h-[400px] flex flex-col items-center justify-center border-2 border-black/20 shadow-2xl overflow-hidden hover:scale-[1.02] transition-transform duration-300"><div class="dnd-card-rune top-8 left-8 -rotate-12">ᚦ</div><div class="dnd-card-rune bottom-8 right-8 rotate-12">ᛉ</div><div class="dnd-ink-splatter w-8 h-8 top-1/4 right-8"></div><div class="dnd-ink-splatter w-4 h-4 bottom-1/3 left-12"></div><div class="absolute top-4 left-4 w-8 h-8 border-t-2 border-l-2 border-dnd-gold opacity-60 group-hover:opacity-100 transition-all duration-500"></div><div class="absolute top-4 right-4 w-8 h-8 border-t-2 border-r-2 border-dnd-gold opacity-60 group-hover:opacity-100 transition-all duration-500"></div><div class="absolute bottom-4 left-4 w-8 h-8 border-b-2 border-l-2 border-dnd-gold opacity-60 group-hover:opacity-100 transition-all duration-500"></div><div class="absolute bottom-4 right-4 w-8 h-8 border-b-2 border-r-2 border-dnd-gold opacity-60 group-hover:opacity-100 transition-all duration-500"></div><div class="mb-6 text-dnd-crimson group-hover:scale-110 transition-transform duration-500 relative z-10"><svg fill="currentColor" height="48" viewBox="0 0 256 256" width="48" xmlns="http://www.w3.org/2000/svg"><path d="M141.66,201,129,213.66a8,8,0,0,1-11.32,0L92,188,58.35,221.66a8,8,0,0,1-11.32,0L34.34,209a8,8,0,0,1,0-11.31L68,164,42.34,138.36a8,8,0,0,1,0-11.32L55,114.34a8,8,0,0,1,11.32,0l75.3,75.3A8,8,0,0,1,141.66,201Z" opacity="0.2"></path><path d="M216,32H152a8,8,0,0,0-6.34,3.12l-64,83.21L72,108.69a16,16,0,0,0-22.64,0l-12.69,12.7a16,16,0,0,0,0,22.63l20,20-28,28a16,16,0,0,0,0,22.63l12.69,12.68a16,16,0,0,0,22.62,0l28-28,20,20a16,16,0,0,0,22.64,0l12.69-12.7a16,16,0,0,0,0-22.63l-9.64-9.64,83.21-64A8,8,0,0,0,224,104V40A8,8,0,0,0,216,32ZM52.69,216,40,203.32l28-28L80.68,188Zm70.61-8L48,132.71,60.7,120,136,195.31ZM208,100.06l-81.74,62.88L115.32,152l50.34-50.34a8,8,0,0,0-11.32-11.31L104,140.68,93.07,129.74,155.94,48H208Z"></path></svg></div><h3 class="text-3xl font-playfairDisplay italic font-black text-dnd-crimson uppercase tracking-tighter mb-2 relative z-10">Government Medal for Science</h3><p class="text-xs font-arvo text-black/60 uppercase tracking-widest mb-4 font-bold relative z-10">Award</p><div class="h-px w-16 bg-dnd-crimson/20 mb-6"></div><p class="text-base font-arvo text-black/70 leading-relaxed line-clamp-4 relative z-10 px-4">A heavy gold disc awarded for exceptional scientific achievement. To Avalia Krones, it is a symbol of her gilded cage and the government's attempt to buy her loyalty.</p><div class="mt-6 opacity-0 group-hover:opacity-100 transition-opacity duration-300 text-xs font-mono text-dnd-crimson uppercase tracking-widest">Inspect Item</div></div></div><div class="cursor-pointer" style="opacity:0;transform:scale(.9)"><div class="block group relative p-8 dnd-fantasy-card text-center h-full min-h-[400px] flex flex-col items-center justify-center border-2 border-black/20 shadow-2xl overflow-hidden hover:scale-[1.02] transition-transform duration-300"><div class="dnd-card-rune top-8 left-8 -rotate-12">ᚦ</div><div class="dnd-card-rune bottom-8 right-8 rotate-12">ᛉ</div><div class="dnd-ink-splatter w-8 h-8 top-1/4 right-8"></div><div class="dnd-ink-splatter w-4 h-4 bottom-1/3 left-12"></div><div class="absolute top-4 left-4 w-8 h-8 border-t-2 border-l-2 border-dnd-gold opacity-60 group-hover:opacity-100 transition-all duration-500"></div><div class="absolute top-4 right-4 w-8 h-8 border-t-2 border-r-2 border-dnd-gold opacity-60 group-hover:opacity-100 transition-all duration-500"></div><div class="absolute bottom-4 left-4 w-8 h-8 border-b-2 border-l-2 border-dnd-gold opacity-60 group-hover:opacity-100 transition-all duration-500"></div><div class="absolute bottom-4 right-4 w-8 h-8 border-b-2 border-r-2 border-dnd-gold opacity-60 group-hover:opacity-100 transition-all duration-500"></div><div class="mb-6 text-dnd-crimson group-hover:scale-110 transition-transform duration-500 relative z-10"><svg fill="currentColor" height="48" viewBox="0 0 256 256" width="48" xmlns="http://www.w3.org/2000/svg"><path d="M141.66,201,129,213.66a8,8,0,0,1-11.32,0L92,188,58.35,221.66a8,8,0,0,1-11.32,0L34.34,209a8,8,0,0,1,0-11.31L68,164,42.34,138.36a8,8,0,0,1,0-11.32L55,114.34a8,8,0,0,1,11.32,0l75.3,75.3A8,8,0,0,1,141.66,201Z" opacity="0.2"></path><path d="M216,32H152a8,8,0,0,0-6.34,3.12l-64,83.21L72,108.69a16,16,0,0,0-22.64,0l-12.69,12.7a16,16,0,0,0,0,22.63l20,20-28,28a16,16,0,0,0,0,22.63l12.69,12.68a16,16,0,0,0,22.62,0l28-28,20,20a16,16,0,0,0,22.64,0l12.69-12.7a16,16,0,0,0,0-22.63l-9.64-9.64,83.21-64A8,8,0,0,0,224,104V40A8,8,0,0,0,216,32ZM52.69,216,40,203.32l28-28L80.68,188Zm70.61-8L48,132.71,60.7,120,136,195.31ZM208,100.06l-81.74,62.88L115.32,152l50.34-50.34a8,8,0,0,0-11.32-11.31L104,140.68,93.07,129.74,155.94,48H208Z"></path></svg></div><h3 class="text-3xl font-playfairDisplay italic font-black text-dnd-crimson uppercase tracking-tighter mb-2 relative z-10">The Krones Formula</h3><p class="text-xs font-arvo text-black/60 uppercase tracking-widest mb-4 font-bold relative z-10">Scientific Data / Discovery</p><div class="h-px w-16 bg-dnd-crimson/20 mb-6"></div><p class="text-base font-arvo text-black/70 leading-relaxed line-clamp-4 relative z-10 px-4">A revolutionary method for accelerating agricultural growth. While publicly used to end hunger, the government seeks its hidden 'weaponized' potential, which Avalia carefully conceals.</p><div class="mt-6 opacity-0 group-hover:opacity-100 transition-opacity duration-300 text-xs font-mono text-dnd-crimson uppercase tracking-widest">Inspect Item</div></div></div><div class="cursor-pointer" style="opacity:0;transform:scale(.9)"><div class="block group relative p-8 dnd-fantasy-card text-center h-full min-h-[400px] flex flex-col items-center justify-center border-2 border-black/20 shadow-2xl overflow-hidden hover:scale-[1.02] transition-transform duration-300"><div class="dnd-card-rune top-8 left-8 -rotate-12">ᚦ</div><div class="dnd-card-rune bottom-8 right-8 rotate-12">ᛉ</div><div class="dnd-ink-splatter w-8 h-8 top-1/4 right-8"></div><div class="dnd-ink-splatter w-4 h-4 bottom-1/3 left-12"></div><div class="absolute top-4 left-4 w-8 h-8 border-t-2 border-l-2 border-dnd-gold opacity-60 group-hover:opacity-100 transition-all duration-500"></div><div class="absolute top-4 right-4 w-8 h-8 border-t-2 border-r-2 border-dnd-gold opacity-60 group-hover:opacity-100 transition-all duration-500"></div><div class="absolute bottom-4 left-4 w-8 h-8 border-b-2 border-l-2 border-dnd-gold opacity-60 group-hover:opacity-100 transition-all duration-500"></div><div class="absolute bottom-4 right-4 w-8 h-8 border-b-2 border-r-2 border-dnd-gold opacity-60 group-hover:opacity-100 transition-all duration-500"></div><div class="mb-6 text-dnd-crimson group-hover:scale-110 transition-transform duration-500 relative z-10"><svg fill="currentColor" height="48" viewBox="0 0 256 256" width="48" xmlns="http://www.w3.org/2000/svg"><path d="M141.66,201,129,213.66a8,8,0,0,1-11.32,0L92,188,58.35,221.66a8,8,0,0,1-11.32,0L34.34,209a8,8,0,0,1,0-11.31L68,164,42.34,138.36a8,8,0,0,1,0-11.32L55,114.34a8,8,0,0,1,11.32,0l75.3,75.3A8,8,0,0,1,141.66,201Z" opacity="0.2"></path><path d="M216,32H152a8,8,0,0,0-6.34,3.12l-64,83.21L72,108.69a16,16,0,0,0-22.64,0l-12.69,12.7a16,16,0,0,0,0,22.63l20,20-28,28a16,16,0,0,0,0,22.63l12.69,12.68a16,16,0,0,0,22.62,0l28-28,20,20a16,16,0,0,0,22.64,0l12.69-12.7a16,16,0,0,0,0-22.63l-9.64-9.64,83.21-64A8,8,0,0,0,224,104V40A8,8,0,0,0,216,32ZM52.69,216,40,203.32l28-28L80.68,188Zm70.61-8L48,132.71,60.7,120,136,195.31ZM208,100.06l-81.74,62.88L115.32,152l50.34-50.34a8,8,0,0,0-11.32-11.31L104,140.68,93.07,129.74,155.94,48H208Z"></path></svg></div><h3 class="text-3xl font-playfairDisplay italic font-black text-dnd-crimson uppercase tracking-tighter mb-2 relative z-10">Leatherwave's Dried Fish</h3><p class="text-xs font-arvo text-black/60 uppercase tracking-widest mb-4 font-bold relative z-10">Food / Treat</p><div class="h-px w-16 bg-dnd-crimson/20 mb-6"></div><p class="text-base font-arvo text-black/70 leading-relaxed line-clamp-4 relative z-10 px-4">Simple, salty snacks used to bribe the Council of Three. They represent the simple joys of a quiet life.</p><div class="mt-6 opacity-0 group-hover:opacity-100 transition-opacity duration-300 text-xs font-mono text-dnd-crimson uppercase tracking-widest">Inspect Item</div></div></div><div class="cursor-pointer" style="opacity:0;transform:scale(.9)"><div class="block group relative p-8 dnd-fantasy-card text-center h-full min-h-[400px] flex flex-col items-center justify-center border-2 border-black/20 shadow-2xl overflow-hidden hover:scale-[1.02] transition-transform duration-300"><div class="dnd-card-rune top-8 left-8 -rotate-12">ᚦ</div><div class="dnd-card-rune bottom-8 right-8 rotate-12">ᛉ</div><div class="dnd-ink-splatter w-8 h-8 top-1/4 right-8"></div><div class="dnd-ink-splatter w-4 h-4 bottom-1/3 left-12"></div><div class="absolute top-4 left-4 w-8 h-8 border-t-2 border-l-2 border-dnd-gold opacity-60 group-hover:opacity-100 transition-all duration-500"></div><div class="absolute top-4 right-4 w-8 h-8 border-t-2 border-r-2 border-dnd-gold opacity-60 group-hover:opacity-100 transition-all duration-500"></div><div class="absolute bottom-4 left-4 w-8 h-8 border-b-2 border-l-2 border-dnd-gold opacity-60 group-hover:opacity-100 transition-all duration-500"></div><div class="absolute bottom-4 right-4 w-8 h-8 border-b-2 border-r-2 border-dnd-gold opacity-60 group-hover:opacity-100 transition-all duration-500"></div><div class="mb-6 text-dnd-crimson group-hover:scale-110 transition-transform duration-500 relative z-10"><svg fill="currentColor" height="48" viewBox="0 0 256 256" width="48" xmlns="http://www.w3.org/2000/svg"><path d="M141.66,201,129,213.66a8,8,0,0,1-11.32,0L92,188,58.35,221.66a8,8,0,0,1-11.32,0L34.34,209a8,8,0,0,1,0-11.31L68,164,42.34,138.36a8,8,0,0,1,0-11.32L55,114.34a8,8,0,0,1,11.32,0l75.3,75.3A8,8,0,0,1,141.66,201Z" opacity="0.2"></path><path d="M216,32H152a8,8,0,0,0-6.34,3.12l-64,83.21L72,108.69a16,16,0,0,0-22.64,0l-12.69,12.7a16,16,0,0,0,0,22.63l20,20-28,28a16,16,0,0,0,0,22.63l12.69,12.68a16,16,0,0,0,22.62,0l28-28,20,20a16,16,0,0,0,22.64,0l12.69-12.7a16,16,0,0,0,0-22.63l-9.64-9.64,83.21-64A8,8,0,0,0,224,104V40A8,8,0,0,0,216,32ZM52.69,216,40,203.32l28-28L80.68,188Zm70.61-8L48,132.71,60.7,120,136,195.31ZM208,100.06l-81.74,62.88L115.32,152l50.34-50.34a8,8,0,0,0-11.32-11.31L104,140.68,93.07,129.74,155.94,48H208Z"></path></svg></div><h3 class="text-3xl font-playfairDisplay italic font-black text-dnd-crimson uppercase tracking-tighter mb-2 relative z-10">Sansu Syrup</h3><p class="text-xs font-arvo text-black/60 uppercase tracking-widest mb-4 font-bold relative z-10">Ancient Bio-Catalyst</p><div class="h-px w-16 bg-dnd-crimson/20 mb-6"></div><p class="text-base font-arvo text-black/70 leading-relaxed line-clamp-4 relative z-10 px-4">An iridescent, vibrating fluid harvested from deep pockets within Proxan Mountain. Used by Proxanians for communal neural links. When pressurized with Viyu gas, it becomes a violent crimson 'Agitated' state.</p><div class="mt-6 opacity-0 group-hover:opacity-100 transition-opacity duration-300 text-xs font-mono text-dnd-crimson uppercase tracking-widest">Inspect Item</div></div></div><div class="cursor-pointer" style="opacity:0;transform:scale(.9)"><div class="block group relative p-8 dnd-fantasy-card text-center h-full min-h-[400px] flex flex-col items-center justify-center border-2 border-black/20 shadow-2xl overflow-hidden hover:scale-[1.02] transition-transform duration-300"><div class="dnd-card-rune top-8 left-8 -rotate-12">ᚦ</div><div class="dnd-card-rune bottom-8 right-8 rotate-12">ᛉ</div><div class="dnd-ink-splatter w-8 h-8 top-1/4 right-8"></div><div class="dnd-ink-splatter w-4 h-4 bottom-1/3 left-12"></div><div class="absolute top-4 left-4 w-8 h-8 border-t-2 border-l-2 border-dnd-gold opacity-60 group-hover:opacity-100 transition-all duration-500"></div><div class="absolute top-4 right-4 w-8 h-8 border-t-2 border-r-2 border-dnd-gold opacity-60 group-hover:opacity-100 transition-all duration-500"></div><div class="absolute bottom-4 left-4 w-8 h-8 border-b-2 border-l-2 border-dnd-gold opacity-60 group-hover:opacity-100 transition-all duration-500"></div><div class="absolute bottom-4 right-4 w-8 h-8 border-b-2 border-r-2 border-dnd-gold opacity-60 group-hover:opacity-100 transition-all duration-500"></div><div class="mb-6 text-dnd-crimson group-hover:scale-110 transition-transform duration-500 relative z-10"><svg fill="currentColor" height="48" viewBox="0 0 256 256" width="48" xmlns="http://www.w3.org/2000/svg"><path d="M141.66,201,129,213.66a8,8,0,0,1-11.32,0L92,188,58.35,221.66a8,8,0,0,1-11.32,0L34.34,209a8,8,0,0,1,0-11.31L68,164,42.34,138.36a8,8,0,0,1,0-11.32L55,114.34a8,8,0,0,1,11.32,0l75.3,75.3A8,8,0,0,1,141.66,201Z" opacity="0.2"></path><path d="M216,32H152a8,8,0,0,0-6.34,3.12l-64,83.21L72,108.69a16,16,0,0,0-22.64,0l-12.69,12.7a16,16,0,0,0,0,22.63l20,20-28,28a16,16,0,0,0,0,22.63l12.69,12.68a16,16,0,0,0,22.62,0l28-28,20,20a16,16,0,0,0,22.64,0l12.69-12.7a16,16,0,0,0,0-22.63l-9.64-9.64,83.21-64A8,8,0,0,0,224,104V40A8,8,0,0,0,216,32ZM52.69,216,40,203.32l28-28L80.68,188Zm70.61-8L48,132.71,60.7,120,136,195.31ZM208,100.06l-81.74,62.88L115.32,152l50.34-50.34a8,8,0,0,0-11.32-11.31L104,140.68,93.07,129.74,155.94,48H208Z"></path></svg></div><h3 class="text-3xl font-playfairDisplay italic font-black text-dnd-crimson uppercase tracking-tighter mb-2 relative z-10">Crimson Binder</h3><p class="text-xs font-arvo text-black/60 uppercase tracking-widest mb-4 font-bold relative z-10">Stabilizer / Pathogen</p><div class="h-px w-16 bg-dnd-crimson/20 mb-6"></div><p class="text-base font-arvo text-black/70 leading-relaxed line-clamp-4 relative z-10 px-4">A viscous red concentrate used by Proxanians to bridge biological neural networks. Willare Frindjen mistakenly added this to the Krones Formula thinking it was nitrogen. Avalia realized this too late, knowing that the binder is now searching for a neural host in humans.</p><div class="mt-6 opacity-0 group-hover:opacity-100 transition-opacity duration-300 text-xs font-mono text-dnd-crimson uppercase tracking-widest">Inspect Item</div></div></div><div class="cursor-pointer" style="opacity:0;transform:scale(.9)"><div class="block group relative p-8 dnd-fantasy-card text-center h-full min-h-[400px] flex flex-col items-center justify-center border-2 border-black/20 shadow-2xl overflow-hidden hover:scale-[1.02] transition-transform duration-300"><div class="dnd-card-rune top-8 left-8 -rotate-12">ᚦ</div><div class="dnd-card-rune bottom-8 right-8 rotate-12">ᛉ</div><div class="dnd-ink-splatter w-8 h-8 top-1/4 right-8"></div><div class="dnd-ink-splatter w-4 h-4 bottom-1/3 left-12"></div><div class="absolute top-4 left-4 w-8 h-8 border-t-2 border-l-2 border-dnd-gold opacity-60 group-hover:opacity-100 transition-all duration-500"></div><div class="absolute top-4 right-4 w-8 h-8 border-t-2 border-r-2 border-dnd-gold opacity-60 group-hover:opacity-100 transition-all duration-500"></div><div class="absolute bottom-4 left-4 w-8 h-8 border-b-2 border-l-2 border-dnd-gold opacity-60 group-hover:opacity-100 transition-all duration-500"></div><div class="absolute bottom-4 right-4 w-8 h-8 border-b-2 border-r-2 border-dnd-gold opacity-60 group-hover:opacity-100 transition-all duration-500"></div><div class="mb-6 text-dnd-crimson group-hover:scale-110 transition-transform duration-500 relative z-10"><svg fill="currentColor" height="48" viewBox="0 0 256 256" width="48" xmlns="http://www.w3.org/2000/svg"><path d="M141.66,201,129,213.66a8,8,0,0,1-11.32,0L92,188,58.35,221.66a8,8,0,0,1-11.32,0L34.34,209a8,8,0,0,1,0-11.31L68,164,42.34,138.36a8,8,0,0,1,0-11.32L55,114.34a8,8,0,0,1,11.32,0l75.3,75.3A8,8,0,0,1,141.66,201Z" opacity="0.2"></path><path d="M216,32H152a8,8,0,0,0-6.34,3.12l-64,83.21L72,108.69a16,16,0,0,0-22.64,0l-12.69,12.7a16,16,0,0,0,0,22.63l20,20-28,28a16,16,0,0,0,0,22.63l12.69,12.68a16,16,0,0,0,22.62,0l28-28,20,20a16,16,0,0,0,22.64,0l12.69-12.7a16,16,0,0,0,0-22.63l-9.64-9.64,83.21-64A8,8,0,0,0,224,104V40A8,8,0,0,0,216,32ZM52.69,216,40,203.32l28-28L80.68,188Zm70.61-8L48,132.71,60.7,120,136,195.31ZM208,100.06l-81.74,62.88L115.32,152l50.34-50.34a8,8,0,0,0-11.32-11.31L104,140.68,93.07,129.74,155.94,48H208Z"></path></svg></div><h3 class="text-3xl font-playfairDisplay italic font-black text-dnd-crimson uppercase tracking-tighter mb-2 relative z-10">Proxanian Seeds</h3><p class="text-xs font-arvo text-black/60 uppercase tracking-widest mb-4 font-bold relative z-10">Biological Hardware</p><div class="h-px w-16 bg-dnd-crimson/20 mb-6"></div><p class="text-base font-arvo text-black/70 leading-relaxed line-clamp-4 relative z-10 px-4">Dormant seeds of extinct flora that grew on Proxan Mountain. They respond only to the 'Proxanian Echo' and were the true foundation of the Krones Formula.</p><div class="mt-6 opacity-0 group-hover:opacity-100 transition-opacity duration-300 text-xs font-mono text-dnd-crimson uppercase tracking-widest">Inspect Item</div></div></div><div class="cursor-pointer" style="opacity:0;transform:scale(.9)"><div class="block group relative p-8 dnd-fantasy-card text-center h-full min-h-[400px] flex flex-col items-center justify-center border-2 border-black/20 shadow-2xl overflow-hidden hover:scale-[1.02] transition-transform duration-300"><div class="dnd-card-rune top-8 left-8 -rotate-12">ᚦ</div><div class="dnd-card-rune bottom-8 right-8 rotate-12">ᛉ</div><div class="dnd-ink-splatter w-8 h-8 top-1/4 right-8"></div><div class="dnd-ink-splatter w-4 h-4 bottom-1/3 left-12"></div><div class="absolute top-4 left-4 w-8 h-8 border-t-2 border-l-2 border-dnd-gold opacity-60 group-hover:opacity-100 transition-all duration-500"></div><div class="absolute top-4 right-4 w-8 h-8 border-t-2 border-r-2 border-dnd-gold opacity-60 group-hover:opacity-100 transition-all duration-500"></div><div class="absolute bottom-4 left-4 w-8 h-8 border-b-2 border-l-2 border-dnd-gold opacity-60 group-hover:opacity-100 transition-all duration-500"></div><div class="absolute bottom-4 right-4 w-8 h-8 border-b-2 border-r-2 border-dnd-gold opacity-60 group-hover:opacity-100 transition-all duration-500"></div><div class="mb-6 text-dnd-crimson group-hover:scale-110 transition-transform duration-500 relative z-10"><svg fill="currentColor" height="48" viewBox="0 0 256 256" width="48" xmlns="http://www.w3.org/2000/svg"><path d="M141.66,201,129,213.66a8,8,0,0,1-11.32,0L92,188,58.35,221.66a8,8,0,0,1-11.32,0L34.34,209a8,8,0,0,1,0-11.31L68,164,42.34,138.36a8,8,0,0,1,0-11.32L55,114.34a8,8,0,0,1,11.32,0l75.3,75.3A8,8,0,0,1,141.66,201Z" opacity="0.2"></path><path d="M216,32H152a8,8,0,0,0-6.34,3.12l-64,83.21L72,108.69a16,16,0,0,0-22.64,0l-12.69,12.7a16,16,0,0,0,0,22.63l20,20-28,28a16,16,0,0,0,0,22.63l12.69,12.68a16,16,0,0,0,22.62,0l28-28,20,20a16,16,0,0,0,22.64,0l12.69-12.7a16,16,0,0,0,0-22.63l-9.64-9.64,83.21-64A8,8,0,0,0,224,104V40A8,8,0,0,0,216,32ZM52.69,216,40,203.32l28-28L80.68,188Zm70.61-8L48,132.71,60.7,120,136,195.31ZM208,100.06l-81.74,62.88L115.32,152l50.34-50.34a8,8,0,0,0-11.32-11.31L104,140.68,93.07,129.74,155.94,48H208Z"></path></svg></div><h3 class="text-3xl font-playfairDisplay italic font-black text-dnd-crimson uppercase tracking-tighter mb-2 relative z-10">Proxanian Echo</h3><p class="text-xs font-arvo text-black/60 uppercase tracking-widest mb-4 font-bold relative z-10">Acoustic Artifact / Frequency</p><div class="h-px w-16 bg-dnd-crimson/20 mb-6"></div><p class="text-base font-arvo text-black/70 leading-relaxed line-clamp-4 relative z-10 px-4">The background psychic frequency of the extinct Children of the Mountain. Avalia Krones sought to harness this for her 'botanical network', but it is now the phantom signal that the 'Touch of Rose' victims are biologically trying to connect to.</p><div class="mt-6 opacity-0 group-hover:opacity-100 transition-opacity duration-300 text-xs font-mono text-dnd-crimson uppercase tracking-widest">Inspect Item</div></div></div><div class="cursor-pointer" style="opacity:0;transform:scale(.9)"><div class="block group relative p-8 dnd-fantasy-card text-center h-full min-h-[400px] flex flex-col items-center justify-center border-2 border-black/20 shadow-2xl overflow-hidden hover:scale-[1.02] transition-transform duration-300"><div class="dnd-card-rune top-8 left-8 -rotate-12">ᚦ</div><div class="dnd-card-rune bottom-8 right-8 rotate-12">ᛉ</div><div class="dnd-ink-splatter w-8 h-8 top-1/4 right-8"></div><div class="dnd-ink-splatter w-4 h-4 bottom-1/3 left-12"></div><div class="absolute top-4 left-4 w-8 h-8 border-t-2 border-l-2 border-dnd-gold opacity-60 group-hover:opacity-100 transition-all duration-500"></div><div class="absolute top-4 right-4 w-8 h-8 border-t-2 border-r-2 border-dnd-gold opacity-60 group-hover:opacity-100 transition-all duration-500"></div><div class="absolute bottom-4 left-4 w-8 h-8 border-b-2 border-l-2 border-dnd-gold opacity-60 group-hover:opacity-100 transition-all duration-500"></div><div class="absolute bottom-4 right-4 w-8 h-8 border-b-2 border-r-2 border-dnd-gold opacity-60 group-hover:opacity-100 transition-all duration-500"></div><div class="mb-6 text-dnd-crimson group-hover:scale-110 transition-transform duration-500 relative z-10"><svg fill="currentColor" height="48" viewBox="0 0 256 256" width="48" xmlns="http://www.w3.org/2000/svg"><path d="M141.66,201,129,213.66a8,8,0,0,1-11.32,0L92,188,58.35,221.66a8,8,0,0,1-11.32,0L34.34,209a8,8,0,0,1,0-11.31L68,164,42.34,138.36a8,8,0,0,1,0-11.32L55,114.34a8,8,0,0,1,11.32,0l75.3,75.3A8,8,0,0,1,141.66,201Z" opacity="0.2"></path><path d="M216,32H152a8,8,0,0,0-6.34,3.12l-64,83.21L72,108.69a16,16,0,0,0-22.64,0l-12.69,12.7a16,16,0,0,0,0,22.63l20,20-28,28a16,16,0,0,0,0,22.63l12.69,12.68a16,16,0,0,0,22.62,0l28-28,20,20a16,16,0,0,0,22.64,0l12.69-12.7a16,16,0,0,0,0-22.63l-9.64-9.64,83.21-64A8,8,0,0,0,224,104V40A8,8,0,0,0,216,32ZM52.69,216,40,203.32l28-28L80.68,188Zm70.61-8L48,132.71,60.7,120,136,195.31ZM208,100.06l-81.74,62.88L115.32,152l50.34-50.34a8,8,0,0,0-11.32-11.31L104,140.68,93.07,129.74,155.94,48H208Z"></path></svg></div><h3 class="text-3xl font-playfairDisplay italic font-black text-dnd-crimson uppercase tracking-tighter mb-2 relative z-10">Ash of Glareach</h3><p class="text-xs font-arvo text-black/60 uppercase tracking-widest mb-4 font-bold relative z-10">Catalyst / Fuel</p><div class="h-px w-16 bg-dnd-crimson/20 mb-6"></div><p class="text-base font-arvo text-black/70 leading-relaxed line-clamp-4 relative z-10 px-4">Fine gray powder harvested from the burn-sites of the old city. It retains the 'chronological weight' of the fire, making it the only substance capable of powering a Chronometer or stabilizing a RedLink.</p><div class="mt-6 opacity-0 group-hover:opacity-100 transition-opacity duration-300 text-xs font-mono text-dnd-crimson uppercase tracking-widest">Inspect Item</div></div></div><div class="cursor-pointer" style="opacity:0;transform:scale(.9)"><div class="block group relative p-8 dnd-fantasy-card text-center h-full min-h-[400px] flex flex-col items-center justify-center border-2 border-black/20 shadow-2xl overflow-hidden hover:scale-[1.02] transition-transform duration-300"><div class="dnd-card-rune top-8 left-8 -rotate-12">ᚦ</div><div class="dnd-card-rune bottom-8 right-8 rotate-12">ᛉ</div><div class="dnd-ink-splatter w-8 h-8 top-1/4 right-8"></div><div class="dnd-ink-splatter w-4 h-4 bottom-1/3 left-12"></div><div class="absolute top-4 left-4 w-8 h-8 border-t-2 border-l-2 border-dnd-gold opacity-60 group-hover:opacity-100 transition-all duration-500"></div><div class="absolute top-4 right-4 w-8 h-8 border-t-2 border-r-2 border-dnd-gold opacity-60 group-hover:opacity-100 transition-all duration-500"></div><div class="absolute bottom-4 left-4 w-8 h-8 border-b-2 border-l-2 border-dnd-gold opacity-60 group-hover:opacity-100 transition-all duration-500"></div><div class="absolute bottom-4 right-4 w-8 h-8 border-b-2 border-r-2 border-dnd-gold opacity-60 group-hover:opacity-100 transition-all duration-500"></div><div class="mb-6 text-dnd-crimson group-hover:scale-110 transition-transform duration-500 relative z-10"><svg fill="currentColor" height="48" viewBox="0 0 256 256" width="48" xmlns="http://www.w3.org/2000/svg"><path d="M141.66,201,129,213.66a8,8,0,0,1-11.32,0L92,188,58.35,221.66a8,8,0,0,1-11.32,0L34.34,209a8,8,0,0,1,0-11.31L68,164,42.34,138.36a8,8,0,0,1,0-11.32L55,114.34a8,8,0,0,1,11.32,0l75.3,75.3A8,8,0,0,1,141.66,201Z" opacity="0.2"></path><path d="M216,32H152a8,8,0,0,0-6.34,3.12l-64,83.21L72,108.69a16,16,0,0,0-22.64,0l-12.69,12.7a16,16,0,0,0,0,22.63l20,20-28,28a16,16,0,0,0,0,22.63l12.69,12.68a16,16,0,0,0,22.62,0l28-28,20,20a16,16,0,0,0,22.64,0l12.69-12.7a16,16,0,0,0,0-22.63l-9.64-9.64,83.21-64A8,8,0,0,0,224,104V40A8,8,0,0,0,216,32ZM52.69,216,40,203.32l28-28L80.68,188Zm70.61-8L48,132.71,60.7,120,136,195.31ZM208,100.06l-81.74,62.88L115.32,152l50.34-50.34a8,8,0,0,0-11.32-11.31L104,140.68,93.07,129.74,155.94,48H208Z"></path></svg></div><h3 class="text-3xl font-playfairDisplay italic font-black text-dnd-crimson uppercase tracking-tighter mb-2 relative z-10">The Skulls in the Rafters</h3><p class="text-xs font-arvo text-black/60 uppercase tracking-widest mb-4 font-bold relative z-10">Macabre Trophy</p><div class="h-px w-16 bg-dnd-crimson/20 mb-6"></div><p class="text-base font-arvo text-black/70 leading-relaxed line-clamp-4 relative z-10 px-4">The hidden remains of Penta Kosnak's parents, kept as a secret trophy by Wulf Kosnak. They represent the silent, horrific truth at the heart of the capital's ruling class.</p><div class="mt-6 opacity-0 group-hover:opacity-100 transition-opacity duration-300 text-xs font-mono text-dnd-crimson uppercase tracking-widest">Inspect Item</div></div></div><div class="cursor-pointer" style="opacity:0;transform:scale(.9)"><div class="block group relative p-8 dnd-fantasy-card text-center h-full min-h-[400px] flex flex-col items-center justify-center border-2 border-black/20 shadow-2xl overflow-hidden hover:scale-[1.02] transition-transform duration-300"><div class="dnd-card-rune top-8 left-8 -rotate-12">ᚦ</div><div class="dnd-card-rune bottom-8 right-8 rotate-12">ᛉ</div><div class="dnd-ink-splatter w-8 h-8 top-1/4 right-8"></div><div class="dnd-ink-splatter w-4 h-4 bottom-1/3 left-12"></div><div class="absolute top-4 left-4 w-8 h-8 border-t-2 border-l-2 border-dnd-gold opacity-60 group-hover:opacity-100 transition-all duration-500"></div><div class="absolute top-4 right-4 w-8 h-8 border-t-2 border-r-2 border-dnd-gold opacity-60 group-hover:opacity-100 transition-all duration-500"></div><div class="absolute bottom-4 left-4 w-8 h-8 border-b-2 border-l-2 border-dnd-gold opacity-60 group-hover:opacity-100 transition-all duration-500"></div><div class="absolute bottom-4 right-4 w-8 h-8 border-b-2 border-r-2 border-dnd-gold opacity-60 group-hover:opacity-100 transition-all duration-500"></div><div class="mb-6 text-dnd-crimson group-hover:scale-110 transition-transform duration-500 relative z-10"><svg fill="currentColor" height="48" viewBox="0 0 256 256" width="48" xmlns="http://www.w3.org/2000/svg"><path d="M141.66,201,129,213.66a8,8,0,0,1-11.32,0L92,188,58.35,221.66a8,8,0,0,1-11.32,0L34.34,209a8,8,0,0,1,0-11.31L68,164,42.34,138.36a8,8,0,0,1,0-11.32L55,114.34a8,8,0,0,1,11.32,0l75.3,75.3A8,8,0,0,1,141.66,201Z" opacity="0.2"></path><path d="M216,32H152a8,8,0,0,0-6.34,3.12l-64,83.21L72,108.69a16,16,0,0,0-22.64,0l-12.69,12.7a16,16,0,0,0,0,22.63l20,20-28,28a16,16,0,0,0,0,22.63l12.69,12.68a16,16,0,0,0,22.62,0l28-28,20,20a16,16,0,0,0,22.64,0l12.69-12.7a16,16,0,0,0,0-22.63l-9.64-9.64,83.21-64A8,8,0,0,0,224,104V40A8,8,0,0,0,216,32ZM52.69,216,40,203.32l28-28L80.68,188Zm70.61-8L48,132.71,60.7,120,136,195.31ZM208,100.06l-81.74,62.88L115.32,152l50.34-50.34a8,8,0,0,0-11.32-11.31L104,140.68,93.07,129.74,155.94,48H208Z"></path></svg></div><h3 class="text-3xl font-playfairDisplay italic font-black text-dnd-crimson uppercase tracking-tighter mb-2 relative z-10">Nitrogen Booster (Batch #4)</h3><p class="text-xs font-arvo text-black/60 uppercase tracking-widest mb-4 font-bold relative z-10">Industrial Chemical</p><div class="h-px w-16 bg-dnd-crimson/20 mb-6"></div><p class="text-base font-arvo text-black/70 leading-relaxed line-clamp-4 relative z-10 px-4">A standard agricultural supplement. The empty canister of Batch #4 stands in Avalia's lab as a reminder of the night Willare reached for the wrong shelf.</p><div class="mt-6 opacity-0 group-hover:opacity-100 transition-opacity duration-300 text-xs font-mono text-dnd-crimson uppercase tracking-widest">Inspect Item</div></div></div><div class="cursor-pointer" style="opacity:0;transform:scale(.9)"><div class="block group relative p-8 dnd-fantasy-card text-center h-full min-h-[400px] flex flex-col items-center justify-center border-2 border-black/20 shadow-2xl overflow-hidden hover:scale-[1.02] transition-transform duration-300"><div class="dnd-card-rune top-8 left-8 -rotate-12">ᚦ</div><div class="dnd-card-rune bottom-8 right-8 rotate-12">ᛉ</div><div class="dnd-ink-splatter w-8 h-8 top-1/4 right-8"></div><div class="dnd-ink-splatter w-4 h-4 bottom-1/3 left-12"></div><div class="absolute top-4 left-4 w-8 h-8 border-t-2 border-l-2 border-dnd-gold opacity-60 group-hover:opacity-100 transition-all duration-500"></div><div class="absolute top-4 right-4 w-8 h-8 border-t-2 border-r-2 border-dnd-gold opacity-60 group-hover:opacity-100 transition-all duration-500"></div><div class="absolute bottom-4 left-4 w-8 h-8 border-b-2 border-l-2 border-dnd-gold opacity-60 group-hover:opacity-100 transition-all duration-500"></div><div class="absolute bottom-4 right-4 w-8 h-8 border-b-2 border-r-2 border-dnd-gold opacity-60 group-hover:opacity-100 transition-all duration-500"></div><div class="mb-6 text-dnd-crimson group-hover:scale-110 transition-transform duration-500 relative z-10"><svg fill="currentColor" height="48" viewBox="0 0 256 256" width="48" xmlns="http://www.w3.org/2000/svg"><path d="M141.66,201,129,213.66a8,8,0,0,1-11.32,0L92,188,58.35,221.66a8,8,0,0,1-11.32,0L34.34,209a8,8,0,0,1,0-11.31L68,164,42.34,138.36a8,8,0,0,1,0-11.32L55,114.34a8,8,0,0,1,11.32,0l75.3,75.3A8,8,0,0,1,141.66,201Z" opacity="0.2"></path><path d="M216,32H152a8,8,0,0,0-6.34,3.12l-64,83.21L72,108.69a16,16,0,0,0-22.64,0l-12.69,12.7a16,16,0,0,0,0,22.63l20,20-28,28a16,16,0,0,0,0,22.63l12.69,12.68a16,16,0,0,0,22.62,0l28-28,20,20a16,16,0,0,0,22.64,0l12.69-12.7a16,16,0,0,0,0-22.63l-9.64-9.64,83.21-64A8,8,0,0,0,224,104V40A8,8,0,0,0,216,32ZM52.69,216,40,203.32l28-28L80.68,188Zm70.61-8L48,132.71,60.7,120,136,195.31ZM208,100.06l-81.74,62.88L115.32,152l50.34-50.34a8,8,0,0,0-11.32-11.31L104,140.68,93.07,129.74,155.94,48H208Z"></path></svg></div><h3 class="text-3xl font-playfairDisplay italic font-black text-dnd-crimson uppercase tracking-tighter mb-2 relative z-10">"Last Breath" (Master Tape)</h3><p class="text-xs font-arvo text-black/60 uppercase tracking-widest mb-4 font-bold relative z-10">Cursed Recording</p><div class="h-px w-16 bg-dnd-crimson/20 mb-6"></div><p class="text-base font-arvo text-black/70 leading-relaxed line-clamp-4 relative z-10 px-4">The final recording of the band Hellbound. Legend says the frequency of the last chord was matched to the exact moment Galarian Freiton's heart stopped.</p><div class="mt-6 opacity-0 group-hover:opacity-100 transition-opacity duration-300 text-xs font-mono text-dnd-crimson uppercase tracking-widest">Inspect Item</div></div></div></div></section></div></main><footer class="relative mt-12 md:mt-24 border-t-2 border-dnd-gold bg-dnd-crimson/95 py-12 md:py-16 px-6 text-white"><div class="max-w-7xl mx-auto grid grid-cols-1 md:grid-cols-3 gap-8 md:gap-12 items-center text-center md:text-left"><div class="space-y-4"><div class="flex justify-center md:justify-start"><span class="text-4xl font-playfairDisplay font-black uppercase tracking-tighter dnd-gold-gradient-text">S & F</span></div><p class="font-arvo text-[10px] uppercase tracking-[0.4em] text-white/70">From Serfs and Frauds</p></div><div class="flex flex-col items-center gap-4 text-white"><svg fill="currentColor" height="32" viewBox="0 0 256 256" width="32" xmlns="http://www.w3.org/2000/svg" class="opacity-60"><path d="M200,176H104s8,6,8,16a24,24,0,0,1-48,0V64A24,24,0,0,0,40,40H176a24,24,0,0,1,24,24Z" opacity="0.2"></path><path d="M96,104a8,8,0,0,1,8-8h64a8,8,0,0,1,0,16H104A8,8,0,0,1,96,104Zm8,40h64a8,8,0,0,0,0-16H104a8,8,0,0,0,0,16Zm128,48a32,32,0,0,1-32,32H88a32,32,0,0,1-32-32V64a16,16,0,0,0-32,0c0,5.74,4.83,9.62,4.88,9.66h0A8,8,0,0,1,24,88a7.89,7.89,0,0,1-4.79-1.61h0C18.05,85.54,8,77.61,8,64A32,32,0,0,1,40,32H176a32,32,0,0,1,32,32V168h8a8,8,0,0,1,4.8,1.6C222,170.46,232,178.39,232,192ZM96.26,173.48A8.07,8.07,0,0,1,104,168h88V64a16,16,0,0,0-16-16H67.69A31.71,31.71,0,0,1,72,64V192a16,16,0,0,0,32,0c0-5.74-4.83-9.62-4.88-9.66A7.82,7.82,0,0,1,96.26,173.48ZM216,192a12.58,12.58,0,0,0-3.23-8h-94a26.92,26.92,0,0,1,1.21,8,31.82,31.82,0,0,1-4.29,16H200A16,16,0,0,0,216,192Z"></path></svg><p class="font-arvo italic text-sm text-white max-w-xs text-center leading-relaxed">"Every chronicle is a living memory of those who braved the dark."</p></div><div class="space-y-4 md:text-right"><p class="font-arvo text-[9px] uppercase tracking-widest text-white">Digital Archive Kernel // v0.8.7</p><p class="font-arvo text-[9px] uppercase tracking-widest text-white">Wallpaper Source // <span class="text-white font-bold">Galxrax Rax</span></p><div class="h-px w-12 bg-dnd-gold ml-auto opacity-50"></div><p class="font-arvo text-[10px] uppercase tracking-[0.2em] text-white">© 2026 Archives of the Realm</p></div></div></footer></div><div class="fixed inset-0 pointer-events-none z-10 shadow-[inset_0_0_150px_rgba(0,0,0,0.9)]"></div></div></div><div class="fixed bottom-0 left-0 w-full h-32 pointer-events-none z-[9999]"><div class="absolute bottom-2 flex flex-col items-center pointer-events-auto cursor-help" style="width:60px;transform:translateX(94.0252vw)"><div class="relative" style="transform:scaleX(-1)"><div class="w-10 h-10 flex items-center justify-center rounded-lg border-2 bg-[#050505] border-[#10B981]/40 text-[#10B981] shadow-lg" style="transform:translateY(-1.37517px) rotate(2.46887deg)"><svg fill="currentColor" height="24" viewBox="0 0 256 256" width="24" xmlns="http://www.w3.org/2000/svg"><path d="M216,80V192H40V64H200A16,16,0,0,1,216,80Z" opacity="0.2"></path><path d="M117.31,134l-72,64a8,8,0,1,1-10.63-12L100,128,34.69,70A8,8,0,1,1,45.32,58l72,64a8,8,0,0,1,0,12ZM216,184H120a8,8,0,0,0,0,16h96a8,8,0,0,0,0-16Z"></path></svg><div class="absolute top-2 left-2 flex gap-3"><div class="w-1.5 h-1.5 rounded-full bg-current animate-pulse"></div><div class="w-1.5 h-1.5 rounded-full bg-current animate-pulse"></div></div></div><div class="flex justify-around mt-[-4px]"><div class="w-3 h-2 rounded-full bg-current opacity-50" style="color:#10b981;transform:translateY(-1.25883px)"></div><div class="w-3 h-2 rounded-full bg-current opacity-50" style="color:#10b981;transform:translateY(-.741174px)"></div></div></div></div></div><div class="fixed top-24 right-6 md:right-12 z-[100] pointer-events-none flex flex-col items-end gap-2"><div class="pointer-events-auto flex flex-col-reverse gap-3"></div></div></div></body></html>