-
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) · 42.3 KB
/
index.html
File metadata and controls
1 lines (1 loc) · 42.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>Volume III: The RedLink Arc | 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/7804.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="Explore the episodes of Volume III: The RedLink Arc, a book in the From Serfs and Frauds D&D campaign." name="description"><meta content="Fezcodex, d&d, dnd, from serfs and frauds, book, Volume III: The RedLink Arc" name="keywords"><meta content="Volume III: The RedLink Arc | From Serfs and Frauds" property="og:title"><meta content="Explore the episodes of Volume III: The RedLink Arc, a book in the From Serfs and Frauds D&D campaign." property="og:description"><meta content="https://fezcode.com/images/asset/ogtitle.png" property="og:image"><meta content="https://fezcode.com/stories/books/3" 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="Volume III: The RedLink Arc | From Serfs and Frauds" name="twitter:title"><meta content="Explore the episodes of Volume III: The RedLink Arc, a book in the From Serfs and Frauds D&D campaign." name="twitter:description"><meta content="https://fezcode.com/images/asset/ogtitle.png" name="twitter:image"><meta content="https://fezcode.com/stories/books/3" name="twitter:url"><link href="https://fezcode.com/stories/books/3" 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:.188596%;width:8.16649px;height:8.16649px;background:radial-gradient(circle,#ff4500 0,#ff8c00 70%,transparent 100%);animation-duration:14.8557s;animation-delay:-2.69378s;box-shadow:#ff4500 0 0 16.333px"></div><div class="dnd-fire-particle" style="left:7.13575%;width:4.91461px;height:4.91461px;background:radial-gradient(circle,#ff8c00 0,gold 70%,transparent 100%);animation-duration:11.852s;animation-delay:-14.3323s;box-shadow:#ff4500 0 0 9.82923px"></div><div class="dnd-fire-particle" style="left:42.3028%;width:8.4648px;height:8.4648px;background:radial-gradient(circle,red 0,#ff4500 70%,transparent 100%);animation-duration:5.98693s;animation-delay:-1.97601s;box-shadow:#ff4500 0 0 16.9296px"></div><div class="dnd-fire-particle" style="left:37.3087%;width:4.2313px;height:4.2313px;background:radial-gradient(circle,#ff4500 0,#ff8c00 70%,transparent 100%);animation-duration:9.12993s;animation-delay:-13.7654s;box-shadow:#ff4500 0 0 8.46261px"></div><div class="dnd-fire-particle" style="left:90.2534%;width:8.45692px;height:8.45692px;background:radial-gradient(circle,red 0,#ff4500 70%,transparent 100%);animation-duration:14.167s;animation-delay:-3.2198s;box-shadow:#ff4500 0 0 16.9138px"></div><div class="dnd-fire-particle" style="left:23.0436%;width:7.83456px;height:7.83456px;background:radial-gradient(circle,#ff8c00 0,gold 70%,transparent 100%);animation-duration:6.60006s;animation-delay:-.515661s;box-shadow:#ff4500 0 0 15.6691px"></div><div class="dnd-fire-particle" style="left:1.72851%;width:8.49288px;height:8.49288px;background:radial-gradient(circle,#ff8c00 0,gold 70%,transparent 100%);animation-duration:8.99374s;animation-delay:-1.75278s;box-shadow:#ff4500 0 0 16.9858px"></div><div class="dnd-fire-particle" style="left:21.3779%;width:3.65972px;height:3.65972px;background:radial-gradient(circle,#ff8c00 0,gold 70%,transparent 100%);animation-duration:13.7095s;animation-delay:-7.39938s;box-shadow:#ff4500 0 0 7.31944px"></div><div class="dnd-fire-particle" style="left:80.0426%;width:7.86565px;height:7.86565px;background:radial-gradient(circle,#ff4500 0,#ff8c00 70%,transparent 100%);animation-duration:8.88504s;animation-delay:-2.44889s;box-shadow:#ff4500 0 0 15.7313px"></div><div class="dnd-fire-particle" style="left:46.3304%;width:8.71329px;height:8.71329px;background:radial-gradient(circle,#ff4500 0,#ff8c00 70%,transparent 100%);animation-duration:10.9401s;animation-delay:-7.31464s;box-shadow:#ff4500 0 0 17.4266px"></div><div class="dnd-fire-particle" style="left:91.3173%;width:3.84056px;height:3.84056px;background:radial-gradient(circle,red 0,#ff4500 70%,transparent 100%);animation-duration:7.11557s;animation-delay:-10.3167s;box-shadow:#ff4500 0 0 7.68111px"></div><div class="dnd-fire-particle" style="left:46.42%;width:4.87755px;height:4.87755px;background:radial-gradient(circle,#ff4500 0,#ff8c00 70%,transparent 100%);animation-duration:11.2009s;animation-delay:-3.88459s;box-shadow:#ff4500 0 0 9.7551px"></div><div class="dnd-fire-particle" style="left:31.1089%;width:3.62949px;height:3.62949px;background:radial-gradient(circle,red 0,#ff4500 70%,transparent 100%);animation-duration:12.6195s;animation-delay:-13.1222s;box-shadow:#ff4500 0 0 7.25898px"></div><div class="dnd-fire-particle" style="left:20.9395%;width:4.99016px;height:4.99016px;background:radial-gradient(circle,#ff8c00 0,gold 70%,transparent 100%);animation-duration:13.8051s;animation-delay:-9.06231s;box-shadow:#ff4500 0 0 9.98031px"></div><div class="dnd-fire-particle" style="left:94.4768%;width:8.33026px;height:8.33026px;background:radial-gradient(circle,#ff8c00 0,gold 70%,transparent 100%);animation-duration:5.3455s;animation-delay:-1.84756s;box-shadow:#ff4500 0 0 16.6605px"></div><div class="dnd-fire-particle" style="left:91.0647%;width:4.52014px;height:4.52014px;background:radial-gradient(circle,red 0,#ff4500 70%,transparent 100%);animation-duration:8.94664s;animation-delay:-1.4551s;box-shadow:#ff4500 0 0 9.04028px"></div><div class="dnd-fire-particle" style="left:43.9889%;width:10.3947px;height:10.3947px;background:radial-gradient(circle,#ff8c00 0,gold 70%,transparent 100%);animation-duration:6.59908s;animation-delay:-13.0614s;box-shadow:#ff4500 0 0 20.7894px"></div><div class="dnd-fire-particle" style="left:32.1735%;width:6.82091px;height:6.82091px;background:radial-gradient(circle,#ff4500 0,#ff8c00 70%,transparent 100%);animation-duration:6.57457s;animation-delay:-7.7648s;box-shadow:#ff4500 0 0 13.6418px"></div><div class="dnd-fire-particle" style="left:7.70545%;width:8.59758px;height:8.59758px;background:radial-gradient(circle,#ff8c00 0,gold 70%,transparent 100%);animation-duration:7.16692s;animation-delay:-12.2778s;box-shadow:#ff4500 0 0 17.1952px"></div><div class="dnd-fire-particle" style="left:16.5881%;width:5.43452px;height:5.43452px;background:radial-gradient(circle,red 0,#ff4500 70%,transparent 100%);animation-duration:11.4945s;animation-delay:-11.1206s;box-shadow:#ff4500 0 0 10.869px"></div><div class="dnd-fire-particle" style="left:57.6871%;width:9.40766px;height:9.40766px;background:radial-gradient(circle,#ff4500 0,#ff8c00 70%,transparent 100%);animation-duration:5.15866s;animation-delay:-8.65887s;box-shadow:#ff4500 0 0 18.8153px"></div><div class="dnd-fire-particle" style="left:37.2205%;width:3.83298px;height:3.83298px;background:radial-gradient(circle,#ff8c00 0,gold 70%,transparent 100%);animation-duration:7.83401s;animation-delay:-14.5056s;box-shadow:#ff4500 0 0 7.66597px"></div><div class="dnd-fire-particle" style="left:9.25624%;width:3.38171px;height:3.38171px;background:radial-gradient(circle,#ff8c00 0,gold 70%,transparent 100%);animation-duration:9.83182s;animation-delay:-13.2053s;box-shadow:#ff4500 0 0 6.76341px"></div><div class="dnd-fire-particle" style="left:8.61166%;width:10.4346px;height:10.4346px;background:radial-gradient(circle,red 0,#ff4500 70%,transparent 100%);animation-duration:13.6352s;animation-delay:-14.8004s;box-shadow:#ff4500 0 0 20.8692px"></div><div class="dnd-fire-particle" style="left:18.7531%;width:4.53522px;height:4.53522px;background:radial-gradient(circle,#ff8c00 0,gold 70%,transparent 100%);animation-duration:8.14787s;animation-delay:-5.44397s;box-shadow:#ff4500 0 0 9.07044px"></div><div class="dnd-fire-particle" style="left:54.3256%;width:9.3603px;height:9.3603px;background:radial-gradient(circle,#ff4500 0,#ff8c00 70%,transparent 100%);animation-duration:13.9222s;animation-delay:-8.91046s;box-shadow:#ff4500 0 0 18.7206px"></div><div class="dnd-fire-particle" style="left:12.1068%;width:3.80603px;height:3.80603px;background:radial-gradient(circle,red 0,#ff4500 70%,transparent 100%);animation-duration:9.50107s;animation-delay:-9.18597s;box-shadow:#ff4500 0 0 7.61206px"></div><div class="dnd-fire-particle" style="left:53.1478%;width:6.73793px;height:6.73793px;background:radial-gradient(circle,#ff4500 0,#ff8c00 70%,transparent 100%);animation-duration:8.06718s;animation-delay:-.37188s;box-shadow:#ff4500 0 0 13.4759px"></div><div class="dnd-fire-particle" style="left:63.1553%;width:6.82512px;height:6.82512px;background:radial-gradient(circle,#ff8c00 0,gold 70%,transparent 100%);animation-duration:9.48665s;animation-delay:-10.7872s;box-shadow:#ff4500 0 0 13.6502px"></div><div class="dnd-fire-particle" style="left:11.2959%;width:9.84185px;height:9.84185px;background:radial-gradient(circle,#ff4500 0,#ff8c00 70%,transparent 100%);animation-duration:14.7735s;animation-delay:-11.7687s;box-shadow:#ff4500 0 0 19.6837px"></div><div class="dnd-fire-particle" style="left:6.18928%;width:10.4009px;height:10.4009px;background:radial-gradient(circle,#ff8c00 0,gold 70%,transparent 100%);animation-duration:12.6683s;animation-delay:-6.81924s;box-shadow:#ff4500 0 0 20.8017px"></div><div class="dnd-fire-particle" style="left:44.4733%;width:5.53px;height:5.53px;background:radial-gradient(circle,red 0,#ff4500 70%,transparent 100%);animation-duration:6.87455s;animation-delay:-9.98562s;box-shadow:#ff4500 0 0 11.06px"></div><div class="dnd-fire-particle" style="left:61.583%;width:4.49268px;height:4.49268px;background:radial-gradient(circle,#ff4500 0,#ff8c00 70%,transparent 100%);animation-duration:7.33462s;animation-delay:-2.82429s;box-shadow:#ff4500 0 0 8.98536px"></div><div class="dnd-fire-particle" style="left:31.7457%;width:3.6838px;height:3.6838px;background:radial-gradient(circle,#ff8c00 0,gold 70%,transparent 100%);animation-duration:10.8415s;animation-delay:-4.14951s;box-shadow:#ff4500 0 0 7.3676px"></div><div class="dnd-fire-particle" style="left:2.5167%;width:4.52628px;height:4.52628px;background:radial-gradient(circle,#ff8c00 0,gold 70%,transparent 100%);animation-duration:6.41873s;animation-delay:-1.5969s;box-shadow:#ff4500 0 0 9.05257px"></div><div class="dnd-fire-particle" style="left:51.1943%;width:4.90804px;height:4.90804px;background:radial-gradient(circle,#ff8c00 0,gold 70%,transparent 100%);animation-duration:13.0267s;animation-delay:-3.91368s;box-shadow:#ff4500 0 0 9.81608px"></div><div class="dnd-fire-particle" style="left:34.7156%;width:10.3125px;height:10.3125px;background:radial-gradient(circle,#ff8c00 0,gold 70%,transparent 100%);animation-duration:6.34258s;animation-delay:-3.89421s;box-shadow:#ff4500 0 0 20.6251px"></div><div class="dnd-fire-particle" style="left:77.0076%;width:9.24543px;height:9.24543px;background:radial-gradient(circle,#ff8c00 0,gold 70%,transparent 100%);animation-duration:5.97703s;animation-delay:-5.43805s;box-shadow:#ff4500 0 0 18.4909px"></div><div class="dnd-fire-particle" style="left:83.4133%;width:7.40747px;height:7.40747px;background:radial-gradient(circle,#ff8c00 0,gold 70%,transparent 100%);animation-duration:10.3493s;animation-delay:-.452267s;box-shadow:#ff4500 0 0 14.8149px"></div><div class="dnd-fire-particle" style="left:78.6107%;width:9.54366px;height:9.54366px;background:radial-gradient(circle,#ff4500 0,#ff8c00 70%,transparent 100%);animation-duration:11.213s;animation-delay:-4.92096s;box-shadow:#ff4500 0 0 19.0873px"></div><div class="dnd-fire-particle" style="left:82.2275%;width:4.89853px;height:4.89853px;background:radial-gradient(circle,#ff8c00 0,gold 70%,transparent 100%);animation-duration:8.4655s;animation-delay:-2.62988s;box-shadow:#ff4500 0 0 9.79706px"></div><div class="dnd-fire-particle" style="left:44.8412%;width:4.64422px;height:4.64422px;background:radial-gradient(circle,#ff8c00 0,gold 70%,transparent 100%);animation-duration:10.543s;animation-delay:-14.0024s;box-shadow:#ff4500 0 0 9.28843px"></div><div class="dnd-fire-particle" style="left:3.65242%;width:10.4415px;height:10.4415px;background:radial-gradient(circle,red 0,#ff4500 70%,transparent 100%);animation-duration:6.88166s;animation-delay:-14.5782s;box-shadow:#ff4500 0 0 20.8829px"></div><div class="dnd-fire-particle" style="left:26.5634%;width:5.44162px;height:5.44162px;background:radial-gradient(circle,#ff8c00 0,gold 70%,transparent 100%);animation-duration:12.0691s;animation-delay:-10.4992s;box-shadow:#ff4500 0 0 10.8832px"></div><div class="dnd-fire-particle" style="left:13.9572%;width:10.7948px;height:10.7948px;background:radial-gradient(circle,red 0,#ff4500 70%,transparent 100%);animation-duration:9.86132s;animation-delay:-13.2934s;box-shadow:#ff4500 0 0 21.5896px"></div><div class="dnd-fire-particle" style="left:51.1846%;width:8.71479px;height:8.71479px;background:radial-gradient(circle,red 0,#ff4500 70%,transparent 100%);animation-duration:10.8495s;animation-delay:-4.16642s;box-shadow:#ff4500 0 0 17.4296px"></div><div class="dnd-fire-particle" style="left:90.0524%;width:8.03686px;height:8.03686px;background:radial-gradient(circle,#ff8c00 0,gold 70%,transparent 100%);animation-duration:14.4487s;animation-delay:-10.707s;box-shadow:#ff4500 0 0 16.0737px"></div><div class="dnd-fire-particle" style="left:70.8944%;width:7.22125px;height:7.22125px;background:radial-gradient(circle,#ff8c00 0,gold 70%,transparent 100%);animation-duration:12.6567s;animation-delay:-4.64273s;box-shadow:#ff4500 0 0 14.4425px"></div><div class="dnd-fire-particle" style="left:10.2811%;width:9.8793px;height:9.8793px;background:radial-gradient(circle,#ff4500 0,#ff8c00 70%,transparent 100%);animation-duration:6.05823s;animation-delay:-1.50862s;box-shadow:#ff4500 0 0 19.7586px"></div><div class="dnd-fire-particle" style="left:21.6557%;width:10.4811px;height:10.4811px;background:radial-gradient(circle,#ff4500 0,#ff8c00 70%,transparent 100%);animation-duration:10.6732s;animation-delay:-4.59126s;box-shadow:#ff4500 0 0 20.9621px"></div></div><div class="fixed inset-0 pointer-events-none z-10 overflow-hidden"><div class="dnd-dust-particle" style="left:51.9461%;top:112.664%;animation-duration:19.243s;animation-delay:-2.91149s;width:2.61211px;height:2.4478px"></div><div class="dnd-dust-particle" style="left:81.87%;top:109.618%;animation-duration:13.4725s;animation-delay:-9.91601s;width:2.80823px;height:1.8852px"></div><div class="dnd-dust-particle" style="left:15.6996%;top:119.064%;animation-duration:17.0017s;animation-delay:-3.78422s;width:1.28164px;height:1.3189px"></div><div class="dnd-dust-particle" style="left:8.91653%;top:113.343%;animation-duration:16.5412s;animation-delay:-6.95312s;width:2.54907px;height:1.49737px"></div><div class="dnd-dust-particle" style="left:13.3283%;top:117.382%;animation-duration:20.0403s;animation-delay:-5.91126s;width:2.41911px;height:1.43349px"></div><div class="dnd-dust-particle" style="left:38.967%;top:105.859%;animation-duration:17.9165s;animation-delay:-8.37299s;width:2.2021px;height:2.59536px"></div><div class="dnd-dust-particle" style="left:3.10177%;top:107.34%;animation-duration:26.1098s;animation-delay:-1.56743s;width:2.15214px;height:2.55954px"></div><div class="dnd-dust-particle" style="left:40.7694%;top:103.413%;animation-duration:18.2371s;animation-delay:-1.55562s;width:2.38384px;height:2.43314px"></div><div class="dnd-dust-particle" style="left:78.3615%;top:115.3%;animation-duration:17.3034s;animation-delay:-2.46575s;width:1.01709px;height:2.10908px"></div><div class="dnd-dust-particle" style="left:20.3424%;top:118.969%;animation-duration:17.361s;animation-delay:-3.50582s;width:2.85111px;height:2.03994px"></div><div class="dnd-dust-particle" style="left:85.8914%;top:111.742%;animation-duration:12.4123s;animation-delay:-16.137s;width:2.39448px;height:2.48241px"></div><div class="dnd-dust-particle" style="left:31.0267%;top:108.402%;animation-duration:15.6457s;animation-delay:-18.7425s;width:1.45358px;height:2.36495px"></div><div class="dnd-dust-particle" style="left:32.4413%;top:114.086%;animation-duration:11.7802s;animation-delay:-6.43098s;width:1.29981px;height:1.85494px"></div><div class="dnd-dust-particle" style="left:36.2644%;top:116.36%;animation-duration:21.1584s;animation-delay:-9.00435s;width:2.69027px;height:2.71023px"></div><div class="dnd-dust-particle" style="left:6.36813%;top:118.43%;animation-duration:28.1293s;animation-delay:-1.91008s;width:2.96623px;height:2.70552px"></div><div class="dnd-dust-particle" style="left:58.0286%;top:107.122%;animation-duration:22.1038s;animation-delay:-5.66874s;width:1.72306px;height:2.84209px"></div><div class="dnd-dust-particle" style="left:12.4263%;top:114.653%;animation-duration:18.2791s;animation-delay:-8.93686s;width:2.69238px;height:2.77529px"></div><div class="dnd-dust-particle" style="left:48.5509%;top:101.378%;animation-duration:20.073s;animation-delay:-11.204s;width:1.97162px;height:1.87977px"></div><div class="dnd-dust-particle" style="left:69.7373%;top:112.012%;animation-duration:27.6435s;animation-delay:-13.8118s;width:1.34562px;height:1.13071px"></div><div class="dnd-dust-particle" style="left:5.64461%;top:113.614%;animation-duration:21.6252s;animation-delay:-13.4383s;width:2.5519px;height:1.99864px"></div></div><div class="fixed inset-0 pointer-events-none z-0 overflow-hidden"><div class="dnd-floating-rune text-4xl" style="left:8.29017%;top:28.0586%;transform:rotate(240.509deg);opacity:.02">ᚦ</div><div class="dnd-floating-rune text-4xl" style="left:40.0452%;top:50.3268%;transform:rotate(238.372deg);opacity:.02">ᛊ</div><div class="dnd-floating-rune text-4xl" style="left:84.8571%;top:99.9732%;transform:rotate(123.27deg);opacity:.02">ᚢ</div><div class="dnd-floating-rune text-4xl" style="left:42.9673%;top:3.68168%;transform:rotate(146.733deg);opacity:.02">ᛚ</div><div class="dnd-floating-rune text-4xl" style="left:46.0847%;top:92.0944%;transform:rotate(51.7521deg);opacity:.02">ᚱ</div><div class="dnd-floating-rune text-4xl" style="left:47.3811%;top:70.6594%;transform:rotate(283.702deg);opacity:.02">ᛜ</div><div class="dnd-floating-rune text-4xl" style="left:69.7859%;top:58.122%;transform:rotate(40.3907deg);opacity:.02">ᛇ</div><div class="dnd-floating-rune text-4xl" style="left:49.0643%;top:13.7229%;transform:rotate(344.83deg);opacity:.02">ᚦ</div><div class="dnd-floating-rune text-4xl" style="left:77.5136%;top:43.1173%;transform:rotate(38.1377deg);opacity:.02">ᛗ</div><div class="dnd-floating-rune text-4xl" style="left:97.382%;top:60.0473%;transform:rotate(219.711deg);opacity:.02">ᛗ</div><div class="dnd-floating-rune text-4xl" style="left:46.1341%;top:20.5805%;transform:rotate(279.911deg);opacity:.02">ᛁ</div><div class="dnd-floating-rune text-4xl" style="left:37.5911%;top:65.0222%;transform:rotate(190.527deg);opacity:.02">ᛁ</div><div class="dnd-floating-rune text-4xl" style="left:53.4716%;top:78.7273%;transform:rotate(18.3333deg);opacity:.02">ᚺ</div><div class="dnd-floating-rune text-4xl" style="left:62.9847%;top:6.15172%;transform:rotate(49.8449deg);opacity:.02">ᚦ</div><div class="dnd-floating-rune text-4xl" style="left:24.7335%;top:48.832%;transform:rotate(357.418deg);opacity:.02">ᛁ</div><div class="dnd-floating-rune text-4xl" style="left:99.9023%;top:20.1037%;transform:rotate(289.799deg);opacity:.02">ᚱ</div><div class="dnd-floating-rune text-4xl" style="left:23.9132%;top:37.2116%;transform:rotate(333.566deg);opacity:.02">ᚹ</div><div class="dnd-floating-rune text-4xl" style="left:37.3252%;top:76.9911%;transform:rotate(184.122deg);opacity:.02">ᚱ</div><div class="dnd-floating-rune text-4xl" style="left:36.9521%;top:83.9257%;transform:rotate(81.3266deg);opacity:.02">ᛖ</div><div class="dnd-floating-rune text-4xl" style="left:78.512%;top:56.5895%;transform:rotate(62.4109deg);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/carlos-cram-ttJt5X9Hmu8-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/books/3" data-discover="true">Volume III</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-4 md:px-6 py-8 md:py-12"><header class="text-center mb-12 md:mb-24"><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"><path d="M192,48V224l-64-40L64,224V48a8,8,0,0,1,8-8H184A8,8,0,0,1,192,48Z" opacity="0.2"></path><path d="M184,32H72A16,16,0,0,0,56,48V224a8,8,0,0,0,12.24,6.78L128,193.43l59.77,37.35A8,8,0,0,0,200,224V48A16,16,0,0,0,184,32Zm0,177.57-51.77-32.35a8,8,0,0,0-8.48,0L72,209.57V48H184Z"></path></svg></div><h1 class="text-4xl md:text-8xl font-playfairDisplay italic font-black dnd-gold-gradient-text uppercase tracking-tighter mb-4 leading-none dnd-header-pulse">Volume III: The RedLink Arc</h1><div class="h-px w-32 bg-dnd-gold mx-auto opacity-40"></div></header><div class="dnd-parchment-container p-6 md:p-24 shadow-2xl border-2 border-black/10 dnd-parchment-glow relative" style="opacity:1;transform:none"><div class="absolute top-0 left-1/2 -translate-x-1/2 w-64 h-8 bg-dnd-crimson/5 rounded-b-full blur-xl dnd-scroll-accent"></div><div class="absolute bottom-0 left-1/2 -translate-x-1/2 w-64 h-8 bg-dnd-crimson/5 rounded-t-full blur-xl dnd-scroll-accent"></div><div class="dnd-ornate-corner dnd-ornate-corner-tl !w-16 !h-16"></div><div class="dnd-ornate-corner dnd-ornate-corner-tr !w-16 !h-16"></div><div class="dnd-ornate-corner dnd-ornate-corner-bl !w-16 !h-16"></div><div class="dnd-ornate-corner dnd-ornate-corner-br !w-16 !h-16"></div><div class="relative z-10"><div class="flex items-center gap-4 mb-8 pb-4 border-b border-dnd-crimson/10"><svg fill="currentColor" height="32" viewBox="0 0 256 256" width="32" xmlns="http://www.w3.org/2000/svg" class="text-dnd-crimson"><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><h2 class="text-3xl font-playfairDisplay italic font-black text-dnd-crimson uppercase tracking-tighter">Recorded Episodes</h2></div><div class="dnd-mystic-divider mb-12 opacity-20"></div><div class="grid gap-4"><a class="group flex items-center justify-between p-6 bg-white/5 border border-transparent hover:border-dnd-crimson/20 hover:bg-dnd-crimson/5 transition-all duration-300" href="/stories/books/3/pages/1" data-discover="true"><div class="flex items-center gap-6"><span class="font-mono text-xs text-dnd-crimson/40 group-hover:text-dnd-crimson/100 transition-colors">01</span><span class="text-2xl font-arvo font-bold text-dnd-crimson/80 group-hover:text-dnd-crimson transition-colors">The Stolen Star</span></div><div class="h-px flex-grow mx-8 bg-dnd-crimson/5 group-hover:bg-dnd-crimson/20 transition-colors"></div><span class="font-mono text-[10px] uppercase tracking-[0.3em] text-dnd-crimson/40 group-hover:text-dnd-crimson transition-colors">View Script</span></a><a class="group flex items-center justify-between p-6 bg-white/5 border border-transparent hover:border-dnd-crimson/20 hover:bg-dnd-crimson/5 transition-all duration-300" href="/stories/books/3/pages/2" data-discover="true"><div class="flex items-center gap-6"><span class="font-mono text-xs text-dnd-crimson/40 group-hover:text-dnd-crimson/100 transition-colors">02</span><span class="text-2xl font-arvo font-bold text-dnd-crimson/80 group-hover:text-dnd-crimson transition-colors">The Drop of Alilberry</span></div><div class="h-px flex-grow mx-8 bg-dnd-crimson/5 group-hover:bg-dnd-crimson/20 transition-colors"></div><span class="font-mono text-[10px] uppercase tracking-[0.3em] text-dnd-crimson/40 group-hover:text-dnd-crimson transition-colors">View Script</span></a><a class="group flex items-center justify-between p-6 bg-white/5 border border-transparent hover:border-dnd-crimson/20 hover:bg-dnd-crimson/5 transition-all duration-300" href="/stories/books/3/pages/3" data-discover="true"><div class="flex items-center gap-6"><span class="font-mono text-xs text-dnd-crimson/40 group-hover:text-dnd-crimson/100 transition-colors">03</span><span class="text-2xl font-arvo font-bold text-dnd-crimson/80 group-hover:text-dnd-crimson transition-colors">The Hysteria of the Moth</span></div><div class="h-px flex-grow mx-8 bg-dnd-crimson/5 group-hover:bg-dnd-crimson/20 transition-colors"></div><span class="font-mono text-[10px] uppercase tracking-[0.3em] text-dnd-crimson/40 group-hover:text-dnd-crimson transition-colors">View Script</span></a><a class="group flex items-center justify-between p-6 bg-white/5 border border-transparent hover:border-dnd-crimson/20 hover:bg-dnd-crimson/5 transition-all duration-300" href="/stories/books/3/pages/4" data-discover="true"><div class="flex items-center gap-6"><span class="font-mono text-xs text-dnd-crimson/40 group-hover:text-dnd-crimson/100 transition-colors">04</span><span class="text-2xl font-arvo font-bold text-dnd-crimson/80 group-hover:text-dnd-crimson transition-colors">RedLink Protocol 0-12</span></div><div class="h-px flex-grow mx-8 bg-dnd-crimson/5 group-hover:bg-dnd-crimson/20 transition-colors"></div><span class="font-mono text-[10px] uppercase tracking-[0.3em] text-dnd-crimson/40 group-hover:text-dnd-crimson transition-colors">View Script</span></a><a class="group flex items-center justify-between p-6 bg-white/5 border border-transparent hover:border-dnd-crimson/20 hover:bg-dnd-crimson/5 transition-all duration-300" href="/stories/books/3/pages/5" data-discover="true"><div class="flex items-center gap-6"><span class="font-mono text-xs text-dnd-crimson/40 group-hover:text-dnd-crimson/100 transition-colors">05</span><span class="text-2xl font-arvo font-bold text-dnd-crimson/80 group-hover:text-dnd-crimson transition-colors">The Secret Seed</span></div><div class="h-px flex-grow mx-8 bg-dnd-crimson/5 group-hover:bg-dnd-crimson/20 transition-colors"></div><span class="font-mono text-[10px] uppercase tracking-[0.3em] text-dnd-crimson/40 group-hover:text-dnd-crimson transition-colors">View Script</span></a><a class="group flex items-center justify-between p-6 bg-white/5 border border-transparent hover:border-dnd-crimson/20 hover:bg-dnd-crimson/5 transition-all duration-300" href="/stories/books/3/pages/6" data-discover="true"><div class="flex items-center gap-6"><span class="font-mono text-xs text-dnd-crimson/40 group-hover:text-dnd-crimson/100 transition-colors">06</span><span class="text-2xl font-arvo font-bold text-dnd-crimson/80 group-hover:text-dnd-crimson transition-colors">Part I: The Fossilized Thought</span></div><div class="h-px flex-grow mx-8 bg-dnd-crimson/5 group-hover:bg-dnd-crimson/20 transition-colors"></div><span class="font-mono text-[10px] uppercase tracking-[0.3em] text-dnd-crimson/40 group-hover:text-dnd-crimson transition-colors">View Script</span></a><a class="group flex items-center justify-between p-6 bg-white/5 border border-transparent hover:border-dnd-crimson/20 hover:bg-dnd-crimson/5 transition-all duration-300" href="/stories/books/3/pages/7" data-discover="true"><div class="flex items-center gap-6"><span class="font-mono text-xs text-dnd-crimson/40 group-hover:text-dnd-crimson/100 transition-colors">07</span><span class="text-2xl font-arvo font-bold text-dnd-crimson/80 group-hover:text-dnd-crimson transition-colors">Part II: The Tectonic Whisper</span></div><div class="h-px flex-grow mx-8 bg-dnd-crimson/5 group-hover:bg-dnd-crimson/20 transition-colors"></div><span class="font-mono text-[10px] uppercase tracking-[0.3em] text-dnd-crimson/40 group-hover:text-dnd-crimson transition-colors">View Script</span></a><a class="group flex items-center justify-between p-6 bg-white/5 border border-transparent hover:border-dnd-crimson/20 hover:bg-dnd-crimson/5 transition-all duration-300" href="/stories/books/3/pages/8" data-discover="true"><div class="flex items-center gap-6"><span class="font-mono text-xs text-dnd-crimson/40 group-hover:text-dnd-crimson/100 transition-colors">08</span><span class="text-2xl font-arvo font-bold text-dnd-crimson/80 group-hover:text-dnd-crimson transition-colors">Part III: Ruby Circuitry</span></div><div class="h-px flex-grow mx-8 bg-dnd-crimson/5 group-hover:bg-dnd-crimson/20 transition-colors"></div><span class="font-mono text-[10px] uppercase tracking-[0.3em] text-dnd-crimson/40 group-hover:text-dnd-crimson transition-colors">View Script</span></a></div></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">Carlos Cram</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.8617vw)"><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(-2.3514px) scale(1.04345) rotate(-4.86713deg)"><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.47387px)"></div><div class="w-3 h-2 rounded-full bg-current opacity-50" style="color:#10b981;transform:translateY(-.52613px)"></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>