-
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) · 57 KB
/
index.html
File metadata and controls
1 lines (1 loc) · 57 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>From Serfs and Frauds | Fezcodex</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/4565.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="Welcome to the world of From Serfs and Frauds, a Dungeons & Dragons campaign." name="description"><meta content="Fezcodex, d&d, dnd, from serfs and frauds, campaign" name="keywords"><meta content="From Serfs and Frauds | Fezcodex" property="og:title"><meta content="Welcome to the world of From Serfs and Frauds, a Dungeons & Dragons campaign." property="og:description"><meta content="https://fezcode.com/images/asset/ogtitle.png" property="og:image"><meta content="https://fezcode.com/stories/" 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="From Serfs and Frauds | Fezcodex" name="twitter:title"><meta content="Welcome to the world of From Serfs and Frauds, a Dungeons & Dragons campaign." name="twitter:description"><meta content="https://fezcode.com/images/asset/ogtitle.png" name="twitter:image"><meta content="https://fezcode.com/stories/" name="twitter:url"><link href="https://fezcode.com/stories/" rel="canonical"><link href="https://www.transparenttextures.com" rel="preconnect"></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:31.2016%;width:3.00184px;height:3.00184px;background:radial-gradient(circle,#ff4500 0,#ff8c00 70%,transparent 100%);animation-duration:12.8817s;animation-delay:-12.2724s;box-shadow:#ff4500 0 0 6.00369px"></div><div class="dnd-fire-particle" style="left:30.1521%;width:3.68525px;height:3.68525px;background:radial-gradient(circle,#ff8c00 0,gold 70%,transparent 100%);animation-duration:6.36591s;animation-delay:-3.8554s;box-shadow:#ff4500 0 0 7.37051px"></div><div class="dnd-fire-particle" style="left:43.7783%;width:3.83326px;height:3.83326px;background:radial-gradient(circle,#ff8c00 0,gold 70%,transparent 100%);animation-duration:9.95057s;animation-delay:-11.0642s;box-shadow:#ff4500 0 0 7.66651px"></div><div class="dnd-fire-particle" style="left:93.0355%;width:4.99289px;height:4.99289px;background:radial-gradient(circle,#ff8c00 0,gold 70%,transparent 100%);animation-duration:11.4518s;animation-delay:-11.3846s;box-shadow:#ff4500 0 0 9.98578px"></div><div class="dnd-fire-particle" style="left:54.6778%;width:4.24705px;height:4.24705px;background:radial-gradient(circle,#ff4500 0,#ff8c00 70%,transparent 100%);animation-duration:8.51372s;animation-delay:-1.87295s;box-shadow:#ff4500 0 0 8.4941px"></div><div class="dnd-fire-particle" style="left:55.8973%;width:10.9762px;height:10.9762px;background:radial-gradient(circle,red 0,#ff4500 70%,transparent 100%);animation-duration:10.6505s;animation-delay:-7.62123s;box-shadow:#ff4500 0 0 21.9523px"></div><div class="dnd-fire-particle" style="left:79.1118%;width:5.38886px;height:5.38886px;background:radial-gradient(circle,red 0,#ff4500 70%,transparent 100%);animation-duration:9.53016s;animation-delay:-5.14688s;box-shadow:#ff4500 0 0 10.7777px"></div><div class="dnd-fire-particle" style="left:89.818%;width:10.9077px;height:10.9077px;background:radial-gradient(circle,#ff4500 0,#ff8c00 70%,transparent 100%);animation-duration:14.9973s;animation-delay:-7.42113s;box-shadow:#ff4500 0 0 21.8155px"></div><div class="dnd-fire-particle" style="left:74.224%;width:5.77163px;height:5.77163px;background:radial-gradient(circle,#ff8c00 0,gold 70%,transparent 100%);animation-duration:13.6966s;animation-delay:-.0742841s;box-shadow:#ff4500 0 0 11.5433px"></div><div class="dnd-fire-particle" style="left:32.6191%;width:10.7276px;height:10.7276px;background:radial-gradient(circle,#ff8c00 0,gold 70%,transparent 100%);animation-duration:7.64659s;animation-delay:-7.70508s;box-shadow:#ff4500 0 0 21.4552px"></div><div class="dnd-fire-particle" style="left:6.30622%;width:9.05595px;height:9.05595px;background:radial-gradient(circle,red 0,#ff4500 70%,transparent 100%);animation-duration:5.71929s;animation-delay:-2.70703s;box-shadow:#ff4500 0 0 18.1119px"></div><div class="dnd-fire-particle" style="left:36.2317%;width:9.08568px;height:9.08568px;background:radial-gradient(circle,#ff4500 0,#ff8c00 70%,transparent 100%);animation-duration:11.7605s;animation-delay:-9.69985s;box-shadow:#ff4500 0 0 18.1714px"></div><div class="dnd-fire-particle" style="left:28.6104%;width:3.38651px;height:3.38651px;background:radial-gradient(circle,#ff8c00 0,gold 70%,transparent 100%);animation-duration:10.6429s;animation-delay:-4.63334s;box-shadow:#ff4500 0 0 6.77303px"></div><div class="dnd-fire-particle" style="left:18.559%;width:8.14438px;height:8.14438px;background:radial-gradient(circle,#ff8c00 0,gold 70%,transparent 100%);animation-duration:7.80454s;animation-delay:-2.06044s;box-shadow:#ff4500 0 0 16.2888px"></div><div class="dnd-fire-particle" style="left:79.7879%;width:5.214px;height:5.214px;background:radial-gradient(circle,#ff4500 0,#ff8c00 70%,transparent 100%);animation-duration:6.81609s;animation-delay:-3.70861s;box-shadow:#ff4500 0 0 10.428px"></div><div class="dnd-fire-particle" style="left:16.549%;width:3.40251px;height:3.40251px;background:radial-gradient(circle,#ff4500 0,#ff8c00 70%,transparent 100%);animation-duration:7.68526s;animation-delay:-2.1201s;box-shadow:#ff4500 0 0 6.80503px"></div><div class="dnd-fire-particle" style="left:36.7738%;width:10.9302px;height:10.9302px;background:radial-gradient(circle,#ff8c00 0,gold 70%,transparent 100%);animation-duration:9.02745s;animation-delay:-6.65169s;box-shadow:#ff4500 0 0 21.8604px"></div><div class="dnd-fire-particle" style="left:18.6693%;width:8.99823px;height:8.99823px;background:radial-gradient(circle,#ff8c00 0,gold 70%,transparent 100%);animation-duration:10.4298s;animation-delay:-14.0052s;box-shadow:#ff4500 0 0 17.9965px"></div><div class="dnd-fire-particle" style="left:4.87866%;width:8.71902px;height:8.71902px;background:radial-gradient(circle,#ff8c00 0,gold 70%,transparent 100%);animation-duration:12.3166s;animation-delay:-1.99334s;box-shadow:#ff4500 0 0 17.438px"></div><div class="dnd-fire-particle" style="left:89.9964%;width:9.15964px;height:9.15964px;background:radial-gradient(circle,red 0,#ff4500 70%,transparent 100%);animation-duration:7.44889s;animation-delay:-3.2685s;box-shadow:#ff4500 0 0 18.3193px"></div><div class="dnd-fire-particle" style="left:31.053%;width:7.42646px;height:7.42646px;background:radial-gradient(circle,#ff4500 0,#ff8c00 70%,transparent 100%);animation-duration:5.98734s;animation-delay:-13.3466s;box-shadow:#ff4500 0 0 14.8529px"></div><div class="dnd-fire-particle" style="left:60.1518%;width:9.00001px;height:9.00001px;background:radial-gradient(circle,#ff8c00 0,gold 70%,transparent 100%);animation-duration:10.0905s;animation-delay:-12.9853s;box-shadow:#ff4500 0 0 18px"></div><div class="dnd-fire-particle" style="left:98.3406%;width:4.21226px;height:4.21226px;background:radial-gradient(circle,red 0,#ff4500 70%,transparent 100%);animation-duration:6.40878s;animation-delay:-11.7794s;box-shadow:#ff4500 0 0 8.42452px"></div><div class="dnd-fire-particle" style="left:7.10299%;width:9.67109px;height:9.67109px;background:radial-gradient(circle,#ff4500 0,#ff8c00 70%,transparent 100%);animation-duration:14.4675s;animation-delay:-10.0578s;box-shadow:#ff4500 0 0 19.3422px"></div><div class="dnd-fire-particle" style="left:24.2926%;width:5.276px;height:5.276px;background:radial-gradient(circle,red 0,#ff4500 70%,transparent 100%);animation-duration:14.6757s;animation-delay:-12.0338s;box-shadow:#ff4500 0 0 10.552px"></div><div class="dnd-fire-particle" style="left:74.426%;width:10.865px;height:10.865px;background:radial-gradient(circle,#ff8c00 0,gold 70%,transparent 100%);animation-duration:13.533s;animation-delay:-6.83309s;box-shadow:#ff4500 0 0 21.73px"></div><div class="dnd-fire-particle" style="left:19.9995%;width:3.34911px;height:3.34911px;background:radial-gradient(circle,#ff4500 0,#ff8c00 70%,transparent 100%);animation-duration:13.3824s;animation-delay:-3.02246s;box-shadow:#ff4500 0 0 6.69822px"></div><div class="dnd-fire-particle" style="left:7.60156%;width:5.62237px;height:5.62237px;background:radial-gradient(circle,#ff8c00 0,gold 70%,transparent 100%);animation-duration:11.1521s;animation-delay:-8.37316s;box-shadow:#ff4500 0 0 11.2447px"></div><div class="dnd-fire-particle" style="left:75.7893%;width:6.74192px;height:6.74192px;background:radial-gradient(circle,#ff8c00 0,gold 70%,transparent 100%);animation-duration:11.4862s;animation-delay:-9.5933s;box-shadow:#ff4500 0 0 13.4838px"></div><div class="dnd-fire-particle" style="left:99.5081%;width:4.44881px;height:4.44881px;background:radial-gradient(circle,#ff8c00 0,gold 70%,transparent 100%);animation-duration:6.88667s;animation-delay:-10.6104s;box-shadow:#ff4500 0 0 8.89761px"></div><div class="dnd-fire-particle" style="left:96.2307%;width:8.89935px;height:8.89935px;background:radial-gradient(circle,#ff4500 0,#ff8c00 70%,transparent 100%);animation-duration:11.7404s;animation-delay:-11.9031s;box-shadow:#ff4500 0 0 17.7987px"></div><div class="dnd-fire-particle" style="left:21.5549%;width:8.2417px;height:8.2417px;background:radial-gradient(circle,#ff8c00 0,gold 70%,transparent 100%);animation-duration:10.1066s;animation-delay:-8.36942s;box-shadow:#ff4500 0 0 16.4834px"></div><div class="dnd-fire-particle" style="left:41.4946%;width:5.02334px;height:5.02334px;background:radial-gradient(circle,#ff8c00 0,gold 70%,transparent 100%);animation-duration:14.7401s;animation-delay:-5.57901s;box-shadow:#ff4500 0 0 10.0467px"></div><div class="dnd-fire-particle" style="left:38.6077%;width:3.05683px;height:3.05683px;background:radial-gradient(circle,#ff4500 0,#ff8c00 70%,transparent 100%);animation-duration:6.68203s;animation-delay:-13.8004s;box-shadow:#ff4500 0 0 6.11367px"></div><div class="dnd-fire-particle" style="left:45.5662%;width:10.9029px;height:10.9029px;background:radial-gradient(circle,red 0,#ff4500 70%,transparent 100%);animation-duration:11.4106s;animation-delay:-1.46141s;box-shadow:#ff4500 0 0 21.8058px"></div><div class="dnd-fire-particle" style="left:43.8832%;width:5.77478px;height:5.77478px;background:radial-gradient(circle,red 0,#ff4500 70%,transparent 100%);animation-duration:9.82011s;animation-delay:-.91401s;box-shadow:#ff4500 0 0 11.5496px"></div><div class="dnd-fire-particle" style="left:93.6352%;width:9.26712px;height:9.26712px;background:radial-gradient(circle,#ff8c00 0,gold 70%,transparent 100%);animation-duration:6.01997s;animation-delay:-.898489s;box-shadow:#ff4500 0 0 18.5342px"></div><div class="dnd-fire-particle" style="left:10.7079%;width:5.56395px;height:5.56395px;background:radial-gradient(circle,#ff4500 0,#ff8c00 70%,transparent 100%);animation-duration:11.1074s;animation-delay:-7.44895s;box-shadow:#ff4500 0 0 11.1279px"></div><div class="dnd-fire-particle" style="left:21.0684%;width:3.59065px;height:3.59065px;background:radial-gradient(circle,red 0,#ff4500 70%,transparent 100%);animation-duration:6.96954s;animation-delay:-.376303s;box-shadow:#ff4500 0 0 7.18129px"></div><div class="dnd-fire-particle" style="left:27.0865%;width:8.77082px;height:8.77082px;background:radial-gradient(circle,#ff8c00 0,gold 70%,transparent 100%);animation-duration:8.46508s;animation-delay:-9.64566s;box-shadow:#ff4500 0 0 17.5416px"></div><div class="dnd-fire-particle" style="left:63.4814%;width:10.062px;height:10.062px;background:radial-gradient(circle,#ff8c00 0,gold 70%,transparent 100%);animation-duration:9.47931s;animation-delay:-14.9995s;box-shadow:#ff4500 0 0 20.1241px"></div><div class="dnd-fire-particle" style="left:68.3999%;width:5.99004px;height:5.99004px;background:radial-gradient(circle,#ff8c00 0,gold 70%,transparent 100%);animation-duration:9.08319s;animation-delay:-11.5888s;box-shadow:#ff4500 0 0 11.9801px"></div><div class="dnd-fire-particle" style="left:3.01905%;width:10.4285px;height:10.4285px;background:radial-gradient(circle,red 0,#ff4500 70%,transparent 100%);animation-duration:12.9008s;animation-delay:-.564849s;box-shadow:#ff4500 0 0 20.8569px"></div><div class="dnd-fire-particle" style="left:42.8996%;width:5.13346px;height:5.13346px;background:radial-gradient(circle,red 0,#ff4500 70%,transparent 100%);animation-duration:11.3725s;animation-delay:-3.5771s;box-shadow:#ff4500 0 0 10.2669px"></div><div class="dnd-fire-particle" style="left:61.3703%;width:10.3837px;height:10.3837px;background:radial-gradient(circle,#ff8c00 0,gold 70%,transparent 100%);animation-duration:7.8017s;animation-delay:-10.3084s;box-shadow:#ff4500 0 0 20.7674px"></div><div class="dnd-fire-particle" style="left:21.4025%;width:4.65525px;height:4.65525px;background:radial-gradient(circle,red 0,#ff4500 70%,transparent 100%);animation-duration:8.54307s;animation-delay:-14.3735s;box-shadow:#ff4500 0 0 9.3105px"></div><div class="dnd-fire-particle" style="left:92.4529%;width:4.94295px;height:4.94295px;background:radial-gradient(circle,#ff8c00 0,gold 70%,transparent 100%);animation-duration:9.62081s;animation-delay:-2.05508s;box-shadow:#ff4500 0 0 9.88591px"></div><div class="dnd-fire-particle" style="left:35.2881%;width:7.86782px;height:7.86782px;background:radial-gradient(circle,red 0,#ff4500 70%,transparent 100%);animation-duration:12.7504s;animation-delay:-9.30447s;box-shadow:#ff4500 0 0 15.7356px"></div><div class="dnd-fire-particle" style="left:82.3968%;width:6.99303px;height:6.99303px;background:radial-gradient(circle,red 0,#ff4500 70%,transparent 100%);animation-duration:12.9079s;animation-delay:-1.31767s;box-shadow:#ff4500 0 0 13.9861px"></div><div class="dnd-fire-particle" style="left:32.9561%;width:10.6863px;height:10.6863px;background:radial-gradient(circle,red 0,#ff4500 70%,transparent 100%);animation-duration:11.5774s;animation-delay:-.895583s;box-shadow:#ff4500 0 0 21.3726px"></div></div><div class="fixed inset-0 pointer-events-none z-10 overflow-hidden"><div class="dnd-dust-particle" style="left:10.9728%;top:105.813%;animation-duration:19.2282s;animation-delay:-3.03187s;width:1.78118px;height:1.60612px"></div><div class="dnd-dust-particle" style="left:86.5486%;top:101.582%;animation-duration:12.2451s;animation-delay:-1.30547s;width:1.19009px;height:2.30311px"></div><div class="dnd-dust-particle" style="left:90.0443%;top:116.297%;animation-duration:27.9272s;animation-delay:-14.2805s;width:1.88789px;height:1.24889px"></div><div class="dnd-dust-particle" style="left:73.522%;top:116.469%;animation-duration:25.2176s;animation-delay:-12.6861s;width:1.76145px;height:1.76651px"></div><div class="dnd-dust-particle" style="left:51.1451%;top:118.307%;animation-duration:20.3812s;animation-delay:-4.09943s;width:2.03558px;height:1.61566px"></div><div class="dnd-dust-particle" style="left:36.6849%;top:115.385%;animation-duration:20.0083s;animation-delay:-9.63201s;width:1.21553px;height:2.39479px"></div><div class="dnd-dust-particle" style="left:12.8903%;top:103.03%;animation-duration:26.1433s;animation-delay:-8.82815s;width:2.18192px;height:1.34577px"></div><div class="dnd-dust-particle" style="left:70.1258%;top:119.207%;animation-duration:23.8205s;animation-delay:-5.02723s;width:1.42794px;height:1.16359px"></div><div class="dnd-dust-particle" style="left:84.0585%;top:119.666%;animation-duration:27.9861s;animation-delay:-13.8087s;width:1.75867px;height:1.36828px"></div><div class="dnd-dust-particle" style="left:21.7635%;top:100.461%;animation-duration:19.886s;animation-delay:-13.2267s;width:1.49432px;height:2.82771px"></div><div class="dnd-dust-particle" style="left:14.2302%;top:112.422%;animation-duration:26.8373s;animation-delay:-10.6093s;width:2.39261px;height:2.97025px"></div><div class="dnd-dust-particle" style="left:87.3121%;top:115.612%;animation-duration:16.696s;animation-delay:-13.5266s;width:2.26017px;height:2.63408px"></div><div class="dnd-dust-particle" style="left:27.166%;top:107.232%;animation-duration:17.5136s;animation-delay:-5.52731s;width:1.29906px;height:1.7633px"></div><div class="dnd-dust-particle" style="left:6.58786%;top:115.352%;animation-duration:16.9142s;animation-delay:-15.0254s;width:2.13044px;height:2.10962px"></div><div class="dnd-dust-particle" style="left:53.4302%;top:112.707%;animation-duration:19.011s;animation-delay:-18.8036s;width:2.28066px;height:1.23094px"></div><div class="dnd-dust-particle" style="left:45.4554%;top:113.418%;animation-duration:17.2638s;animation-delay:-9.00186s;width:1.83072px;height:1.42415px"></div><div class="dnd-dust-particle" style="left:13.3384%;top:119.919%;animation-duration:17.2554s;animation-delay:-12.4648s;width:2.09247px;height:1.82346px"></div><div class="dnd-dust-particle" style="left:53.3905%;top:110.952%;animation-duration:16.4414s;animation-delay:-3.87544s;width:1.76148px;height:1.60411px"></div><div class="dnd-dust-particle" style="left:14.441%;top:101.183%;animation-duration:22.5893s;animation-delay:-15.645s;width:2.94613px;height:2.86288px"></div><div class="dnd-dust-particle" style="left:12.3228%;top:100.04%;animation-duration:24.5864s;animation-delay:-3.72466s;width:2.27037px;height:1.37219px"></div></div><div class="fixed inset-0 pointer-events-none z-0 overflow-hidden"><div class="dnd-floating-rune text-4xl" style="left:86.9838%;top:5.4691%;transform:rotate(216.691deg);opacity:.02">ᚷ</div><div class="dnd-floating-rune text-4xl" style="left:47.9427%;top:96.4568%;transform:rotate(259.994deg);opacity:.02">ᛁ</div><div class="dnd-floating-rune text-4xl" style="left:45.8812%;top:74.1094%;transform:rotate(88.8237deg);opacity:.02">ᚷ</div><div class="dnd-floating-rune text-4xl" style="left:69.715%;top:30.3213%;transform:rotate(314.065deg);opacity:.02">ᛒ</div><div class="dnd-floating-rune text-4xl" style="left:77.8876%;top:53.7883%;transform:rotate(198.545deg);opacity:.02">ᛒ</div><div class="dnd-floating-rune text-4xl" style="left:17.6679%;top:83.1595%;transform:rotate(83.7257deg);opacity:.02">ᛖ</div><div class="dnd-floating-rune text-4xl" style="left:24.2327%;top:5.4747%;transform:rotate(238.953deg);opacity:.02">ᛗ</div><div class="dnd-floating-rune text-4xl" style="left:14.7981%;top:65.8782%;transform:rotate(331.271deg);opacity:.02">ᛖ</div><div class="dnd-floating-rune text-4xl" style="left:86.2084%;top:60.3222%;transform:rotate(352.126deg);opacity:.02">ᚢ</div><div class="dnd-floating-rune text-4xl" style="left:34.9216%;top:89.1204%;transform:rotate(105.599deg);opacity:.02">ᛇ</div><div class="dnd-floating-rune text-4xl" style="left:78.7402%;top:94.0224%;transform:rotate(304.805deg);opacity:.02">ᛗ</div><div class="dnd-floating-rune text-4xl" style="left:46.9945%;top:18.9918%;transform:rotate(271.337deg);opacity:.02">ᚾ</div><div class="dnd-floating-rune text-4xl" style="left:72.8944%;top:22.902%;transform:rotate(180.751deg);opacity:.02">ᛉ</div><div class="dnd-floating-rune text-4xl" style="left:1.84988%;top:70.5857%;transform:rotate(218.121deg);opacity:.02">ᛁ</div><div class="dnd-floating-rune text-4xl" style="left:17.0168%;top:99.4873%;transform:rotate(338.609deg);opacity:.02">ᚹ</div><div class="dnd-floating-rune text-4xl" style="left:84.1609%;top:.248558%;transform:rotate(294.168deg);opacity:.02">ᛁ</div><div class="dnd-floating-rune text-4xl" style="left:20.7284%;top:39.6672%;transform:rotate(184.422deg);opacity:.02">ᛇ</div><div class="dnd-floating-rune text-4xl" style="left:10.9089%;top:76.8562%;transform:rotate(26.1772deg);opacity:.02">ᚢ</div><div class="dnd-floating-rune text-4xl" style="left:44.8886%;top:64.1262%;transform:rotate(110.883deg);opacity:.02">ᚺ</div><div class="dnd-floating-rune text-4xl" style="left:93.8564%;top:35.0689%;transform:rotate(155.27deg);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/artem-sapegin-XGDBdSQ70O0-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></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-6xl mx-auto px-6 py-20 text-center relative"><div class="mb-24" style="opacity:0;transform:translateY(4.53192px)"><div class="flex justify-center mb-8"><div class="h-px w-24 bg-dnd-gold/40 self-center"></div><svg fill="currentColor" height="40" viewBox="0 0 256 256" width="40" xmlns="http://www.w3.org/2000/svg" class="mx-6 text-dnd-gold-light drop-shadow-[0_0_8px_rgba(249,224,118,0.4)]"><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><div class="h-px w-24 bg-dnd-gold/40 self-center"></div></div><h1 class="text-lg md:text-2xl font-mono text-white/80 uppercase tracking-[0.3em] md:tracking-[0.5em] mb-4 drop-shadow-lg">Welcome to the</h1><h2 class="text-5xl md:text-9xl font-playfairDisplay italic font-black dnd-gold-gradient-text uppercase tracking-tighter leading-none mb-12 drop-shadow-2xl dnd-header-pulse">Great Archives</h2><p class="text-lg md:text-2xl font-arvo text-gray-200 max-w-2xl mx-auto leading-relaxed italic opacity-90 px-4">"Every serf has a story, and every fraud a hidden truth. Step into the tapestry of our shared odyssey."</p></div><div class="grid grid-cols-1 md:grid-cols-2 gap-12 max-w-7xl mx-auto"><div class="h-full"><a class="block group relative p-6 md:p-12 dnd-fantasy-card text-center h-full min-h-[300px] md:min-h-[450px] flex flex-col items-center justify-center border-2 border-black/20 shadow-2xl overflow-hidden" href="/stories/lore" data-discover="true"><div class="dnd-ribbon transition-transform duration-500 group-hover:translate-y-2 hidden md:block"></div><div class="dnd-card-rune top-4 md:top-12 left-4 md:left-12 -rotate-12">ᚦ</div><div class="dnd-card-rune bottom-4 md:bottom-12 right-4 md:right-12 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 inset-0 opacity-[0.05] group-hover:opacity-[0.08] transition-opacity pointer-events-none bg-[url('https://www.transparenttextures.com/patterns/handmade-paper.png')]"></div><div class="absolute inset-4 border border-black/5 pointer-events-none"></div><div class="absolute inset-6 border border-dnd-gold/10 pointer-events-none group-hover:border-dnd-gold/20 transition-colors"></div><div class="absolute top-4 md:top-6 left-4 md:left-6 w-8 md:w-12 h-8 md:h-12 border-t-2 border-l-2 border-dnd-gold opacity-60 group-hover:opacity-100 group-hover:scale-110 transition-all duration-500"></div><div class="absolute top-4 md:top-6 right-4 md:right-6 w-8 md:w-12 h-8 md:h-12 border-t-2 border-r-2 border-dnd-gold opacity-60 group-hover:opacity-100 group-hover:scale-110 transition-all duration-500"></div><div class="absolute bottom-4 md:bottom-6 left-4 md:left-6 w-8 md:w-12 h-8 md:h-12 border-b-2 border-l-2 border-dnd-gold opacity-60 group-hover:opacity-100 group-hover:scale-110 transition-all duration-500"></div><div class="absolute bottom-4 md:bottom-6 right-4 md:right-6 w-8 md:w-12 h-8 md:h-12 border-b-2 border-r-2 border-dnd-gold opacity-60 group-hover:opacity-100 group-hover:scale-110 transition-all duration-500"></div><div class="mb-6 md:mb-10 text-dnd-crimson/60 group-hover:text-dnd-crimson group-hover:scale-125 transition-all duration-700 drop-shadow-[0_0_15px_rgba(74,4,4,0.2)] relative z-10"><svg fill="currentColor" height="48" viewBox="0 0 256 256" width="48" xmlns="http://www.w3.org/2000/svg"><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></div><h3 class="text-3xl md:text-5xl font-playfairDisplay italic font-black text-dnd-crimson uppercase tracking-tighter mb-4 md:mb-6 transition-transform duration-500 group-hover:-translate-y-1 relative z-10">Chronicles</h3><p class="text-sm md:text-lg font-arvo text-black/70 group-hover:text-black transition-all duration-500 leading-relaxed max-w-[280px] relative z-10">The documented history and lore of the realms.</p><div class="absolute bottom-12 left-1/2 -translate-x-1/2 opacity-0 group-hover:opacity-100 transition-all duration-1000 translate-y-4 group-hover:translate-y-0 pointer-events-none scale-50 hidden md:block"><div class="dnd-wax-seal"><span class="dnd-wax-seal-inner text-sm">SF</span></div></div><div class="mt-6 md:mt-10 pt-4 md:pt-8 border-t border-black/10 w-full flex flex-col items-center gap-2 opacity-0 group-hover:opacity-100 transition-all duration-700 transform translate-y-4 group-hover:translate-y-0 relative z-10"><div class="flex items-center gap-4"><div class="h-px w-8 bg-dnd-crimson/20"></div><div class="w-1.5 h-1.5 bg-dnd-gold rounded-full animate-pulse shadow-[0_0_8px_var(--dnd-gold)]"></div><div class="h-px w-8 bg-dnd-crimson/20"></div></div><span class="text-[9px] font-mono font-bold uppercase tracking-[0.5em] text-black/60">Open_Script</span></div></a></div><div class="h-full"><a class="block group relative p-6 md:p-12 dnd-fantasy-card text-center h-full min-h-[300px] md:min-h-[450px] flex flex-col items-center justify-center border-2 border-black/20 shadow-2xl overflow-hidden" href="/stories/characters" data-discover="true"><div class="dnd-ribbon transition-transform duration-500 group-hover:translate-y-2 hidden md:block"></div><div class="dnd-card-rune top-4 md:top-12 left-4 md:left-12 -rotate-12">ᚦ</div><div class="dnd-card-rune bottom-4 md:bottom-12 right-4 md:right-12 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 inset-0 opacity-[0.05] group-hover:opacity-[0.08] transition-opacity pointer-events-none bg-[url('https://www.transparenttextures.com/patterns/handmade-paper.png')]"></div><div class="absolute inset-4 border border-black/5 pointer-events-none"></div><div class="absolute inset-6 border border-dnd-gold/10 pointer-events-none group-hover:border-dnd-gold/20 transition-colors"></div><div class="absolute top-4 md:top-6 left-4 md:left-6 w-8 md:w-12 h-8 md:h-12 border-t-2 border-l-2 border-dnd-gold opacity-60 group-hover:opacity-100 group-hover:scale-110 transition-all duration-500"></div><div class="absolute top-4 md:top-6 right-4 md:right-6 w-8 md:w-12 h-8 md:h-12 border-t-2 border-r-2 border-dnd-gold opacity-60 group-hover:opacity-100 group-hover:scale-110 transition-all duration-500"></div><div class="absolute bottom-4 md:bottom-6 left-4 md:left-6 w-8 md:w-12 h-8 md:h-12 border-b-2 border-l-2 border-dnd-gold opacity-60 group-hover:opacity-100 group-hover:scale-110 transition-all duration-500"></div><div class="absolute bottom-4 md:bottom-6 right-4 md:right-6 w-8 md:w-12 h-8 md:h-12 border-b-2 border-r-2 border-dnd-gold opacity-60 group-hover:opacity-100 group-hover:scale-110 transition-all duration-500"></div><div class="mb-6 md:mb-10 text-dnd-crimson/60 group-hover:text-dnd-crimson group-hover:scale-125 transition-all duration-700 drop-shadow-[0_0_15px_rgba(74,4,4,0.2)] relative z-10"><svg fill="currentColor" height="48" viewBox="0 0 256 256" width="48" xmlns="http://www.w3.org/2000/svg"><path d="M168,144a40,40,0,1,1-40-40A40,40,0,0,1,168,144ZM64,56A32,32,0,1,0,96,88,32,32,0,0,0,64,56Zm128,0a32,32,0,1,0,32,32A32,32,0,0,0,192,56Z" opacity="0.2"></path><path d="M244.8,150.4a8,8,0,0,1-11.2-1.6A51.6,51.6,0,0,0,192,128a8,8,0,0,1,0-16,24,24,0,1,0-23.24-30,8,8,0,1,1-15.5-4A40,40,0,1,1,219,117.51a67.94,67.94,0,0,1,27.43,21.68A8,8,0,0,1,244.8,150.4ZM190.92,212a8,8,0,1,1-13.85,8,57,57,0,0,0-98.15,0,8,8,0,1,1-13.84-8,72.06,72.06,0,0,1,33.74-29.92,48,48,0,1,1,58.36,0A72.06,72.06,0,0,1,190.92,212ZM128,176a32,32,0,1,0-32-32A32,32,0,0,0,128,176ZM72,120a8,8,0,0,0-8-8A24,24,0,1,1,87.24,82a8,8,0,1,0,15.5-4A40,40,0,1,0,37,117.51,67.94,67.94,0,0,0,9.6,139.19a8,8,0,1,0,12.8,9.61A51.6,51.6,0,0,1,64,128,8,8,0,0,0,72,120Z"></path></svg></div><h3 class="text-3xl md:text-5xl font-playfairDisplay italic font-black text-dnd-crimson uppercase tracking-tighter mb-4 md:mb-6 transition-transform duration-500 group-hover:-translate-y-1 relative z-10">Dramatis Personae</h3><p class="text-sm md:text-lg font-arvo text-black/70 group-hover:text-black transition-all duration-500 leading-relaxed max-w-[280px] relative z-10">The heroes, villains, and bystanders of our tales.</p><div class="absolute bottom-12 left-1/2 -translate-x-1/2 opacity-0 group-hover:opacity-100 transition-all duration-1000 translate-y-4 group-hover:translate-y-0 pointer-events-none scale-50 hidden md:block"><div class="dnd-wax-seal"><span class="dnd-wax-seal-inner text-sm">SF</span></div></div><div class="mt-6 md:mt-10 pt-4 md:pt-8 border-t border-black/10 w-full flex flex-col items-center gap-2 opacity-0 group-hover:opacity-100 transition-all duration-700 transform translate-y-4 group-hover:translate-y-0 relative z-10"><div class="flex items-center gap-4"><div class="h-px w-8 bg-dnd-crimson/20"></div><div class="w-1.5 h-1.5 bg-dnd-gold rounded-full animate-pulse shadow-[0_0_8px_var(--dnd-gold)]"></div><div class="h-px w-8 bg-dnd-crimson/20"></div></div><span class="text-[9px] font-mono font-bold uppercase tracking-[0.5em] text-black/60">Open_Script</span></div></a></div><div class="h-full"><a class="block group relative p-6 md:p-12 dnd-fantasy-card text-center h-full min-h-[300px] md:min-h-[450px] flex flex-col items-center justify-center border-2 border-black/20 shadow-2xl overflow-hidden" href="/stories/places" data-discover="true"><div class="dnd-ribbon transition-transform duration-500 group-hover:translate-y-2 hidden md:block"></div><div class="dnd-card-rune top-4 md:top-12 left-4 md:left-12 -rotate-12">ᚦ</div><div class="dnd-card-rune bottom-4 md:bottom-12 right-4 md:right-12 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 inset-0 opacity-[0.05] group-hover:opacity-[0.08] transition-opacity pointer-events-none bg-[url('https://www.transparenttextures.com/patterns/handmade-paper.png')]"></div><div class="absolute inset-4 border border-black/5 pointer-events-none"></div><div class="absolute inset-6 border border-dnd-gold/10 pointer-events-none group-hover:border-dnd-gold/20 transition-colors"></div><div class="absolute top-4 md:top-6 left-4 md:left-6 w-8 md:w-12 h-8 md:h-12 border-t-2 border-l-2 border-dnd-gold opacity-60 group-hover:opacity-100 group-hover:scale-110 transition-all duration-500"></div><div class="absolute top-4 md:top-6 right-4 md:right-6 w-8 md:w-12 h-8 md:h-12 border-t-2 border-r-2 border-dnd-gold opacity-60 group-hover:opacity-100 group-hover:scale-110 transition-all duration-500"></div><div class="absolute bottom-4 md:bottom-6 left-4 md:left-6 w-8 md:w-12 h-8 md:h-12 border-b-2 border-l-2 border-dnd-gold opacity-60 group-hover:opacity-100 group-hover:scale-110 transition-all duration-500"></div><div class="absolute bottom-4 md:bottom-6 right-4 md:right-6 w-8 md:w-12 h-8 md:h-12 border-b-2 border-r-2 border-dnd-gold opacity-60 group-hover:opacity-100 group-hover:scale-110 transition-all duration-500"></div><div class="mb-6 md:mb-10 text-dnd-crimson/60 group-hover:text-dnd-crimson group-hover:scale-125 transition-all duration-700 drop-shadow-[0_0_15px_rgba(74,4,4,0.2)] relative z-10"><svg fill="currentColor" height="48" viewBox="0 0 256 256" width="48" xmlns="http://www.w3.org/2000/svg"><path d="M160,72V216L96,184V40Z" opacity="0.2"></path><path d="M228.92,49.69a8,8,0,0,0-6.86-1.45L160.93,63.52,99.58,32.84a8,8,0,0,0-5.52-.6l-64,16A8,8,0,0,0,24,56V200a8,8,0,0,0,9.94,7.76l61.13-15.28,61.35,30.68A8.15,8.15,0,0,0,160,224a8,8,0,0,0,1.94-.24l64-16A8,8,0,0,0,232,200V56A8,8,0,0,0,228.92,49.69ZM104,52.94l48,24V203.06l-48-24ZM40,62.25l48-12v127.5l-48,12Zm176,131.5-48,12V78.25l48-12Z"></path></svg></div><h3 class="text-3xl md:text-5xl font-playfairDisplay italic font-black text-dnd-crimson uppercase tracking-tighter mb-4 md:mb-6 transition-transform duration-500 group-hover:-translate-y-1 relative z-10">The Atlas</h3><p class="text-sm md:text-lg font-arvo text-black/70 group-hover:text-black transition-all duration-500 leading-relaxed max-w-[280px] relative z-10">Landmarks, cities, and hidden corners of the world.</p><div class="absolute bottom-12 left-1/2 -translate-x-1/2 opacity-0 group-hover:opacity-100 transition-all duration-1000 translate-y-4 group-hover:translate-y-0 pointer-events-none scale-50 hidden md:block"><div class="dnd-wax-seal"><span class="dnd-wax-seal-inner text-sm">SF</span></div></div><div class="mt-6 md:mt-10 pt-4 md:pt-8 border-t border-black/10 w-full flex flex-col items-center gap-2 opacity-0 group-hover:opacity-100 transition-all duration-700 transform translate-y-4 group-hover:translate-y-0 relative z-10"><div class="flex items-center gap-4"><div class="h-px w-8 bg-dnd-crimson/20"></div><div class="w-1.5 h-1.5 bg-dnd-gold rounded-full animate-pulse shadow-[0_0_8px_var(--dnd-gold)]"></div><div class="h-px w-8 bg-dnd-crimson/20"></div></div><span class="text-[9px] font-mono font-bold uppercase tracking-[0.5em] text-black/60">Open_Script</span></div></a></div><div class="h-full"><a class="block group relative p-6 md:p-12 dnd-fantasy-card text-center h-full min-h-[300px] md:min-h-[450px] flex flex-col items-center justify-center border-2 border-black/20 shadow-2xl overflow-hidden" href="/stories/items" data-discover="true"><div class="dnd-ribbon transition-transform duration-500 group-hover:translate-y-2 hidden md:block"></div><div class="dnd-card-rune top-4 md:top-12 left-4 md:left-12 -rotate-12">ᚦ</div><div class="dnd-card-rune bottom-4 md:bottom-12 right-4 md:right-12 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 inset-0 opacity-[0.05] group-hover:opacity-[0.08] transition-opacity pointer-events-none bg-[url('https://www.transparenttextures.com/patterns/handmade-paper.png')]"></div><div class="absolute inset-4 border border-black/5 pointer-events-none"></div><div class="absolute inset-6 border border-dnd-gold/10 pointer-events-none group-hover:border-dnd-gold/20 transition-colors"></div><div class="absolute top-4 md:top-6 left-4 md:left-6 w-8 md:w-12 h-8 md:h-12 border-t-2 border-l-2 border-dnd-gold opacity-60 group-hover:opacity-100 group-hover:scale-110 transition-all duration-500"></div><div class="absolute top-4 md:top-6 right-4 md:right-6 w-8 md:w-12 h-8 md:h-12 border-t-2 border-r-2 border-dnd-gold opacity-60 group-hover:opacity-100 group-hover:scale-110 transition-all duration-500"></div><div class="absolute bottom-4 md:bottom-6 left-4 md:left-6 w-8 md:w-12 h-8 md:h-12 border-b-2 border-l-2 border-dnd-gold opacity-60 group-hover:opacity-100 group-hover:scale-110 transition-all duration-500"></div><div class="absolute bottom-4 md:bottom-6 right-4 md:right-6 w-8 md:w-12 h-8 md:h-12 border-b-2 border-r-2 border-dnd-gold opacity-60 group-hover:opacity-100 group-hover:scale-110 transition-all duration-500"></div><div class="mb-6 md:mb-10 text-dnd-crimson/60 group-hover:text-dnd-crimson group-hover:scale-125 transition-all duration-700 drop-shadow-[0_0_15px_rgba(74,4,4,0.2)] 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 md:text-5xl font-playfairDisplay italic font-black text-dnd-crimson uppercase tracking-tighter mb-4 md:mb-6 transition-transform duration-500 group-hover:-translate-y-1 relative z-10">The Armory</h3><p class="text-sm md:text-lg font-arvo text-black/70 group-hover:text-black transition-all duration-500 leading-relaxed max-w-[280px] relative z-10">Artifacts, curiosities, and tools of the trade.</p><div class="absolute bottom-12 left-1/2 -translate-x-1/2 opacity-0 group-hover:opacity-100 transition-all duration-1000 translate-y-4 group-hover:translate-y-0 pointer-events-none scale-50 hidden md:block"><div class="dnd-wax-seal"><span class="dnd-wax-seal-inner text-sm">SF</span></div></div><div class="mt-6 md:mt-10 pt-4 md:pt-8 border-t border-black/10 w-full flex flex-col items-center gap-2 opacity-0 group-hover:opacity-100 transition-all duration-700 transform translate-y-4 group-hover:translate-y-0 relative z-10"><div class="flex items-center gap-4"><div class="h-px w-8 bg-dnd-crimson/20"></div><div class="w-1.5 h-1.5 bg-dnd-gold rounded-full animate-pulse shadow-[0_0_8px_var(--dnd-gold)]"></div><div class="h-px w-8 bg-dnd-crimson/20"></div></div><span class="text-[9px] font-mono font-bold uppercase tracking-[0.5em] text-black/60">Open_Script</span></div></a></div><div class="h-full"><a class="block group relative p-6 md:p-12 dnd-fantasy-card text-center h-full min-h-[300px] md:min-h-[450px] flex flex-col items-center justify-center border-2 border-black/20 shadow-2xl overflow-hidden" href="/stories/authors" data-discover="true"><div class="dnd-ribbon transition-transform duration-500 group-hover:translate-y-2 hidden md:block"></div><div class="dnd-card-rune top-4 md:top-12 left-4 md:left-12 -rotate-12">ᚦ</div><div class="dnd-card-rune bottom-4 md:bottom-12 right-4 md:right-12 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 inset-0 opacity-[0.05] group-hover:opacity-[0.08] transition-opacity pointer-events-none bg-[url('https://www.transparenttextures.com/patterns/handmade-paper.png')]"></div><div class="absolute inset-4 border border-black/5 pointer-events-none"></div><div class="absolute inset-6 border border-dnd-gold/10 pointer-events-none group-hover:border-dnd-gold/20 transition-colors"></div><div class="absolute top-4 md:top-6 left-4 md:left-6 w-8 md:w-12 h-8 md:h-12 border-t-2 border-l-2 border-dnd-gold opacity-60 group-hover:opacity-100 group-hover:scale-110 transition-all duration-500"></div><div class="absolute top-4 md:top-6 right-4 md:right-6 w-8 md:w-12 h-8 md:h-12 border-t-2 border-r-2 border-dnd-gold opacity-60 group-hover:opacity-100 group-hover:scale-110 transition-all duration-500"></div><div class="absolute bottom-4 md:bottom-6 left-4 md:left-6 w-8 md:w-12 h-8 md:h-12 border-b-2 border-l-2 border-dnd-gold opacity-60 group-hover:opacity-100 group-hover:scale-110 transition-all duration-500"></div><div class="absolute bottom-4 md:bottom-6 right-4 md:right-6 w-8 md:w-12 h-8 md:h-12 border-b-2 border-r-2 border-dnd-gold opacity-60 group-hover:opacity-100 group-hover:scale-110 transition-all duration-500"></div><div class="mb-6 md:mb-10 text-dnd-crimson/60 group-hover:text-dnd-crimson group-hover:scale-125 transition-all duration-700 drop-shadow-[0_0_15px_rgba(74,4,4,0.2)] relative z-10"><svg fill="currentColor" height="48" viewBox="0 0 256 256" width="48" xmlns="http://www.w3.org/2000/svg"><path d="M232,56V200H160a32,32,0,0,0-32,32,32,32,0,0,0-32-32H24V56H96a32,32,0,0,1,32,32,32,32,0,0,1,32-32Z" opacity="0.2"></path><path d="M232,48H160a40,40,0,0,0-32,16A40,40,0,0,0,96,48H24a8,8,0,0,0-8,8V200a8,8,0,0,0,8,8H96a24,24,0,0,1,24,24,8,8,0,0,0,16,0,24,24,0,0,1,24-24h72a8,8,0,0,0,8-8V56A8,8,0,0,0,232,48ZM96,192H32V64H96a24,24,0,0,1,24,24V200A39.81,39.81,0,0,0,96,192Zm128,0H160a39.81,39.81,0,0,0-24,8V88a24,24,0,0,1,24-24h64Z"></path></svg></div><h3 class="text-3xl md:text-5xl font-playfairDisplay italic font-black text-dnd-crimson uppercase tracking-tighter mb-4 md:mb-6 transition-transform duration-500 group-hover:-translate-y-1 relative z-10">Creators</h3><p class="text-sm md:text-lg font-arvo text-black/70 group-hover:text-black transition-all duration-500 leading-relaxed max-w-[280px] relative z-10">Meeting the scribes behind the legend.</p><div class="absolute bottom-12 left-1/2 -translate-x-1/2 opacity-0 group-hover:opacity-100 transition-all duration-1000 translate-y-4 group-hover:translate-y-0 pointer-events-none scale-50 hidden md:block"><div class="dnd-wax-seal"><span class="dnd-wax-seal-inner text-sm">SF</span></div></div><div class="mt-6 md:mt-10 pt-4 md:pt-8 border-t border-black/10 w-full flex flex-col items-center gap-2 opacity-0 group-hover:opacity-100 transition-all duration-700 transform translate-y-4 group-hover:translate-y-0 relative z-10"><div class="flex items-center gap-4"><div class="h-px w-8 bg-dnd-crimson/20"></div><div class="w-1.5 h-1.5 bg-dnd-gold rounded-full animate-pulse shadow-[0_0_8px_var(--dnd-gold)]"></div><div class="h-px w-8 bg-dnd-crimson/20"></div></div><span class="text-[9px] font-mono font-bold uppercase tracking-[0.5em] text-black/60">Open_Script</span></div></a></div></div></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">Artem Sapegin</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(93.6118vw)"><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(-3.58419px) scale(1.00878) rotate(3.3571deg)"><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(-.695994px)"></div><div class="w-3 h-2 rounded-full bg-current opacity-50" style="color:#10b981;transform:translateY(-1.30401px)"></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 class="relative w-80 md:w-96 bg-[#050505]/95 backdrop-blur-xl border-2 border-amber-400/50 rounded-sm shadow-2xl shadow-amber-400/10 overflow-hidden mb-4 group" style="opacity:1;transform:none"><div class="absolute bottom-0 left-0 h-1 z-20 bg-amber-400" style="width:83.275%"></div><div class="p-6 flex gap-4 items-start"><div class="flex-shrink-0 mt-1"><div class="text-xl"><svg fill="currentColor" height="1em" viewBox="0 0 256 256" width="1em" xmlns="http://www.w3.org/2000/svg" class="text-amber-400"><path d="M200,48v63.1c0,39.7-31.75,72.6-71.45,72.9A72,72,0,0,1,56,112V48Z" opacity="0.2"></path><path d="M232,64H208V48a8,8,0,0,0-8-8H56a8,8,0,0,0-8,8V64H24A16,16,0,0,0,8,80V96a40,40,0,0,0,40,40h3.65A80.13,80.13,0,0,0,120,191.61V216H96a8,8,0,0,0,0,16h64a8,8,0,0,0,0-16H136V191.58c31.94-3.23,58.44-25.64,68.08-55.58H208a40,40,0,0,0,40-40V80A16,16,0,0,0,232,64ZM48,120A24,24,0,0,1,24,96V80H48v32q0,4,.39,8Zm144-8.9c0,35.52-29,64.64-64,64.9a64,64,0,0,1-64-64V56H192ZM232,96a24,24,0,0,1-24,24h-.5a81.81,81.81,0,0,0,.5-8.9V80h24Z"></path></svg></div></div><div class="flex-grow min-w-0 space-y-1"><h4 class="text-xs font-black uppercase tracking-widest text-white leading-tight">Achievement Unlocked!</h4><p class="text-[11px] font-mono leading-relaxed text-gray-400">Story Explorer</p><div class="flex flex-wrap gap-2 pt-3"><a class="text-[9px] font-black uppercase tracking-widest px-3 py-1.5 bg-white/5 border border-white/10 text-white hover:bg-white hover:text-black transition-all rounded-sm" href="/settings" data-discover="true">Settings</a><a class="text-[9px] font-black uppercase tracking-widest px-3 py-1.5 bg-white/5 border border-white/10 text-white hover:bg-white hover:text-black transition-all rounded-sm" href="/achievements" data-discover="true">Trophy Room</a></div></div><button class="flex-shrink-0 text-gray-600 hover:text-white transition-colors p-1"><svg fill="currentColor" height="16" viewBox="0 0 256 256" width="16" 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="absolute inset-0 bg-gradient-to-tr from-white/[0.02] to-transparent pointer-events-none"></div></div></div></div></div></body></html>