-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathindex.html
More file actions
53 lines (48 loc) · 60.8 KB
/
Copy pathindex.html
File metadata and controls
53 lines (48 loc) · 60.8 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
<!DOCTYPE html>
<html lang="en" class="dark">
<head>
<link rel="stylesheet" type="text/css" href="/assets/static/src_index-b3c78705.C5qNKjRb.css">
<meta charset="utf-8" />
<link rel="icon" type="image/svg+xml" href="/favicon.svg" />
<link rel="icon" type="image/png" href="/favicon.png" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<meta name="theme-color" content="#000000" />
<link rel="alternate" type="application/rss+xml" title="Fezcodex RSS Feed" href="/rss.xml" />
<meta name="description" content="codex by fezcode..." />
<meta property="og:type" content="website" />
<meta property="og:url" content="https://fezcode.com/" />
<meta property="og:title" content="Fezcodex - Personal Blog and Projects" />
<meta property="og:description" content="Discover logs, posts, projects, and stories from Fezcode." />
<meta property="og:image" content="/images/asset/ogtitle.png" />
<meta name="twitter:card" content="summary_large_image" />
<meta name="twitter:url" content="https://fezcode.com/" />
<meta name="twitter:title" content="Fezcodex - Personal Blog and Projects" />
<meta name="twitter:description" content="Discover logs, posts, projects, and stories from Fezcode." />
<meta name="twitter:image" content="/images/asset/ogtitle.png" />
<link rel="apple-touch-icon" href="/logo192.png" />
<link rel="manifest" href="/manifest.json" />
<link rel="preconnect" href="https://fonts.googleapis.com" />
<link rel="preconnect" href="https://fonts.gstatic.com" 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" />
<link href="https://fonts.googleapis.com/css2?family=Fraunces:ital,opsz,wght,SOFT,WONK@0,9..144,200..900,0..100,0..1;1,9..144,200..900,0..100,0..1&display=swap" rel="stylesheet" />
<link href="https://fonts.googleapis.com/css2?family=Abril+Fatface&display=swap" rel="stylesheet" />
<link href="https://fonts.googleapis.com/css2?family=Cinzel:wght@400;600;800&display=swap" rel="stylesheet" />
<link href="https://fonts.googleapis.com/css2?family=UnifrakturCook:wght@700&family=IM+Fell+English:ital@0;1&family=IM+Fell+DW+Pica:ital@0;1&display=swap" rel="stylesheet" />
<link href="https://fonts.googleapis.com/css2?family=DM+Serif+Display:ital@0;1&family=DM+Mono:wght@300;400;500&display=swap" rel="stylesheet" />
<title>fezcodex</title>
</head>
<body class="bg-slate-950">
<noscript>You need to enable JavaScript to run this app.</noscript>
<div id="react-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: 0;"><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 xmlns="http://www.w3.org/2000/svg" width="20" height="20" fill="currentColor" viewBox="0 0 256 256"><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">FEZMIST IS ONLINE: A CODEX HALF-REMEMBERED — FOG PAPER, EUCALYPTUS INK, HORIZONS THAT FADE. ENABLE VIA SETTINGS OR COMMAND PALETTE.</p><a href="https://fezcode.com/settings?fezTheme=mist#fezcodex-theme" 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">Enable Mist<svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" fill="currentColor" viewBox="0 0 256 256"><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 xmlns="http://www.w3.org/2000/svg" width="20" height="20" fill="currentColor" viewBox="0 0 256 256"><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: 0;"><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 src="/sounds/static.mp3" loop=""></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 xmlns="http://www.w3.org/2000/svg" width="32" height="32" fill="currentColor" viewBox="0 0 256 256"><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 xmlns="http://www.w3.org/2000/svg" width="32" height="32" fill="currentColor" viewBox="0 0 256 256"><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: 32.1984%; width: 6.94534px; height: 6.94534px; background: radial-gradient(circle, rgb(255, 0, 0) 0%, rgb(255, 69, 0) 70%, transparent 100%); animation-duration: 11.1114s; animation-delay: -1.65825s; box-shadow: rgb(255, 69, 0) 0px 0px 13.8907px;"></div><div class="dnd-fire-particle" style="left: 21.6305%; width: 9.09706px; height: 9.09706px; background: radial-gradient(circle, rgb(255, 140, 0) 0%, rgb(255, 215, 0) 70%, transparent 100%); animation-duration: 9.42368s; animation-delay: -13.2946s; box-shadow: rgb(255, 69, 0) 0px 0px 18.1941px;"></div><div class="dnd-fire-particle" style="left: 74.2025%; width: 9.94345px; height: 9.94345px; background: radial-gradient(circle, rgb(255, 140, 0) 0%, rgb(255, 215, 0) 70%, transparent 100%); animation-duration: 5.91755s; animation-delay: -12.2552s; box-shadow: rgb(255, 69, 0) 0px 0px 19.8869px;"></div><div class="dnd-fire-particle" style="left: 4.92114%; width: 7.51882px; height: 7.51882px; background: radial-gradient(circle, rgb(255, 69, 0) 0%, rgb(255, 140, 0) 70%, transparent 100%); animation-duration: 8.49029s; animation-delay: -10.2704s; box-shadow: rgb(255, 69, 0) 0px 0px 15.0376px;"></div><div class="dnd-fire-particle" style="left: 69.2083%; width: 9.78138px; height: 9.78138px; background: radial-gradient(circle, rgb(255, 0, 0) 0%, rgb(255, 69, 0) 70%, transparent 100%); animation-duration: 5.09616s; animation-delay: -10.3812s; box-shadow: rgb(255, 69, 0) 0px 0px 19.5628px;"></div><div class="dnd-fire-particle" style="left: 37.7417%; width: 7.57503px; height: 7.57503px; background: radial-gradient(circle, rgb(255, 140, 0) 0%, rgb(255, 215, 0) 70%, transparent 100%); animation-duration: 13.6227s; animation-delay: -7.6013s; box-shadow: rgb(255, 69, 0) 0px 0px 15.1501px;"></div><div class="dnd-fire-particle" style="left: 63.3715%; width: 6.73337px; height: 6.73337px; background: radial-gradient(circle, rgb(255, 140, 0) 0%, rgb(255, 215, 0) 70%, transparent 100%); animation-duration: 11.0317s; animation-delay: -4.1397s; box-shadow: rgb(255, 69, 0) 0px 0px 13.4667px;"></div><div class="dnd-fire-particle" style="left: 21.7781%; width: 10.3645px; height: 10.3645px; background: radial-gradient(circle, rgb(255, 0, 0) 0%, rgb(255, 69, 0) 70%, transparent 100%); animation-duration: 11.1175s; animation-delay: -5.13644s; box-shadow: rgb(255, 69, 0) 0px 0px 20.7289px;"></div><div class="dnd-fire-particle" style="left: 18.6824%; width: 7.00835px; height: 7.00835px; background: radial-gradient(circle, rgb(255, 140, 0) 0%, rgb(255, 215, 0) 70%, transparent 100%); animation-duration: 5.68991s; animation-delay: -10.6876s; box-shadow: rgb(255, 69, 0) 0px 0px 14.0167px;"></div><div class="dnd-fire-particle" style="left: 63.8319%; width: 10.0634px; height: 10.0634px; background: radial-gradient(circle, rgb(255, 140, 0) 0%, rgb(255, 215, 0) 70%, transparent 100%); animation-duration: 14.9977s; animation-delay: -12.9514s; box-shadow: rgb(255, 69, 0) 0px 0px 20.1267px;"></div><div class="dnd-fire-particle" style="left: 51.1548%; width: 3.43891px; height: 3.43891px; background: radial-gradient(circle, rgb(255, 140, 0) 0%, rgb(255, 215, 0) 70%, transparent 100%); animation-duration: 11.4006s; animation-delay: -10.6071s; box-shadow: rgb(255, 69, 0) 0px 0px 6.87783px;"></div><div class="dnd-fire-particle" style="left: 71.0812%; width: 5.00951px; height: 5.00951px; background: radial-gradient(circle, rgb(255, 140, 0) 0%, rgb(255, 215, 0) 70%, transparent 100%); animation-duration: 7.95073s; animation-delay: -2.50247s; box-shadow: rgb(255, 69, 0) 0px 0px 10.019px;"></div><div class="dnd-fire-particle" style="left: 46.6667%; width: 4.61953px; height: 4.61953px; background: radial-gradient(circle, rgb(255, 0, 0) 0%, rgb(255, 69, 0) 70%, transparent 100%); animation-duration: 10.6422s; animation-delay: -4.87323s; box-shadow: rgb(255, 69, 0) 0px 0px 9.23906px;"></div><div class="dnd-fire-particle" style="left: 28.6822%; width: 5.28476px; height: 5.28476px; background: radial-gradient(circle, rgb(255, 140, 0) 0%, rgb(255, 215, 0) 70%, transparent 100%); animation-duration: 7.91755s; animation-delay: -12.2935s; box-shadow: rgb(255, 69, 0) 0px 0px 10.5695px;"></div><div class="dnd-fire-particle" style="left: 54.6192%; width: 3.71349px; height: 3.71349px; background: radial-gradient(circle, rgb(255, 140, 0) 0%, rgb(255, 215, 0) 70%, transparent 100%); animation-duration: 13.5007s; animation-delay: -11.5833s; box-shadow: rgb(255, 69, 0) 0px 0px 7.42697px;"></div><div class="dnd-fire-particle" style="left: 71.8497%; width: 4.098px; height: 4.098px; background: radial-gradient(circle, rgb(255, 0, 0) 0%, rgb(255, 69, 0) 70%, transparent 100%); animation-duration: 6.37198s; animation-delay: -1.94966s; box-shadow: rgb(255, 69, 0) 0px 0px 8.196px;"></div><div class="dnd-fire-particle" style="left: 41.0186%; width: 5.16144px; height: 5.16144px; background: radial-gradient(circle, rgb(255, 140, 0) 0%, rgb(255, 215, 0) 70%, transparent 100%); animation-duration: 10.0894s; animation-delay: -7.88635s; box-shadow: rgb(255, 69, 0) 0px 0px 10.3229px;"></div><div class="dnd-fire-particle" style="left: 16.4137%; width: 8.72287px; height: 8.72287px; background: radial-gradient(circle, rgb(255, 69, 0) 0%, rgb(255, 140, 0) 70%, transparent 100%); animation-duration: 6.74461s; animation-delay: -11.5271s; box-shadow: rgb(255, 69, 0) 0px 0px 17.4457px;"></div><div class="dnd-fire-particle" style="left: 53.1082%; width: 6.73077px; height: 6.73077px; background: radial-gradient(circle, rgb(255, 0, 0) 0%, rgb(255, 69, 0) 70%, transparent 100%); animation-duration: 7.79484s; animation-delay: -11.7599s; box-shadow: rgb(255, 69, 0) 0px 0px 13.4615px;"></div><div class="dnd-fire-particle" style="left: 64.5191%; width: 7.39628px; height: 7.39628px; background: radial-gradient(circle, rgb(255, 69, 0) 0%, rgb(255, 140, 0) 70%, transparent 100%); animation-duration: 7.66593s; animation-delay: -11.0302s; box-shadow: rgb(255, 69, 0) 0px 0px 14.7926px;"></div><div class="dnd-fire-particle" style="left: 84.0166%; width: 10.3217px; height: 10.3217px; background: radial-gradient(circle, rgb(255, 69, 0) 0%, rgb(255, 140, 0) 70%, transparent 100%); animation-duration: 11.709s; animation-delay: -6.10596s; box-shadow: rgb(255, 69, 0) 0px 0px 20.6435px;"></div><div class="dnd-fire-particle" style="left: 35.8371%; width: 10.5751px; height: 10.5751px; background: radial-gradient(circle, rgb(255, 140, 0) 0%, rgb(255, 215, 0) 70%, transparent 100%); animation-duration: 12.9047s; animation-delay: -1.45639s; box-shadow: rgb(255, 69, 0) 0px 0px 21.1502px;"></div><div class="dnd-fire-particle" style="left: 98.7447%; width: 6.41233px; height: 6.41233px; background: radial-gradient(circle, rgb(255, 0, 0) 0%, rgb(255, 69, 0) 70%, transparent 100%); animation-duration: 8.03524s; animation-delay: -8.77109s; box-shadow: rgb(255, 69, 0) 0px 0px 12.8247px;"></div><div class="dnd-fire-particle" style="left: 31.0429%; width: 4.54696px; height: 4.54696px; background: radial-gradient(circle, rgb(255, 69, 0) 0%, rgb(255, 140, 0) 70%, transparent 100%); animation-duration: 7.88269s; animation-delay: -13.2437s; box-shadow: rgb(255, 69, 0) 0px 0px 9.09393px;"></div><div class="dnd-fire-particle" style="left: 55.6052%; width: 9.52436px; height: 9.52436px; background: radial-gradient(circle, rgb(255, 69, 0) 0%, rgb(255, 140, 0) 70%, transparent 100%); animation-duration: 11.9524s; animation-delay: -6.26943s; box-shadow: rgb(255, 69, 0) 0px 0px 19.0487px;"></div><div class="dnd-fire-particle" style="left: 90.3158%; width: 9.29304px; height: 9.29304px; background: radial-gradient(circle, rgb(255, 140, 0) 0%, rgb(255, 215, 0) 70%, transparent 100%); animation-duration: 10.6175s; animation-delay: -2.55207s; box-shadow: rgb(255, 69, 0) 0px 0px 18.5861px;"></div><div class="dnd-fire-particle" style="left: 42.7265%; width: 3.57172px; height: 3.57172px; background: radial-gradient(circle, rgb(255, 69, 0) 0%, rgb(255, 140, 0) 70%, transparent 100%); animation-duration: 6.60909s; animation-delay: -10.0493s; box-shadow: rgb(255, 69, 0) 0px 0px 7.14344px;"></div><div class="dnd-fire-particle" style="left: 18.422%; width: 4.37355px; height: 4.37355px; background: radial-gradient(circle, rgb(255, 140, 0) 0%, rgb(255, 215, 0) 70%, transparent 100%); animation-duration: 8.77684s; animation-delay: -3.90898s; box-shadow: rgb(255, 69, 0) 0px 0px 8.7471px;"></div><div class="dnd-fire-particle" style="left: 38.5324%; width: 7.73566px; height: 7.73566px; background: radial-gradient(circle, rgb(255, 0, 0) 0%, rgb(255, 69, 0) 70%, transparent 100%); animation-duration: 10.5351s; animation-delay: -13.7136s; box-shadow: rgb(255, 69, 0) 0px 0px 15.4713px;"></div><div class="dnd-fire-particle" style="left: 27.1804%; width: 9.96709px; height: 9.96709px; background: radial-gradient(circle, rgb(255, 69, 0) 0%, rgb(255, 140, 0) 70%, transparent 100%); animation-duration: 7.3385s; animation-delay: -12.501s; box-shadow: rgb(255, 69, 0) 0px 0px 19.9342px;"></div><div class="dnd-fire-particle" style="left: 84.8455%; width: 3.58595px; height: 3.58595px; background: radial-gradient(circle, rgb(255, 140, 0) 0%, rgb(255, 215, 0) 70%, transparent 100%); animation-duration: 11.9488s; animation-delay: -11.7887s; box-shadow: rgb(255, 69, 0) 0px 0px 7.17189px;"></div><div class="dnd-fire-particle" style="left: 14.199%; width: 3.66047px; height: 3.66047px; background: radial-gradient(circle, rgb(255, 0, 0) 0%, rgb(255, 69, 0) 70%, transparent 100%); animation-duration: 9.8412s; animation-delay: -5.68782s; box-shadow: rgb(255, 69, 0) 0px 0px 7.32094px;"></div><div class="dnd-fire-particle" style="left: 13.0549%; width: 4.26573px; height: 4.26573px; background: radial-gradient(circle, rgb(255, 0, 0) 0%, rgb(255, 69, 0) 70%, transparent 100%); animation-duration: 12.7236s; animation-delay: -14.4203s; box-shadow: rgb(255, 69, 0) 0px 0px 8.53147px;"></div><div class="dnd-fire-particle" style="left: 88.937%; width: 3.95319px; height: 3.95319px; background: radial-gradient(circle, rgb(255, 69, 0) 0%, rgb(255, 140, 0) 70%, transparent 100%); animation-duration: 10.7038s; animation-delay: -13.1389s; box-shadow: rgb(255, 69, 0) 0px 0px 7.90639px;"></div><div class="dnd-fire-particle" style="left: 61.8264%; width: 8.56898px; height: 8.56898px; background: radial-gradient(circle, rgb(255, 140, 0) 0%, rgb(255, 215, 0) 70%, transparent 100%); animation-duration: 8.83708s; animation-delay: -10.2847s; box-shadow: rgb(255, 69, 0) 0px 0px 17.138px;"></div><div class="dnd-fire-particle" style="left: 56.2454%; width: 6.75601px; height: 6.75601px; background: radial-gradient(circle, rgb(255, 0, 0) 0%, rgb(255, 69, 0) 70%, transparent 100%); animation-duration: 8.03306s; animation-delay: -7.7415s; box-shadow: rgb(255, 69, 0) 0px 0px 13.512px;"></div><div class="dnd-fire-particle" style="left: 18.9214%; width: 6.4784px; height: 6.4784px; background: radial-gradient(circle, rgb(255, 140, 0) 0%, rgb(255, 215, 0) 70%, transparent 100%); animation-duration: 10.7323s; animation-delay: -0.00646114s; box-shadow: rgb(255, 69, 0) 0px 0px 12.9568px;"></div><div class="dnd-fire-particle" style="left: 59.2475%; width: 5.70037px; height: 5.70037px; background: radial-gradient(circle, rgb(255, 69, 0) 0%, rgb(255, 140, 0) 70%, transparent 100%); animation-duration: 8.57162s; animation-delay: -12.3454s; box-shadow: rgb(255, 69, 0) 0px 0px 11.4007px;"></div><div class="dnd-fire-particle" style="left: 52.455%; width: 10.9182px; height: 10.9182px; background: radial-gradient(circle, rgb(255, 0, 0) 0%, rgb(255, 69, 0) 70%, transparent 100%); animation-duration: 14.8468s; animation-delay: -8.23247s; box-shadow: rgb(255, 69, 0) 0px 0px 21.8364px;"></div><div class="dnd-fire-particle" style="left: 24.5699%; width: 7.86633px; height: 7.86633px; background: radial-gradient(circle, rgb(255, 0, 0) 0%, rgb(255, 69, 0) 70%, transparent 100%); animation-duration: 9.32902s; animation-delay: -8.84819s; box-shadow: rgb(255, 69, 0) 0px 0px 15.7327px;"></div><div class="dnd-fire-particle" style="left: 97.3035%; width: 4.99682px; height: 4.99682px; background: radial-gradient(circle, rgb(255, 69, 0) 0%, rgb(255, 140, 0) 70%, transparent 100%); animation-duration: 6.79538s; animation-delay: -13.4697s; box-shadow: rgb(255, 69, 0) 0px 0px 9.99364px;"></div><div class="dnd-fire-particle" style="left: 44.325%; width: 5.11923px; height: 5.11923px; background: radial-gradient(circle, rgb(255, 0, 0) 0%, rgb(255, 69, 0) 70%, transparent 100%); animation-duration: 12.1068s; animation-delay: -9.28946s; box-shadow: rgb(255, 69, 0) 0px 0px 10.2385px;"></div><div class="dnd-fire-particle" style="left: 91.2041%; width: 4.54691px; height: 4.54691px; background: radial-gradient(circle, rgb(255, 0, 0) 0%, rgb(255, 69, 0) 70%, transparent 100%); animation-duration: 9.7766s; animation-delay: -5.2038s; box-shadow: rgb(255, 69, 0) 0px 0px 9.09382px;"></div><div class="dnd-fire-particle" style="left: 7.78793%; width: 4.1526px; height: 4.1526px; background: radial-gradient(circle, rgb(255, 140, 0) 0%, rgb(255, 215, 0) 70%, transparent 100%); animation-duration: 8.46185s; animation-delay: -3.75512s; box-shadow: rgb(255, 69, 0) 0px 0px 8.30521px;"></div><div class="dnd-fire-particle" style="left: 79.7356%; width: 6.75929px; height: 6.75929px; background: radial-gradient(circle, rgb(255, 69, 0) 0%, rgb(255, 140, 0) 70%, transparent 100%); animation-duration: 6.95448s; animation-delay: -13.5068s; box-shadow: rgb(255, 69, 0) 0px 0px 13.5186px;"></div><div class="dnd-fire-particle" style="left: 30.7103%; width: 4.34219px; height: 4.34219px; background: radial-gradient(circle, rgb(255, 69, 0) 0%, rgb(255, 140, 0) 70%, transparent 100%); animation-duration: 9.26331s; animation-delay: -7.18822s; box-shadow: rgb(255, 69, 0) 0px 0px 8.68438px;"></div><div class="dnd-fire-particle" style="left: 53.4685%; width: 4.60698px; height: 4.60698px; background: radial-gradient(circle, rgb(255, 140, 0) 0%, rgb(255, 215, 0) 70%, transparent 100%); animation-duration: 6.78033s; animation-delay: -5.27174s; box-shadow: rgb(255, 69, 0) 0px 0px 9.21395px;"></div><div class="dnd-fire-particle" style="left: 16.4581%; width: 7.06827px; height: 7.06827px; background: radial-gradient(circle, rgb(255, 140, 0) 0%, rgb(255, 215, 0) 70%, transparent 100%); animation-duration: 10.15s; animation-delay: -1.92937s; box-shadow: rgb(255, 69, 0) 0px 0px 14.1366px;"></div><div class="dnd-fire-particle" style="left: 41.7486%; width: 5.22054px; height: 5.22054px; background: radial-gradient(circle, rgb(255, 0, 0) 0%, rgb(255, 69, 0) 70%, transparent 100%); animation-duration: 12.3787s; animation-delay: -4.68885s; box-shadow: rgb(255, 69, 0) 0px 0px 10.4411px;"></div><div class="dnd-fire-particle" style="left: 7.76908%; width: 4.81073px; height: 4.81073px; background: radial-gradient(circle, rgb(255, 140, 0) 0%, rgb(255, 215, 0) 70%, transparent 100%); animation-duration: 8.38685s; animation-delay: -4.79032s; box-shadow: rgb(255, 69, 0) 0px 0px 9.62146px;"></div></div><div class="fixed inset-0 pointer-events-none z-10 overflow-hidden"><div class="dnd-dust-particle" style="left: 46.8738%; top: 115.035%; animation-duration: 14.4131s; animation-delay: -19.4681s; width: 1.10164px; height: 2.94122px;"></div><div class="dnd-dust-particle" style="left: 50.8497%; top: 111.264%; animation-duration: 16.4524s; animation-delay: -19.3751s; width: 2.72078px; height: 2.30155px;"></div><div class="dnd-dust-particle" style="left: 68.7074%; top: 107.557%; animation-duration: 24.0433s; animation-delay: -17.5494s; width: 1.1218px; height: 1.67847px;"></div><div class="dnd-dust-particle" style="left: 47.907%; top: 107.075%; animation-duration: 28.0201s; animation-delay: -2.52724s; width: 1.69742px; height: 1.19914px;"></div><div class="dnd-dust-particle" style="left: 25.9725%; top: 112.835%; animation-duration: 25.2773s; animation-delay: -0.559477s; width: 1.36991px; height: 1.98348px;"></div><div class="dnd-dust-particle" style="left: 57.01%; top: 107.145%; animation-duration: 27.9777s; animation-delay: -16.079s; width: 2.35896px; height: 1.70427px;"></div><div class="dnd-dust-particle" style="left: 52.6615%; top: 102.507%; animation-duration: 11.5932s; animation-delay: -19.9797s; width: 2.23074px; height: 2.76701px;"></div><div class="dnd-dust-particle" style="left: 17.0714%; top: 104.011%; animation-duration: 27.4198s; animation-delay: -14.4594s; width: 1.82334px; height: 1.51821px;"></div><div class="dnd-dust-particle" style="left: 98.2929%; top: 111.814%; animation-duration: 21.3989s; animation-delay: -15.9205s; width: 2.5948px; height: 1.20025px;"></div><div class="dnd-dust-particle" style="left: 10.6509%; top: 104.602%; animation-duration: 18.4098s; animation-delay: -13.7273s; width: 2.71712px; height: 2.4375px;"></div><div class="dnd-dust-particle" style="left: 68.3115%; top: 103.276%; animation-duration: 12.4495s; animation-delay: -10.3115s; width: 2.95617px; height: 1.59505px;"></div><div class="dnd-dust-particle" style="left: 53.7563%; top: 107.667%; animation-duration: 26.4775s; animation-delay: -2.67577s; width: 1.9092px; height: 1.58368px;"></div><div class="dnd-dust-particle" style="left: 72.6644%; top: 117.23%; animation-duration: 29.8271s; animation-delay: -18.2957s; width: 2.41505px; height: 2.83782px;"></div><div class="dnd-dust-particle" style="left: 90.0841%; top: 110.873%; animation-duration: 26.3716s; animation-delay: -4.5491s; width: 2.75133px; height: 2.00613px;"></div><div class="dnd-dust-particle" style="left: 64.7373%; top: 116.911%; animation-duration: 12.4128s; animation-delay: -8.99416s; width: 2.70477px; height: 2.5021px;"></div><div class="dnd-dust-particle" style="left: 42.6249%; top: 101.712%; animation-duration: 11.1667s; animation-delay: -6.67965s; width: 2.27789px; height: 1.3339px;"></div><div class="dnd-dust-particle" style="left: 3.55034%; top: 103.924%; animation-duration: 22.554s; animation-delay: -13.3804s; width: 2.57933px; height: 2.34604px;"></div><div class="dnd-dust-particle" style="left: 71.1836%; top: 109.927%; animation-duration: 13.4575s; animation-delay: -6.88181s; width: 2.08919px; height: 1.37683px;"></div><div class="dnd-dust-particle" style="left: 29.6829%; top: 106.601%; animation-duration: 27.4106s; animation-delay: -19.6982s; width: 1.99457px; height: 2.05588px;"></div><div class="dnd-dust-particle" style="left: 54.3644%; top: 118.424%; animation-duration: 28.1127s; animation-delay: -1.87727s; width: 1.81606px; height: 1.88095px;"></div></div><div class="fixed inset-0 pointer-events-none z-0 overflow-hidden"><div class="dnd-floating-rune text-4xl" style="left: 5.39329%; top: 79.0886%; transform: rotate(322.066deg); opacity: 0.02;">ᚨ</div><div class="dnd-floating-rune text-4xl" style="left: 39.7293%; top: 67.8647%; transform: rotate(250.974deg); opacity: 0.02;">ᛁ</div><div class="dnd-floating-rune text-4xl" style="left: 19.1909%; top: 39.9848%; transform: rotate(299.716deg); opacity: 0.02;">ᛚ</div><div class="dnd-floating-rune text-4xl" style="left: 35.9703%; top: 39.8895%; transform: rotate(214.871deg); opacity: 0.02;">ᚨ</div><div class="dnd-floating-rune text-4xl" style="left: 64.5003%; top: 14.5588%; transform: rotate(86.5845deg); opacity: 0.02;">ᚲ</div><div class="dnd-floating-rune text-4xl" style="left: 63.9331%; top: 17.4102%; transform: rotate(187.316deg); opacity: 0.02;">ᛒ</div><div class="dnd-floating-rune text-4xl" style="left: 44.7556%; top: 54.6213%; transform: rotate(303.889deg); opacity: 0.02;">ᚺ</div><div class="dnd-floating-rune text-4xl" style="left: 32.1274%; top: 50.8267%; transform: rotate(262.133deg); opacity: 0.02;">ᛟ</div><div class="dnd-floating-rune text-4xl" style="left: 60.0608%; top: 41.9128%; transform: rotate(38.2646deg); opacity: 0.02;">ᛏ</div><div class="dnd-floating-rune text-4xl" style="left: 7.24691%; top: 81.25%; transform: rotate(78.3688deg); opacity: 0.02;">ᛏ</div><div class="dnd-floating-rune text-4xl" style="left: 22.3487%; top: 16.3619%; transform: rotate(224.671deg); opacity: 0.02;">ᚹ</div><div class="dnd-floating-rune text-4xl" style="left: 95.546%; top: 57.8202%; transform: rotate(252.854deg); opacity: 0.02;">ᛟ</div><div class="dnd-floating-rune text-4xl" style="left: 5.87921%; top: 91.894%; transform: rotate(41.1423deg); opacity: 0.02;">ᚲ</div><div class="dnd-floating-rune text-4xl" style="left: 67.1859%; top: 96.4301%; transform: rotate(94.3661deg); opacity: 0.02;">ᛏ</div><div class="dnd-floating-rune text-4xl" style="left: 14.5312%; top: 99.4391%; transform: rotate(76.5189deg); opacity: 0.02;">ᛁ</div><div class="dnd-floating-rune text-4xl" style="left: 47.4354%; top: 99.6028%; transform: rotate(34.7832deg); opacity: 0.02;">ᚨ</div><div class="dnd-floating-rune text-4xl" style="left: 9.30117%; top: 12.7187%; transform: rotate(194.746deg); opacity: 0.02;">ᛒ</div><div class="dnd-floating-rune text-4xl" style="left: 35.7078%; top: 36.6258%; transform: rotate(276.488deg); opacity: 0.02;">ᚹ</div><div class="dnd-floating-rune text-4xl" style="left: 37.9537%; top: 75.0127%; transform: rotate(45.6347deg); opacity: 0.02;">ᚨ</div><div class="dnd-floating-rune text-4xl" style="left: 34.883%; top: 0.50745%; transform: rotate(345.099deg); opacity: 0.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: none; filter: brightness(0.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 xmlns="http://www.w3.org/2000/svg" width="18" height="18" fill="currentColor" viewBox="0 0 256 256"><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><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(30px);"><div class="flex justify-center mb-8"><div class="h-px w-24 bg-dnd-gold/40 self-center"></div><svg xmlns="http://www.w3.org/2000/svg" width="40" height="40" fill="currentColor" viewBox="0 0 256 256" 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 xmlns="http://www.w3.org/2000/svg" width="48" height="48" fill="currentColor" viewBox="0 0 256 256"><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 xmlns="http://www.w3.org/2000/svg" width="48" height="48" fill="currentColor" viewBox="0 0 256 256"><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 xmlns="http://www.w3.org/2000/svg" width="48" height="48" fill="currentColor" viewBox="0 0 256 256"><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 xmlns="http://www.w3.org/2000/svg" width="48" height="48" fill="currentColor" viewBox="0 0 256 256"><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/timeline" 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 xmlns="http://www.w3.org/2000/svg" width="48" height="48" fill="currentColor" viewBox="0 0 256 256"><path d="M188.82,82,128,128,67.2,82.4A8,8,0,0,1,64,76V40a8,8,0,0,1,8-8H184a8,8,0,0,1,8,8V75.64A8,8,0,0,1,188.82,82ZM64,180v36a8,8,0,0,0,8,8H184a8,8,0,0,0,8-8V180.36a8,8,0,0,0-3.18-6.38L128,128,67.2,173.6A8,8,0,0,0,64,180Z" opacity="0.2"></path><path d="M200,75.64V40a16,16,0,0,0-16-16H72A16,16,0,0,0,56,40V76a16.07,16.07,0,0,0,6.4,12.8L114.67,128,62.4,167.2A16.07,16.07,0,0,0,56,180v36a16,16,0,0,0,16,16H184a16,16,0,0,0,16-16V180.36a16.09,16.09,0,0,0-6.35-12.77L141.27,128l52.38-39.59A16.09,16.09,0,0,0,200,75.64ZM184,216H72V180l56-42,56,42.35Zm0-140.36L128,118,72,76V40H184Z"></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 Chronology</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 measured years of Thornus, era by era.</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 xmlns="http://www.w3.org/2000/svg" width="48" height="48" fill="currentColor" viewBox="0 0 256 256"><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 xmlns="http://www.w3.org/2000/svg" width="32" height="32" fill="currentColor" viewBox="0 0 256 256" 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">Default_Vault</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: none;"><div class="relative" style="transform: none;"><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: none;"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="currentColor" viewBox="0 0 256 256"><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: rgb(16, 185, 129); transform: none;"></div><div class="w-3 h-2 rounded-full bg-current opacity-50" style="color: rgb(16, 185, 129); transform: none;"></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>
<script id="vike_pageContext" type="application/json">{"pageProps":{"is404":false},"urlPathname":"\\/stories","pageId":"\\/pages","routeParams":{"*":"stories"}}</script>
<script id="vike_globalContext" type="application/json">{}</script>
<script src="/assets/entries/entry-server-routing.B8Jmu2Q3.js" type="module" async></script>
<link rel="modulepreload" href="/assets/entries/pages.BZkyDMuN.js" as="script" type="text/javascript">
<link rel="modulepreload" href="/assets/chunks/chunk-BXl3LOEh.js" as="script" type="text/javascript">
</body>
</html>