-
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) · 92.8 KB
/
Copy pathindex.html
File metadata and controls
53 lines (48 loc) · 92.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: 84.4161px; 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: 27.6911%; width: 5.5053px; height: 5.5053px; background: radial-gradient(circle, rgb(255, 140, 0) 0%, rgb(255, 215, 0) 70%, transparent 100%); animation-duration: 12.1165s; animation-delay: -13.903s; box-shadow: rgb(255, 69, 0) 0px 0px 11.0106px;"></div><div class="dnd-fire-particle" style="left: 24.3603%; width: 4.74222px; height: 4.74222px; background: radial-gradient(circle, rgb(255, 140, 0) 0%, rgb(255, 215, 0) 70%, transparent 100%); animation-duration: 9.24101s; animation-delay: -13.4754s; box-shadow: rgb(255, 69, 0) 0px 0px 9.48444px;"></div><div class="dnd-fire-particle" style="left: 66.4464%; width: 8.24534px; height: 8.24534px; background: radial-gradient(circle, rgb(255, 0, 0) 0%, rgb(255, 69, 0) 70%, transparent 100%); animation-duration: 9.12095s; animation-delay: -0.850669s; box-shadow: rgb(255, 69, 0) 0px 0px 16.4907px;"></div><div class="dnd-fire-particle" style="left: 80.846%; width: 10.864px; height: 10.864px; background: radial-gradient(circle, rgb(255, 0, 0) 0%, rgb(255, 69, 0) 70%, transparent 100%); animation-duration: 12.3729s; animation-delay: -0.0896185s; box-shadow: rgb(255, 69, 0) 0px 0px 21.7281px;"></div><div class="dnd-fire-particle" style="left: 15.6309%; width: 3.19065px; height: 3.19065px; background: radial-gradient(circle, rgb(255, 140, 0) 0%, rgb(255, 215, 0) 70%, transparent 100%); animation-duration: 13.8171s; animation-delay: -14.0005s; box-shadow: rgb(255, 69, 0) 0px 0px 6.3813px;"></div><div class="dnd-fire-particle" style="left: 21.6858%; width: 3.52027px; height: 3.52027px; background: radial-gradient(circle, rgb(255, 69, 0) 0%, rgb(255, 140, 0) 70%, transparent 100%); animation-duration: 8.29161s; animation-delay: -6.39357s; box-shadow: rgb(255, 69, 0) 0px 0px 7.04053px;"></div><div class="dnd-fire-particle" style="left: 78.0233%; width: 4.35944px; height: 4.35944px; background: radial-gradient(circle, rgb(255, 0, 0) 0%, rgb(255, 69, 0) 70%, transparent 100%); animation-duration: 6.48039s; animation-delay: -1.40602s; box-shadow: rgb(255, 69, 0) 0px 0px 8.71888px;"></div><div class="dnd-fire-particle" style="left: 67.3831%; width: 6.53648px; height: 6.53648px; background: radial-gradient(circle, rgb(255, 140, 0) 0%, rgb(255, 215, 0) 70%, transparent 100%); animation-duration: 14.0259s; animation-delay: -13.5599s; box-shadow: rgb(255, 69, 0) 0px 0px 13.073px;"></div><div class="dnd-fire-particle" style="left: 12.3947%; width: 10.9369px; height: 10.9369px; background: radial-gradient(circle, rgb(255, 69, 0) 0%, rgb(255, 140, 0) 70%, transparent 100%); animation-duration: 12.0215s; animation-delay: -2.62775s; box-shadow: rgb(255, 69, 0) 0px 0px 21.8739px;"></div><div class="dnd-fire-particle" style="left: 73.2261%; width: 5.30969px; height: 5.30969px; background: radial-gradient(circle, rgb(255, 69, 0) 0%, rgb(255, 140, 0) 70%, transparent 100%); animation-duration: 13.9074s; animation-delay: -5.16389s; box-shadow: rgb(255, 69, 0) 0px 0px 10.6194px;"></div><div class="dnd-fire-particle" style="left: 44.8248%; width: 4.23033px; height: 4.23033px; background: radial-gradient(circle, rgb(255, 0, 0) 0%, rgb(255, 69, 0) 70%, transparent 100%); animation-duration: 14.8183s; animation-delay: -3.56099s; box-shadow: rgb(255, 69, 0) 0px 0px 8.46067px;"></div><div class="dnd-fire-particle" style="left: 41.2146%; width: 3.05267px; height: 3.05267px; background: radial-gradient(circle, rgb(255, 69, 0) 0%, rgb(255, 140, 0) 70%, transparent 100%); animation-duration: 6.34426s; animation-delay: -6.20184s; box-shadow: rgb(255, 69, 0) 0px 0px 6.10533px;"></div><div class="dnd-fire-particle" style="left: 29.2062%; width: 6.9295px; height: 6.9295px; background: radial-gradient(circle, rgb(255, 0, 0) 0%, rgb(255, 69, 0) 70%, transparent 100%); animation-duration: 10.3415s; animation-delay: -14.7041s; box-shadow: rgb(255, 69, 0) 0px 0px 13.859px;"></div><div class="dnd-fire-particle" style="left: 16.0522%; width: 3.84742px; height: 3.84742px; background: radial-gradient(circle, rgb(255, 140, 0) 0%, rgb(255, 215, 0) 70%, transparent 100%); animation-duration: 9.87024s; animation-delay: -13.2467s; box-shadow: rgb(255, 69, 0) 0px 0px 7.69484px;"></div><div class="dnd-fire-particle" style="left: 97.1736%; width: 10.8231px; height: 10.8231px; background: radial-gradient(circle, rgb(255, 140, 0) 0%, rgb(255, 215, 0) 70%, transparent 100%); animation-duration: 10.6615s; animation-delay: -0.286621s; box-shadow: rgb(255, 69, 0) 0px 0px 21.6461px;"></div><div class="dnd-fire-particle" style="left: 14.6816%; width: 5.0777px; height: 5.0777px; background: radial-gradient(circle, rgb(255, 140, 0) 0%, rgb(255, 215, 0) 70%, transparent 100%); animation-duration: 11.2514s; animation-delay: -5.41708s; box-shadow: rgb(255, 69, 0) 0px 0px 10.1554px;"></div><div class="dnd-fire-particle" style="left: 16.0381%; width: 8.31706px; height: 8.31706px; background: radial-gradient(circle, rgb(255, 140, 0) 0%, rgb(255, 215, 0) 70%, transparent 100%); animation-duration: 8.67533s; animation-delay: -14.1367s; box-shadow: rgb(255, 69, 0) 0px 0px 16.6341px;"></div><div class="dnd-fire-particle" style="left: 90.5426%; width: 7.53571px; height: 7.53571px; background: radial-gradient(circle, rgb(255, 140, 0) 0%, rgb(255, 215, 0) 70%, transparent 100%); animation-duration: 9.46247s; animation-delay: -0.141029s; box-shadow: rgb(255, 69, 0) 0px 0px 15.0714px;"></div><div class="dnd-fire-particle" style="left: 31.6486%; width: 7.46038px; height: 7.46038px; background: radial-gradient(circle, rgb(255, 140, 0) 0%, rgb(255, 215, 0) 70%, transparent 100%); animation-duration: 9.53759s; animation-delay: -10.5219s; box-shadow: rgb(255, 69, 0) 0px 0px 14.9208px;"></div><div class="dnd-fire-particle" style="left: 77.0248%; width: 3.61877px; height: 3.61877px; background: radial-gradient(circle, rgb(255, 69, 0) 0%, rgb(255, 140, 0) 70%, transparent 100%); animation-duration: 7.15318s; animation-delay: -11.5665s; box-shadow: rgb(255, 69, 0) 0px 0px 7.23754px;"></div><div class="dnd-fire-particle" style="left: 40.891%; width: 10.1553px; height: 10.1553px; background: radial-gradient(circle, rgb(255, 140, 0) 0%, rgb(255, 215, 0) 70%, transparent 100%); animation-duration: 12.4344s; animation-delay: -3.75714s; box-shadow: rgb(255, 69, 0) 0px 0px 20.3107px;"></div><div class="dnd-fire-particle" style="left: 31.6833%; width: 4.73098px; height: 4.73098px; background: radial-gradient(circle, rgb(255, 0, 0) 0%, rgb(255, 69, 0) 70%, transparent 100%); animation-duration: 12.74s; animation-delay: -6.63051s; box-shadow: rgb(255, 69, 0) 0px 0px 9.46197px;"></div><div class="dnd-fire-particle" style="left: 4.92913%; width: 4.58058px; height: 4.58058px; background: radial-gradient(circle, rgb(255, 69, 0) 0%, rgb(255, 140, 0) 70%, transparent 100%); animation-duration: 5.84481s; animation-delay: -3.81051s; box-shadow: rgb(255, 69, 0) 0px 0px 9.16115px;"></div><div class="dnd-fire-particle" style="left: 10.1888%; width: 6.81866px; height: 6.81866px; background: radial-gradient(circle, rgb(255, 140, 0) 0%, rgb(255, 215, 0) 70%, transparent 100%); animation-duration: 13.6554s; animation-delay: -0.964173s; box-shadow: rgb(255, 69, 0) 0px 0px 13.6373px;"></div><div class="dnd-fire-particle" style="left: 76.8378%; width: 3.47321px; height: 3.47321px; background: radial-gradient(circle, rgb(255, 69, 0) 0%, rgb(255, 140, 0) 70%, transparent 100%); animation-duration: 5.90072s; animation-delay: -6.30764s; box-shadow: rgb(255, 69, 0) 0px 0px 6.94642px;"></div><div class="dnd-fire-particle" style="left: 10.0684%; width: 3.84822px; height: 3.84822px; background: radial-gradient(circle, rgb(255, 0, 0) 0%, rgb(255, 69, 0) 70%, transparent 100%); animation-duration: 12.4523s; animation-delay: -9.75775s; box-shadow: rgb(255, 69, 0) 0px 0px 7.69643px;"></div><div class="dnd-fire-particle" style="left: 5.96253%; width: 6.3151px; height: 6.3151px; background: radial-gradient(circle, rgb(255, 140, 0) 0%, rgb(255, 215, 0) 70%, transparent 100%); animation-duration: 6.06931s; animation-delay: -6.04513s; box-shadow: rgb(255, 69, 0) 0px 0px 12.6302px;"></div><div class="dnd-fire-particle" style="left: 59.3072%; width: 8.97355px; height: 8.97355px; background: radial-gradient(circle, rgb(255, 0, 0) 0%, rgb(255, 69, 0) 70%, transparent 100%); animation-duration: 7.29656s; animation-delay: -8.68928s; box-shadow: rgb(255, 69, 0) 0px 0px 17.9471px;"></div><div class="dnd-fire-particle" style="left: 53.9468%; width: 8.20013px; height: 8.20013px; background: radial-gradient(circle, rgb(255, 69, 0) 0%, rgb(255, 140, 0) 70%, transparent 100%); animation-duration: 13.12s; animation-delay: -7.82492s; box-shadow: rgb(255, 69, 0) 0px 0px 16.4003px;"></div><div class="dnd-fire-particle" style="left: 65.8746%; width: 5.32888px; height: 5.32888px; background: radial-gradient(circle, rgb(255, 140, 0) 0%, rgb(255, 215, 0) 70%, transparent 100%); animation-duration: 6.25618s; animation-delay: -11.0103s; box-shadow: rgb(255, 69, 0) 0px 0px 10.6578px;"></div><div class="dnd-fire-particle" style="left: 84.8359%; width: 7.95902px; height: 7.95902px; background: radial-gradient(circle, rgb(255, 140, 0) 0%, rgb(255, 215, 0) 70%, transparent 100%); animation-duration: 10.1395s; animation-delay: -8.4288s; box-shadow: rgb(255, 69, 0) 0px 0px 15.918px;"></div><div class="dnd-fire-particle" style="left: 21.2268%; width: 9.15975px; height: 9.15975px; background: radial-gradient(circle, rgb(255, 69, 0) 0%, rgb(255, 140, 0) 70%, transparent 100%); animation-duration: 14.5987s; animation-delay: -4.07241s; box-shadow: rgb(255, 69, 0) 0px 0px 18.3195px;"></div><div class="dnd-fire-particle" style="left: 97.0441%; width: 6.19644px; height: 6.19644px; background: radial-gradient(circle, rgb(255, 69, 0) 0%, rgb(255, 140, 0) 70%, transparent 100%); animation-duration: 5.3986s; animation-delay: -10.0453s; box-shadow: rgb(255, 69, 0) 0px 0px 12.3929px;"></div><div class="dnd-fire-particle" style="left: 82.3293%; width: 4.25025px; height: 4.25025px; background: radial-gradient(circle, rgb(255, 69, 0) 0%, rgb(255, 140, 0) 70%, transparent 100%); animation-duration: 7.91028s; animation-delay: -10.0469s; box-shadow: rgb(255, 69, 0) 0px 0px 8.50049px;"></div><div class="dnd-fire-particle" style="left: 17.2015%; width: 5.56596px; height: 5.56596px; background: radial-gradient(circle, rgb(255, 69, 0) 0%, rgb(255, 140, 0) 70%, transparent 100%); animation-duration: 5.5101s; animation-delay: -11.1659s; box-shadow: rgb(255, 69, 0) 0px 0px 11.1319px;"></div><div class="dnd-fire-particle" style="left: 24.7785%; width: 3.26259px; height: 3.26259px; background: radial-gradient(circle, rgb(255, 140, 0) 0%, rgb(255, 215, 0) 70%, transparent 100%); animation-duration: 9.42677s; animation-delay: -14.9513s; box-shadow: rgb(255, 69, 0) 0px 0px 6.52518px;"></div><div class="dnd-fire-particle" style="left: 3.15153%; width: 4.92186px; height: 4.92186px; background: radial-gradient(circle, rgb(255, 69, 0) 0%, rgb(255, 140, 0) 70%, transparent 100%); animation-duration: 9.90997s; animation-delay: -0.294865s; box-shadow: rgb(255, 69, 0) 0px 0px 9.84372px;"></div><div class="dnd-fire-particle" style="left: 55.1516%; width: 3.45485px; height: 3.45485px; background: radial-gradient(circle, rgb(255, 69, 0) 0%, rgb(255, 140, 0) 70%, transparent 100%); animation-duration: 12.2022s; animation-delay: -9.82364s; box-shadow: rgb(255, 69, 0) 0px 0px 6.90971px;"></div><div class="dnd-fire-particle" style="left: 50.2746%; width: 7.81239px; height: 7.81239px; background: radial-gradient(circle, rgb(255, 0, 0) 0%, rgb(255, 69, 0) 70%, transparent 100%); animation-duration: 6.6256s; animation-delay: -1.59864s; box-shadow: rgb(255, 69, 0) 0px 0px 15.6248px;"></div><div class="dnd-fire-particle" style="left: 77.1222%; width: 4.0066px; height: 4.0066px; background: radial-gradient(circle, rgb(255, 0, 0) 0%, rgb(255, 69, 0) 70%, transparent 100%); animation-duration: 9.558s; animation-delay: -3.62211s; box-shadow: rgb(255, 69, 0) 0px 0px 8.0132px;"></div><div class="dnd-fire-particle" style="left: 42.9459%; width: 3.4963px; height: 3.4963px; background: radial-gradient(circle, rgb(255, 69, 0) 0%, rgb(255, 140, 0) 70%, transparent 100%); animation-duration: 7.15075s; animation-delay: -5.87069s; box-shadow: rgb(255, 69, 0) 0px 0px 6.9926px;"></div><div class="dnd-fire-particle" style="left: 88.0349%; width: 6.49864px; height: 6.49864px; background: radial-gradient(circle, rgb(255, 0, 0) 0%, rgb(255, 69, 0) 70%, transparent 100%); animation-duration: 14.5906s; animation-delay: -13.2825s; box-shadow: rgb(255, 69, 0) 0px 0px 12.9973px;"></div><div class="dnd-fire-particle" style="left: 23.9325%; width: 8.94979px; height: 8.94979px; background: radial-gradient(circle, rgb(255, 140, 0) 0%, rgb(255, 215, 0) 70%, transparent 100%); animation-duration: 14.3186s; animation-delay: -1.59809s; box-shadow: rgb(255, 69, 0) 0px 0px 17.8996px;"></div><div class="dnd-fire-particle" style="left: 88.4935%; width: 5.2536px; height: 5.2536px; background: radial-gradient(circle, rgb(255, 69, 0) 0%, rgb(255, 140, 0) 70%, transparent 100%); animation-duration: 10.6295s; animation-delay: -6.52232s; box-shadow: rgb(255, 69, 0) 0px 0px 10.5072px;"></div><div class="dnd-fire-particle" style="left: 91.832%; width: 3.76975px; height: 3.76975px; background: radial-gradient(circle, rgb(255, 140, 0) 0%, rgb(255, 215, 0) 70%, transparent 100%); animation-duration: 5.30609s; animation-delay: -5.781s; box-shadow: rgb(255, 69, 0) 0px 0px 7.5395px;"></div><div class="dnd-fire-particle" style="left: 89.1238%; width: 5.92782px; height: 5.92782px; background: radial-gradient(circle, rgb(255, 140, 0) 0%, rgb(255, 215, 0) 70%, transparent 100%); animation-duration: 13.7566s; animation-delay: -1.33478s; box-shadow: rgb(255, 69, 0) 0px 0px 11.8556px;"></div><div class="dnd-fire-particle" style="left: 28.3577%; width: 5.63762px; height: 5.63762px; background: radial-gradient(circle, rgb(255, 69, 0) 0%, rgb(255, 140, 0) 70%, transparent 100%); animation-duration: 7.28511s; animation-delay: -4.93017s; box-shadow: rgb(255, 69, 0) 0px 0px 11.2752px;"></div><div class="dnd-fire-particle" style="left: 36.2268%; width: 5.35462px; height: 5.35462px; background: radial-gradient(circle, rgb(255, 140, 0) 0%, rgb(255, 215, 0) 70%, transparent 100%); animation-duration: 10.6162s; animation-delay: -4.43707s; box-shadow: rgb(255, 69, 0) 0px 0px 10.7092px;"></div><div class="dnd-fire-particle" style="left: 54.3144%; width: 10.4476px; height: 10.4476px; background: radial-gradient(circle, rgb(255, 140, 0) 0%, rgb(255, 215, 0) 70%, transparent 100%); animation-duration: 7.75611s; animation-delay: -10.6206s; box-shadow: rgb(255, 69, 0) 0px 0px 20.8952px;"></div><div class="dnd-fire-particle" style="left: 88.8113%; width: 10.0526px; height: 10.0526px; background: radial-gradient(circle, rgb(255, 0, 0) 0%, rgb(255, 69, 0) 70%, transparent 100%); animation-duration: 14.0778s; animation-delay: -8.22284s; box-shadow: rgb(255, 69, 0) 0px 0px 20.1051px;"></div></div><div class="fixed inset-0 pointer-events-none z-10 overflow-hidden"><div class="dnd-dust-particle" style="left: 72.2136%; top: 102.306%; animation-duration: 13.76s; animation-delay: -12.1221s; width: 2.34023px; height: 2.49311px;"></div><div class="dnd-dust-particle" style="left: 3.15897%; top: 108.644%; animation-duration: 21.8939s; animation-delay: -19.7619s; width: 2.82905px; height: 1.5692px;"></div><div class="dnd-dust-particle" style="left: 22.2281%; top: 104.216%; animation-duration: 25.9604s; animation-delay: -13.2084s; width: 1.33223px; height: 1.95511px;"></div><div class="dnd-dust-particle" style="left: 46.5826%; top: 111.175%; animation-duration: 27.4418s; animation-delay: -10.957s; width: 2.48263px; height: 1.48945px;"></div><div class="dnd-dust-particle" style="left: 2.90837%; top: 114.922%; animation-duration: 25.079s; animation-delay: -6.41197s; width: 2.33753px; height: 1.86007px;"></div><div class="dnd-dust-particle" style="left: 55.0749%; top: 109.604%; animation-duration: 18.5675s; animation-delay: -2.53115s; width: 2.31197px; height: 2.5169px;"></div><div class="dnd-dust-particle" style="left: 69.7276%; top: 102.409%; animation-duration: 14.3398s; animation-delay: -14.469s; width: 1.40835px; height: 2.16422px;"></div><div class="dnd-dust-particle" style="left: 66.7335%; top: 100.368%; animation-duration: 22.4412s; animation-delay: -2.73777s; width: 2.88526px; height: 2.43416px;"></div><div class="dnd-dust-particle" style="left: 92.1883%; top: 106.614%; animation-duration: 14.8842s; animation-delay: -17.8752s; width: 1.41464px; height: 1.78067px;"></div><div class="dnd-dust-particle" style="left: 85.0308%; top: 106.99%; animation-duration: 16.7199s; animation-delay: -18.6124s; width: 2.60631px; height: 2.00934px;"></div><div class="dnd-dust-particle" style="left: 29.4988%; top: 116.051%; animation-duration: 12.8939s; animation-delay: -6.50075s; width: 1.35441px; height: 1.1239px;"></div><div class="dnd-dust-particle" style="left: 37.6216%; top: 103.129%; animation-duration: 11.8398s; animation-delay: -0.903335s; width: 2.89282px; height: 2.93527px;"></div><div class="dnd-dust-particle" style="left: 38.6233%; top: 115.446%; animation-duration: 27.4223s; animation-delay: -4.95516s; width: 1.58198px; height: 2.02518px;"></div><div class="dnd-dust-particle" style="left: 68.8909%; top: 105.526%; animation-duration: 23.5812s; animation-delay: -13.8539s; width: 2.1478px; height: 2.81836px;"></div><div class="dnd-dust-particle" style="left: 27.567%; top: 106.155%; animation-duration: 13.1375s; animation-delay: -17.0278s; width: 1.14116px; height: 2.80341px;"></div><div class="dnd-dust-particle" style="left: 81.2842%; top: 119.077%; animation-duration: 24.7567s; animation-delay: -6.88909s; width: 1.19618px; height: 2.98932px;"></div><div class="dnd-dust-particle" style="left: 1.50678%; top: 100.427%; animation-duration: 15.2413s; animation-delay: -5.68696s; width: 1.94162px; height: 1.24031px;"></div><div class="dnd-dust-particle" style="left: 18.3012%; top: 105.554%; animation-duration: 28.5833s; animation-delay: -15.1098s; width: 1.12214px; height: 2.44628px;"></div><div class="dnd-dust-particle" style="left: 95.2826%; top: 103.599%; animation-duration: 11.722s; animation-delay: -2.87441s; width: 2.8138px; height: 2.91955px;"></div><div class="dnd-dust-particle" style="left: 21.3427%; top: 108.539%; animation-duration: 14.298s; animation-delay: -1.7826s; width: 2.27667px; height: 2.20577px;"></div></div><div class="fixed inset-0 pointer-events-none z-0 overflow-hidden"><div class="dnd-floating-rune text-4xl" style="left: 0.0974294%; top: 95.192%; transform: rotate(178.288deg); opacity: 0.02;">ᛃ</div><div class="dnd-floating-rune text-4xl" style="left: 37.2405%; top: 20.6734%; transform: rotate(343.388deg); opacity: 0.02;">ᚢ</div><div class="dnd-floating-rune text-4xl" style="left: 93.5414%; top: 52.1187%; transform: rotate(345.017deg); opacity: 0.02;">ᚦ</div><div class="dnd-floating-rune text-4xl" style="left: 94.6448%; top: 62.0772%; transform: rotate(320.736deg); opacity: 0.02;">ᚢ</div><div class="dnd-floating-rune text-4xl" style="left: 70.8559%; top: 64.5355%; transform: rotate(204.492deg); opacity: 0.02;">ᛖ</div><div class="dnd-floating-rune text-4xl" style="left: 42.696%; top: 42.1364%; transform: rotate(170.052deg); opacity: 0.02;">ᚠ</div><div class="dnd-floating-rune text-4xl" style="left: 90.2892%; top: 49.1722%; transform: rotate(100.846deg); opacity: 0.02;">ᛁ</div><div class="dnd-floating-rune text-4xl" style="left: 22.493%; top: 41.6301%; transform: rotate(320.664deg); opacity: 0.02;">ᛜ</div><div class="dnd-floating-rune text-4xl" style="left: 44.1591%; top: 28.5686%; transform: rotate(304.075deg); opacity: 0.02;">ᛚ</div><div class="dnd-floating-rune text-4xl" style="left: 10.118%; top: 80.3231%; transform: rotate(135.714deg); opacity: 0.02;">ᛊ</div><div class="dnd-floating-rune text-4xl" style="left: 12.9718%; top: 0.467533%; transform: rotate(68.3814deg); opacity: 0.02;">ᚲ</div><div class="dnd-floating-rune text-4xl" style="left: 48.0263%; top: 15.5488%; transform: rotate(37.1924deg); opacity: 0.02;">ᛇ</div><div class="dnd-floating-rune text-4xl" style="left: 94.2258%; top: 31.0983%; transform: rotate(324.185deg); opacity: 0.02;">ᛜ</div><div class="dnd-floating-rune text-4xl" style="left: 72.7069%; top: 5.0862%; transform: rotate(23.8049deg); opacity: 0.02;">ᛚ</div><div class="dnd-floating-rune text-4xl" style="left: 18.9048%; top: 30.6409%; transform: rotate(232.752deg); opacity: 0.02;">ᚠ</div><div class="dnd-floating-rune text-4xl" style="left: 60.5445%; top: 67.286%; transform: rotate(220.092deg); opacity: 0.02;">ᛃ</div><div class="dnd-floating-rune text-4xl" style="left: 76.1924%; top: 6.21796%; transform: rotate(45.0719deg); opacity: 0.02;">ᛁ</div><div class="dnd-floating-rune text-4xl" style="left: 11.3602%; top: 61.3377%; transform: rotate(71.7526deg); opacity: 0.02;">ᛏ</div><div class="dnd-floating-rune text-4xl" style="left: 55.549%; top: 71.913%; transform: rotate(60.2875deg); opacity: 0.02;">ᚢ</div><div class="dnd-floating-rune text-4xl" style="left: 86.8059%; top: 18.2389%; transform: rotate(274.26deg); 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: url("/images/stories/wallies/jr-korpa-RADGP_E2pBk-unsplash.jpg"); 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 class="hidden sm:flex items-center gap-2 font-mono text-[9px] uppercase tracking-[0.2em]"><svg xmlns="http://www.w3.org/2000/svg" width="10" height="10" fill="currentColor" viewBox="0 0 256 256" 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 xmlns="http://www.w3.org/2000/svg" width="10" height="10" fill="currentColor" viewBox="0 0 256 256" 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 xmlns="http://www.w3.org/2000/svg" width="10" height="10" fill="currentColor" viewBox="0 0 256 256" class="text-white/40"><path d="M181.66,133.66l-80,80a8,8,0,0,1-11.32-11.32L164.69,128,90.34,53.66a8,8,0,0,1,11.32-11.32l80,80A8,8,0,0,1,181.66,133.66Z"></path></svg><a class="text-white/60 hover:text-white transition-colors" href="/stories/items" data-discover="true">The Armory</a></div></div><div class="flex items-center gap-6"><div class="flex items-center gap-2 font-mono text-[10px] font-bold tracking-widest"><button class="transition-colors text-dnd-gold underline decoration-2 underline-offset-4">EN</button><span class="text-white/20">/</span><button class="transition-colors text-white/40 hover:text-white">TR</button></div><a class="text-[10px] font-mono font-bold tracking-[0.4em] text-white/40 hover:text-dnd-gold transition-colors hidden md:block" href="/" data-discover="true">FEZCODEX_SYSTEM</a></div></div><div class="px-6 py-4 flex items-center justify-center relative bg-gradient-to-b from-dnd-crimson to-transparent"><span class="text-3xl md:text-4xl font-playfairDisplay italic font-black dnd-gold-gradient-text uppercase tracking-tighter drop-shadow-2xl">From Serfs & Frauds</span></div></nav><main class="flex-grow pt-24 pb-12"><div class="max-w-7xl mx-auto px-6 py-12"><header class="text-center mb-12 relative"><div class="flex justify-center mb-6"><svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" fill="currentColor" viewBox="0 0 256 256" class="text-dnd-gold-light drop-shadow-[0_0_8px_rgba(249,224,118,0.4)]"><path d="M141.66,201,129,213.66a8,8,0,0,1-11.32,0L92,188,58.35,221.66a8,8,0,0,1-11.32,0L34.34,209a8,8,0,0,1,0-11.31L68,164,42.34,138.36a8,8,0,0,1,0-11.32L55,114.34a8,8,0,0,1,11.32,0l75.3,75.3A8,8,0,0,1,141.66,201Z" opacity="0.2"></path><path d="M216,32H152a8,8,0,0,0-6.34,3.12l-64,83.21L72,108.69a16,16,0,0,0-22.64,0l-12.69,12.7a16,16,0,0,0,0,22.63l20,20-28,28a16,16,0,0,0,0,22.63l12.69,12.68a16,16,0,0,0,22.62,0l28-28,20,20a16,16,0,0,0,22.64,0l12.69-12.7a16,16,0,0,0,0-22.63l-9.64-9.64,83.21-64A8,8,0,0,0,224,104V40A8,8,0,0,0,216,32ZM52.69,216,40,203.32l28-28L80.68,188Zm70.61-8L48,132.71,60.7,120,136,195.31ZM208,100.06l-81.74,62.88L115.32,152l50.34-50.34a8,8,0,0,0-11.32-11.31L104,140.68,93.07,129.74,155.94,48H208Z"></path></svg></div><h1 class="text-4xl md:text-8xl font-playfairDisplay italic font-black dnd-gold-gradient-text uppercase tracking-tighter mb-4 dnd-header-pulse">The Armory</h1><p class="text-base md:text-xl font-arvo text-gray-400 max-w-2xl mx-auto uppercase tracking-widest opacity-60 mb-12 px-4">Artifacts, curiosities, and tools of the trade.</p><div class="relative max-w-md mx-auto mb-8 md:mb-16 group"><div class="absolute inset-0 bg-dnd-gold/20 blur-xl rounded-full opacity-0 group-hover:opacity-100 transition-opacity duration-500"></div><div class="relative flex items-center"><div class="absolute left-5 text-dnd-gold"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="currentColor" viewBox="0 0 256 256"><path d="M192,112a80,80,0,1,1-80-80A80,80,0,0,1,192,112Z" opacity="0.2"></path><path d="M229.66,218.34,179.6,168.28a88.21,88.21,0,1,0-11.32,11.31l50.06,50.07a8,8,0,0,0,11.32-11.32ZM40,112a72,72,0,1,1,72,72A72.08,72.08,0,0,1,40,112Z"></path></svg></div><input placeholder="Search artifacts by name, type, or description..." class="w-full bg-[#1a0f0a] border-2 border-dnd-gold/50 rounded-full py-4 pl-14 pr-6 text-[#fcfaf2] font-arvo placeholder-dnd-gold/40 focus:outline-none focus:border-dnd-gold focus:ring-2 focus:ring-dnd-gold/20 transition-all duration-300 shadow-[0_4px_20px_rgba(0,0,0,0.5)]" type="text" value=""><div class="absolute right-4 w-2 h-2 rounded-full bg-dnd-gold/30 animate-pulse"></div></div><div class="absolute -bottom-2 left-1/2 -translate-x-1/2 w-3/4 h-px bg-gradient-to-r from-transparent via-dnd-gold/20 to-transparent"></div></div></header><section class="space-y-24"><div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-8"><div class="cursor-pointer" style="opacity: 0; transform: scale(0.9);"><div class="block group relative p-8 dnd-fantasy-card text-center h-full min-h-[400px] flex flex-col items-center justify-center border-2 border-black/20 shadow-2xl overflow-hidden hover:scale-[1.02] transition-transform duration-300"><div class="dnd-card-rune top-8 left-8 -rotate-12">ᚦ</div><div class="dnd-card-rune bottom-8 right-8 rotate-12">ᛉ</div><div class="dnd-ink-splatter w-8 h-8 top-1/4 right-8"></div><div class="dnd-ink-splatter w-4 h-4 bottom-1/3 left-12"></div><div class="absolute top-4 left-4 w-8 h-8 border-t-2 border-l-2 border-dnd-gold opacity-60 group-hover:opacity-100 transition-all duration-500"></div><div class="absolute top-4 right-4 w-8 h-8 border-t-2 border-r-2 border-dnd-gold opacity-60 group-hover:opacity-100 transition-all duration-500"></div><div class="absolute bottom-4 left-4 w-8 h-8 border-b-2 border-l-2 border-dnd-gold opacity-60 group-hover:opacity-100 transition-all duration-500"></div><div class="absolute bottom-4 right-4 w-8 h-8 border-b-2 border-r-2 border-dnd-gold opacity-60 group-hover:opacity-100 transition-all duration-500"></div><div class="mb-6 text-dnd-crimson group-hover:scale-110 transition-transform duration-500 relative z-10"><svg 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 font-playfairDisplay italic font-black text-dnd-crimson uppercase tracking-tighter mb-2 relative z-10">Niva's Badge</h3><p class="text-xs font-arvo text-black/60 uppercase tracking-widest mb-4 font-bold relative z-10">Insignia</p><div class="h-px w-16 bg-dnd-crimson/20 mb-6"></div><p class="text-base font-arvo text-black/70 leading-relaxed line-clamp-4 relative z-10 px-4">An intelligence officer's badge, now stained with the blood of a sewer worker. It represents the failure of the system to protect those who built it.</p><div class="mt-6 opacity-0 group-hover:opacity-100 transition-opacity duration-300 text-xs font-mono text-dnd-crimson uppercase tracking-widest">Inspect Item</div></div></div><div class="cursor-pointer" style="opacity: 0; transform: scale(0.9);"><div class="block group relative p-8 dnd-fantasy-card text-center h-full min-h-[400px] flex flex-col items-center justify-center border-2 border-black/20 shadow-2xl overflow-hidden hover:scale-[1.02] transition-transform duration-300"><div class="dnd-card-rune top-8 left-8 -rotate-12">ᚦ</div><div class="dnd-card-rune bottom-8 right-8 rotate-12">ᛉ</div><div class="dnd-ink-splatter w-8 h-8 top-1/4 right-8"></div><div class="dnd-ink-splatter w-4 h-4 bottom-1/3 left-12"></div><div class="absolute top-4 left-4 w-8 h-8 border-t-2 border-l-2 border-dnd-gold opacity-60 group-hover:opacity-100 transition-all duration-500"></div><div class="absolute top-4 right-4 w-8 h-8 border-t-2 border-r-2 border-dnd-gold opacity-60 group-hover:opacity-100 transition-all duration-500"></div><div class="absolute bottom-4 left-4 w-8 h-8 border-b-2 border-l-2 border-dnd-gold opacity-60 group-hover:opacity-100 transition-all duration-500"></div><div class="absolute bottom-4 right-4 w-8 h-8 border-b-2 border-r-2 border-dnd-gold opacity-60 group-hover:opacity-100 transition-all duration-500"></div><div class="mb-6 text-dnd-crimson group-hover:scale-110 transition-transform duration-500 relative z-10"><svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" fill="currentColor" viewBox="0 0 256 256"><path d="M208,216H48a8,8,0,0,1-6.86-12.12l30.48-50.8h0c13.23-2.48,32-1.41,56.37,10.92,32.25,16.33,54.75,12.91,67.5,7.65h0l19.34,32.23A8,8,0,0,1,208,216Z" opacity="0.2"></path><path d="M221.69,199.77,160,96.92V40h8a8,8,0,0,0,0-16H88a8,8,0,0,0,0,16h8V96.92L34.31,199.77A16,16,0,0,0,48,224H208a16,16,0,0,0,13.72-24.23ZM110.86,103.25A7.93,7.93,0,0,0,112,99.14V40h32V99.14a7.93,7.93,0,0,0,1.14,4.11L183.36,167c-12,2.37-29.07,1.37-51.75-10.11-15.91-8.05-31.05-12.32-45.22-12.81ZM48,208l28.54-47.58c14.25-1.73,30.31,1.85,47.82,10.72,19,9.61,35,12.88,48,12.88a69.89,69.89,0,0,0,19.55-2.7L208,208Z"></path></svg></div><h3 class="text-3xl font-playfairDisplay italic font-black text-dnd-crimson uppercase tracking-tighter mb-2 relative z-10">Alilberry Extract</h3><p class="text-xs font-arvo text-black/60 uppercase tracking-widest mb-4 font-bold relative z-10">Potion / Poison</p><div class="h-px w-16 bg-dnd-crimson/20 mb-6"></div><p class="text-base font-arvo text-black/70 leading-relaxed line-clamp-4 relative z-10 px-4">A pearlescent grey mist derived from a rare herb, processed through dwarven glass and sung over by a mute bard. One drop cures; two drops kill.</p><div class="mt-6 opacity-0 group-hover:opacity-100 transition-opacity duration-300 text-xs font-mono text-dnd-crimson uppercase tracking-widest">Inspect Item</div></div></div><div class="cursor-pointer" style="opacity: 0; transform: scale(0.9);"><div class="block group relative p-8 dnd-fantasy-card text-center h-full min-h-[400px] flex flex-col items-center justify-center border-2 border-black/20 shadow-2xl overflow-hidden hover:scale-[1.02] transition-transform duration-300"><div class="dnd-card-rune top-8 left-8 -rotate-12">ᚦ</div><div class="dnd-card-rune bottom-8 right-8 rotate-12">ᛉ</div><div class="dnd-ink-splatter w-8 h-8 top-1/4 right-8"></div><div class="dnd-ink-splatter w-4 h-4 bottom-1/3 left-12"></div><div class="absolute top-4 left-4 w-8 h-8 border-t-2 border-l-2 border-dnd-gold opacity-60 group-hover:opacity-100 transition-all duration-500"></div><div class="absolute top-4 right-4 w-8 h-8 border-t-2 border-r-2 border-dnd-gold opacity-60 group-hover:opacity-100 transition-all duration-500"></div><div class="absolute bottom-4 left-4 w-8 h-8 border-b-2 border-l-2 border-dnd-gold opacity-60 group-hover:opacity-100 transition-all duration-500"></div><div class="absolute bottom-4 right-4 w-8 h-8 border-b-2 border-r-2 border-dnd-gold opacity-60 group-hover:opacity-100 transition-all duration-500"></div><div class="mb-6 text-dnd-crimson group-hover:scale-110 transition-transform duration-500 relative z-10"><svg 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 font-playfairDisplay italic font-black text-dnd-crimson uppercase tracking-tighter mb-2 relative z-10">Soul of Viyu</h3><p class="text-xs font-arvo text-black/60 uppercase tracking-widest mb-4 font-bold relative z-10">Artifact</p><div class="h-px w-16 bg-dnd-crimson/20 mb-6"></div><p class="text-base font-arvo text-black/70 leading-relaxed line-clamp-4 relative z-10 px-4">A fragment of an ancient soul, pulsating with a faint, rhythmic darkness. It whispers to those who hold it, promising power at a terrible cost. It is the dark twin of the Sansu Syrup: it does not connect, it consumes. Its last known fragment—a cufflink kept by the Sultan of Butterflies—burned out carrying the truth through the RedLink.</p><div class="mt-6 opacity-0 group-hover:opacity-100 transition-opacity duration-300 text-xs font-mono text-dnd-crimson uppercase tracking-widest">Inspect Item</div></div></div><div class="cursor-pointer" style="opacity: 0; transform: scale(0.9);"><div class="block group relative p-8 dnd-fantasy-card text-center h-full min-h-[400px] flex flex-col items-center justify-center border-2 border-black/20 shadow-2xl overflow-hidden hover:scale-[1.02] transition-transform duration-300"><div class="dnd-card-rune top-8 left-8 -rotate-12">ᚦ</div><div class="dnd-card-rune bottom-8 right-8 rotate-12">ᛉ</div><div class="dnd-ink-splatter w-8 h-8 top-1/4 right-8"></div><div class="dnd-ink-splatter w-4 h-4 bottom-1/3 left-12"></div><div class="absolute top-4 left-4 w-8 h-8 border-t-2 border-l-2 border-dnd-gold opacity-60 group-hover:opacity-100 transition-all duration-500"></div><div class="absolute top-4 right-4 w-8 h-8 border-t-2 border-r-2 border-dnd-gold opacity-60 group-hover:opacity-100 transition-all duration-500"></div><div class="absolute bottom-4 left-4 w-8 h-8 border-b-2 border-l-2 border-dnd-gold opacity-60 group-hover:opacity-100 transition-all duration-500"></div><div class="absolute bottom-4 right-4 w-8 h-8 border-b-2 border-r-2 border-dnd-gold opacity-60 group-hover:opacity-100 transition-all duration-500"></div><div class="mb-6 text-dnd-crimson group-hover:scale-110 transition-transform duration-500 relative z-10"><svg 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 font-playfairDisplay italic font-black text-dnd-crimson uppercase tracking-tighter mb-2 relative z-10">Corrigan's .38 Revolver</h3><p class="text-xs font-arvo text-black/60 uppercase tracking-widest mb-4 font-bold relative z-10">Weapon</p><div class="h-px w-16 bg-dnd-crimson/20 mb-6"></div><p class="text-base font-arvo text-black/70 leading-relaxed line-clamp-4 relative z-10 px-4">A cold, heavy piece of steel that has seen better days. It is the only thing Corrigan trusts in a city full of liars and shadows. It fired the final shot in the Case of the Mirror Man.</p><div class="mt-6 opacity-0 group-hover:opacity-100 transition-opacity duration-300 text-xs font-mono text-dnd-crimson uppercase tracking-widest">Inspect Item</div></div></div><div class="cursor-pointer" style="opacity: 0; transform: scale(0.9);"><div class="block group relative p-8 dnd-fantasy-card text-center h-full min-h-[400px] flex flex-col items-center justify-center border-2 border-black/20 shadow-2xl overflow-hidden hover:scale-[1.02] transition-transform duration-300"><div class="dnd-card-rune top-8 left-8 -rotate-12">ᚦ</div><div class="dnd-card-rune bottom-8 right-8 rotate-12">ᛉ</div><div class="dnd-ink-splatter w-8 h-8 top-1/4 right-8"></div><div class="dnd-ink-splatter w-4 h-4 bottom-1/3 left-12"></div><div class="absolute top-4 left-4 w-8 h-8 border-t-2 border-l-2 border-dnd-gold opacity-60 group-hover:opacity-100 transition-all duration-500"></div><div class="absolute top-4 right-4 w-8 h-8 border-t-2 border-r-2 border-dnd-gold opacity-60 group-hover:opacity-100 transition-all duration-500"></div><div class="absolute bottom-4 left-4 w-8 h-8 border-b-2 border-l-2 border-dnd-gold opacity-60 group-hover:opacity-100 transition-all duration-500"></div><div class="absolute bottom-4 right-4 w-8 h-8 border-b-2 border-r-2 border-dnd-gold opacity-60 group-hover:opacity-100 transition-all duration-500"></div><div class="mb-6 text-dnd-crimson group-hover:scale-110 transition-transform duration-500 relative z-10"><svg 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 font-playfairDisplay italic font-black text-dnd-crimson uppercase tracking-tighter mb-2 relative z-10">Dark Green Beret</h3><p class="text-xs font-arvo text-black/60 uppercase tracking-widest mb-4 font-bold relative z-10">Military Apparel</p><div class="h-px w-16 bg-dnd-crimson/20 mb-6"></div><p class="text-base font-arvo text-black/70 leading-relaxed line-clamp-4 relative z-10 px-4">A wool beret with twenty-two silver stars stitched into the side by Lenia, one for every year she was alive before Glareach burned. It is the only thing Lorhud Krauper has left from his daughter, and he never takes it off.</p><div class="mt-6 opacity-0 group-hover:opacity-100 transition-opacity duration-300 text-xs font-mono text-dnd-crimson uppercase tracking-widest">Inspect Item</div></div></div><div class="cursor-pointer" style="opacity: 0; transform: scale(0.9);"><div class="block group relative p-8 dnd-fantasy-card text-center h-full min-h-[400px] flex flex-col items-center justify-center border-2 border-black/20 shadow-2xl overflow-hidden hover:scale-[1.02] transition-transform duration-300"><div class="dnd-card-rune top-8 left-8 -rotate-12">ᚦ</div><div class="dnd-card-rune bottom-8 right-8 rotate-12">ᛉ</div><div class="dnd-ink-splatter w-8 h-8 top-1/4 right-8"></div><div class="dnd-ink-splatter w-4 h-4 bottom-1/3 left-12"></div><div class="absolute top-4 left-4 w-8 h-8 border-t-2 border-l-2 border-dnd-gold opacity-60 group-hover:opacity-100 transition-all duration-500"></div><div class="absolute top-4 right-4 w-8 h-8 border-t-2 border-r-2 border-dnd-gold opacity-60 group-hover:opacity-100 transition-all duration-500"></div><div class="absolute bottom-4 left-4 w-8 h-8 border-b-2 border-l-2 border-dnd-gold opacity-60 group-hover:opacity-100 transition-all duration-500"></div><div class="absolute bottom-4 right-4 w-8 h-8 border-b-2 border-r-2 border-dnd-gold opacity-60 group-hover:opacity-100 transition-all duration-500"></div><div class="mb-6 text-dnd-crimson group-hover:scale-110 transition-transform duration-500 relative z-10"><svg 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 font-playfairDisplay italic font-black text-dnd-crimson uppercase tracking-tighter mb-2 relative z-10">Chronometer of Ash</h3><p class="text-xs font-arvo text-black/60 uppercase tracking-widest mb-4 font-bold relative z-10">Tool / Artifact</p><div class="h-px w-16 bg-dnd-crimson/20 mb-6"></div><p class="text-base font-arvo text-black/70 leading-relaxed line-clamp-4 relative z-10 px-4">A brass sphere powered by the ash of Glareach. It allows the user to relive exactly one hour of their past at the cost of a day of their future. The glass is unbreakable, ensuring the user can only observe, never intervene.</p><div class="mt-6 opacity-0 group-hover:opacity-100 transition-opacity duration-300 text-xs font-mono text-dnd-crimson uppercase tracking-widest">Inspect Item</div></div></div><div class="cursor-pointer" style="opacity: 0; transform: scale(0.9);"><div class="block group relative p-8 dnd-fantasy-card text-center h-full min-h-[400px] flex flex-col items-center justify-center border-2 border-black/20 shadow-2xl overflow-hidden hover:scale-[1.02] transition-transform duration-300"><div class="dnd-card-rune top-8 left-8 -rotate-12">ᚦ</div><div class="dnd-card-rune bottom-8 right-8 rotate-12">ᛉ</div><div class="dnd-ink-splatter w-8 h-8 top-1/4 right-8"></div><div class="dnd-ink-splatter w-4 h-4 bottom-1/3 left-12"></div><div class="absolute top-4 left-4 w-8 h-8 border-t-2 border-l-2 border-dnd-gold opacity-60 group-hover:opacity-100 transition-all duration-500"></div><div class="absolute top-4 right-4 w-8 h-8 border-t-2 border-r-2 border-dnd-gold opacity-60 group-hover:opacity-100 transition-all duration-500"></div><div class="absolute bottom-4 left-4 w-8 h-8 border-b-2 border-l-2 border-dnd-gold opacity-60 group-hover:opacity-100 transition-all duration-500"></div><div class="absolute bottom-4 right-4 w-8 h-8 border-b-2 border-r-2 border-dnd-gold opacity-60 group-hover:opacity-100 transition-all duration-500"></div><div class="mb-6 text-dnd-crimson group-hover:scale-110 transition-transform duration-500 relative z-10"><svg 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 font-playfairDisplay italic font-black text-dnd-crimson uppercase tracking-tighter mb-2 relative z-10">Valeth's Notebook</h3><p class="text-xs font-arvo text-black/60 uppercase tracking-widest mb-4 font-bold relative z-10">Journal</p><div class="h-px w-16 bg-dnd-crimson/20 mb-6"></div><p class="text-base font-arvo text-black/70 leading-relaxed line-clamp-4 relative z-10 px-4">A navy blue notebook with a single silver star on the cover. It contains the observations of a diplomat who sees too much, documenting the rot at the heart of Thornus. Recently stolen by Nex Orlong outside the Kosnak Estate.</p><div class="mt-6 opacity-0 group-hover:opacity-100 transition-opacity duration-300 text-xs font-mono text-dnd-crimson uppercase tracking-widest">Inspect Item</div></div></div><div class="cursor-pointer" style="opacity: 0; transform: scale(0.9);"><div class="block group relative p-8 dnd-fantasy-card text-center h-full min-h-[400px] flex flex-col items-center justify-center border-2 border-black/20 shadow-2xl overflow-hidden hover:scale-[1.02] transition-transform duration-300"><div class="dnd-card-rune top-8 left-8 -rotate-12">ᚦ</div><div class="dnd-card-rune bottom-8 right-8 rotate-12">ᛉ</div><div class="dnd-ink-splatter w-8 h-8 top-1/4 right-8"></div><div class="dnd-ink-splatter w-4 h-4 bottom-1/3 left-12"></div><div class="absolute top-4 left-4 w-8 h-8 border-t-2 border-l-2 border-dnd-gold opacity-60 group-hover:opacity-100 transition-all duration-500"></div><div class="absolute top-4 right-4 w-8 h-8 border-t-2 border-r-2 border-dnd-gold opacity-60 group-hover:opacity-100 transition-all duration-500"></div><div class="absolute bottom-4 left-4 w-8 h-8 border-b-2 border-l-2 border-dnd-gold opacity-60 group-hover:opacity-100 transition-all duration-500"></div><div class="absolute bottom-4 right-4 w-8 h-8 border-b-2 border-r-2 border-dnd-gold opacity-60 group-hover:opacity-100 transition-all duration-500"></div><div class="mb-6 text-dnd-crimson group-hover:scale-110 transition-transform duration-500 relative z-10"><svg 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 font-playfairDisplay italic font-black text-dnd-crimson uppercase tracking-tighter mb-2 relative z-10">Touch of Rose</h3><p class="text-xs font-arvo text-black/60 uppercase tracking-widest mb-4 font-bold relative z-10">Disease / Mark</p><div class="h-px w-16 bg-dnd-crimson/20 mb-6"></div><p class="text-base font-arvo text-black/70 leading-relaxed line-clamp-4 relative z-10 px-4">A devastating affliction that manifests as a crimson rose-leaf mark on the forehead. Over years it drains the victim's motor functions and speech, eventually leaving them in a vegetative state. Its only known cure is a rare drop of Alilberry. It rode the wind once, out of a bioreactor's exhaust; since then it passes only through the blood of the marked—Corshield's program learned to spread the mark by transfusion, but never to make it.</p><div class="mt-6 opacity-0 group-hover:opacity-100 transition-opacity duration-300 text-xs font-mono text-dnd-crimson uppercase tracking-widest">Inspect Item</div></div></div><div class="cursor-pointer" style="opacity: 0; transform: scale(0.9);"><div class="block group relative p-8 dnd-fantasy-card text-center h-full min-h-[400px] flex flex-col items-center justify-center border-2 border-black/20 shadow-2xl overflow-hidden hover:scale-[1.02] transition-transform duration-300"><div class="dnd-card-rune top-8 left-8 -rotate-12">ᚦ</div><div class="dnd-card-rune bottom-8 right-8 rotate-12">ᛉ</div><div class="dnd-ink-splatter w-8 h-8 top-1/4 right-8"></div><div class="dnd-ink-splatter w-4 h-4 bottom-1/3 left-12"></div><div class="absolute top-4 left-4 w-8 h-8 border-t-2 border-l-2 border-dnd-gold opacity-60 group-hover:opacity-100 transition-all duration-500"></div><div class="absolute top-4 right-4 w-8 h-8 border-t-2 border-r-2 border-dnd-gold opacity-60 group-hover:opacity-100 transition-all duration-500"></div><div class="absolute bottom-4 left-4 w-8 h-8 border-b-2 border-l-2 border-dnd-gold opacity-60 group-hover:opacity-100 transition-all duration-500"></div><div class="absolute bottom-4 right-4 w-8 h-8 border-b-2 border-r-2 border-dnd-gold opacity-60 group-hover:opacity-100 transition-all duration-500"></div><div class="mb-6 text-dnd-crimson group-hover:scale-110 transition-transform duration-500 relative z-10"><svg 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 font-playfairDisplay italic font-black text-dnd-crimson uppercase tracking-tighter mb-2 relative z-10">Government Medal for Science</h3><p class="text-xs font-arvo text-black/60 uppercase tracking-widest mb-4 font-bold relative z-10">Award</p><div class="h-px w-16 bg-dnd-crimson/20 mb-6"></div><p class="text-base font-arvo text-black/70 leading-relaxed line-clamp-4 relative z-10 px-4">A heavy gold disc awarded for exceptional scientific achievement. To Avalia Krones, it is a symbol of her gilded cage and the government's attempt to buy her loyalty.</p><div class="mt-6 opacity-0 group-hover:opacity-100 transition-opacity duration-300 text-xs font-mono text-dnd-crimson uppercase tracking-widest">Inspect Item</div></div></div><div class="cursor-pointer" style="opacity: 0; transform: scale(0.9);"><div class="block group relative p-8 dnd-fantasy-card text-center h-full min-h-[400px] flex flex-col items-center justify-center border-2 border-black/20 shadow-2xl overflow-hidden hover:scale-[1.02] transition-transform duration-300"><div class="dnd-card-rune top-8 left-8 -rotate-12">ᚦ</div><div class="dnd-card-rune bottom-8 right-8 rotate-12">ᛉ</div><div class="dnd-ink-splatter w-8 h-8 top-1/4 right-8"></div><div class="dnd-ink-splatter w-4 h-4 bottom-1/3 left-12"></div><div class="absolute top-4 left-4 w-8 h-8 border-t-2 border-l-2 border-dnd-gold opacity-60 group-hover:opacity-100 transition-all duration-500"></div><div class="absolute top-4 right-4 w-8 h-8 border-t-2 border-r-2 border-dnd-gold opacity-60 group-hover:opacity-100 transition-all duration-500"></div><div class="absolute bottom-4 left-4 w-8 h-8 border-b-2 border-l-2 border-dnd-gold opacity-60 group-hover:opacity-100 transition-all duration-500"></div><div class="absolute bottom-4 right-4 w-8 h-8 border-b-2 border-r-2 border-dnd-gold opacity-60 group-hover:opacity-100 transition-all duration-500"></div><div class="mb-6 text-dnd-crimson group-hover:scale-110 transition-transform duration-500 relative z-10"><svg 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 font-playfairDisplay italic font-black text-dnd-crimson uppercase tracking-tighter mb-2 relative z-10">The Krones Formula</h3><p class="text-xs font-arvo text-black/60 uppercase tracking-widest mb-4 font-bold relative z-10">Scientific Data / Discovery</p><div class="h-px w-16 bg-dnd-crimson/20 mb-6"></div><p class="text-base font-arvo text-black/70 leading-relaxed line-clamp-4 relative z-10 px-4">A revolutionary method for accelerating agricultural growth. While publicly used to end hunger, the government seeks its hidden 'weaponized' potential, which Avalia carefully conceals.</p><div class="mt-6 opacity-0 group-hover:opacity-100 transition-opacity duration-300 text-xs font-mono text-dnd-crimson uppercase tracking-widest">Inspect Item</div></div></div><div class="cursor-pointer" style="opacity: 0; transform: scale(0.9);"><div class="block group relative p-8 dnd-fantasy-card text-center h-full min-h-[400px] flex flex-col items-center justify-center border-2 border-black/20 shadow-2xl overflow-hidden hover:scale-[1.02] transition-transform duration-300"><div class="dnd-card-rune top-8 left-8 -rotate-12">ᚦ</div><div class="dnd-card-rune bottom-8 right-8 rotate-12">ᛉ</div><div class="dnd-ink-splatter w-8 h-8 top-1/4 right-8"></div><div class="dnd-ink-splatter w-4 h-4 bottom-1/3 left-12"></div><div class="absolute top-4 left-4 w-8 h-8 border-t-2 border-l-2 border-dnd-gold opacity-60 group-hover:opacity-100 transition-all duration-500"></div><div class="absolute top-4 right-4 w-8 h-8 border-t-2 border-r-2 border-dnd-gold opacity-60 group-hover:opacity-100 transition-all duration-500"></div><div class="absolute bottom-4 left-4 w-8 h-8 border-b-2 border-l-2 border-dnd-gold opacity-60 group-hover:opacity-100 transition-all duration-500"></div><div class="absolute bottom-4 right-4 w-8 h-8 border-b-2 border-r-2 border-dnd-gold opacity-60 group-hover:opacity-100 transition-all duration-500"></div><div class="mb-6 text-dnd-crimson group-hover:scale-110 transition-transform duration-500 relative z-10"><svg 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 font-playfairDisplay italic font-black text-dnd-crimson uppercase tracking-tighter mb-2 relative z-10">Leatherwave's Dried Fish</h3><p class="text-xs font-arvo text-black/60 uppercase tracking-widest mb-4 font-bold relative z-10">Food / Treat</p><div class="h-px w-16 bg-dnd-crimson/20 mb-6"></div><p class="text-base font-arvo text-black/70 leading-relaxed line-clamp-4 relative z-10 px-4">Simple, salty snacks used to bribe the Council of Three. They represent the simple joys of a quiet life.</p><div class="mt-6 opacity-0 group-hover:opacity-100 transition-opacity duration-300 text-xs font-mono text-dnd-crimson uppercase tracking-widest">Inspect Item</div></div></div><div class="cursor-pointer" style="opacity: 0; transform: scale(0.9);"><div class="block group relative p-8 dnd-fantasy-card text-center h-full min-h-[400px] flex flex-col items-center justify-center border-2 border-black/20 shadow-2xl overflow-hidden hover:scale-[1.02] transition-transform duration-300"><div class="dnd-card-rune top-8 left-8 -rotate-12">ᚦ</div><div class="dnd-card-rune bottom-8 right-8 rotate-12">ᛉ</div><div class="dnd-ink-splatter w-8 h-8 top-1/4 right-8"></div><div class="dnd-ink-splatter w-4 h-4 bottom-1/3 left-12"></div><div class="absolute top-4 left-4 w-8 h-8 border-t-2 border-l-2 border-dnd-gold opacity-60 group-hover:opacity-100 transition-all duration-500"></div><div class="absolute top-4 right-4 w-8 h-8 border-t-2 border-r-2 border-dnd-gold opacity-60 group-hover:opacity-100 transition-all duration-500"></div><div class="absolute bottom-4 left-4 w-8 h-8 border-b-2 border-l-2 border-dnd-gold opacity-60 group-hover:opacity-100 transition-all duration-500"></div><div class="absolute bottom-4 right-4 w-8 h-8 border-b-2 border-r-2 border-dnd-gold opacity-60 group-hover:opacity-100 transition-all duration-500"></div><div class="mb-6 text-dnd-crimson group-hover:scale-110 transition-transform duration-500 relative z-10"><svg 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 font-playfairDisplay italic font-black text-dnd-crimson uppercase tracking-tighter mb-2 relative z-10">Sansu Syrup</h3><p class="text-xs font-arvo text-black/60 uppercase tracking-widest mb-4 font-bold relative z-10">Ancient Bio-Catalyst</p><div class="h-px w-16 bg-dnd-crimson/20 mb-6"></div><p class="text-base font-arvo text-black/70 leading-relaxed line-clamp-4 relative z-10 px-4">An iridescent, vibrating fluid harvested from deep pockets within Proxan Mountain. Used by Proxanians for communal neural links. When pressurized with Viyu gas, it becomes a violent crimson 'Agitated' state.</p><div class="mt-6 opacity-0 group-hover:opacity-100 transition-opacity duration-300 text-xs font-mono text-dnd-crimson uppercase tracking-widest">Inspect Item</div></div></div><div class="cursor-pointer" style="opacity: 0; transform: scale(0.9);"><div class="block group relative p-8 dnd-fantasy-card text-center h-full min-h-[400px] flex flex-col items-center justify-center border-2 border-black/20 shadow-2xl overflow-hidden hover:scale-[1.02] transition-transform duration-300"><div class="dnd-card-rune top-8 left-8 -rotate-12">ᚦ</div><div class="dnd-card-rune bottom-8 right-8 rotate-12">ᛉ</div><div class="dnd-ink-splatter w-8 h-8 top-1/4 right-8"></div><div class="dnd-ink-splatter w-4 h-4 bottom-1/3 left-12"></div><div class="absolute top-4 left-4 w-8 h-8 border-t-2 border-l-2 border-dnd-gold opacity-60 group-hover:opacity-100 transition-all duration-500"></div><div class="absolute top-4 right-4 w-8 h-8 border-t-2 border-r-2 border-dnd-gold opacity-60 group-hover:opacity-100 transition-all duration-500"></div><div class="absolute bottom-4 left-4 w-8 h-8 border-b-2 border-l-2 border-dnd-gold opacity-60 group-hover:opacity-100 transition-all duration-500"></div><div class="absolute bottom-4 right-4 w-8 h-8 border-b-2 border-r-2 border-dnd-gold opacity-60 group-hover:opacity-100 transition-all duration-500"></div><div class="mb-6 text-dnd-crimson group-hover:scale-110 transition-transform duration-500 relative z-10"><svg 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 font-playfairDisplay italic font-black text-dnd-crimson uppercase tracking-tighter mb-2 relative z-10">Crimson Binder</h3><p class="text-xs font-arvo text-black/60 uppercase tracking-widest mb-4 font-bold relative z-10">Stabilizer / Pathogen</p><div class="h-px w-16 bg-dnd-crimson/20 mb-6"></div><p class="text-base font-arvo text-black/70 leading-relaxed line-clamp-4 relative z-10 px-4">A viscous red concentrate used by Proxanians to bridge biological neural networks. Willare Frindjen mistakenly added this to the Krones Formula thinking it was nitrogen. Avalia realized this too late, knowing that the binder is now searching for a neural host in humans.</p><div class="mt-6 opacity-0 group-hover:opacity-100 transition-opacity duration-300 text-xs font-mono text-dnd-crimson uppercase tracking-widest">Inspect Item</div></div></div><div class="cursor-pointer" style="opacity: 0; transform: scale(0.9);"><div class="block group relative p-8 dnd-fantasy-card text-center h-full min-h-[400px] flex flex-col items-center justify-center border-2 border-black/20 shadow-2xl overflow-hidden hover:scale-[1.02] transition-transform duration-300"><div class="dnd-card-rune top-8 left-8 -rotate-12">ᚦ</div><div class="dnd-card-rune bottom-8 right-8 rotate-12">ᛉ</div><div class="dnd-ink-splatter w-8 h-8 top-1/4 right-8"></div><div class="dnd-ink-splatter w-4 h-4 bottom-1/3 left-12"></div><div class="absolute top-4 left-4 w-8 h-8 border-t-2 border-l-2 border-dnd-gold opacity-60 group-hover:opacity-100 transition-all duration-500"></div><div class="absolute top-4 right-4 w-8 h-8 border-t-2 border-r-2 border-dnd-gold opacity-60 group-hover:opacity-100 transition-all duration-500"></div><div class="absolute bottom-4 left-4 w-8 h-8 border-b-2 border-l-2 border-dnd-gold opacity-60 group-hover:opacity-100 transition-all duration-500"></div><div class="absolute bottom-4 right-4 w-8 h-8 border-b-2 border-r-2 border-dnd-gold opacity-60 group-hover:opacity-100 transition-all duration-500"></div><div class="mb-6 text-dnd-crimson group-hover:scale-110 transition-transform duration-500 relative z-10"><svg 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 font-playfairDisplay italic font-black text-dnd-crimson uppercase tracking-tighter mb-2 relative z-10">Proxanian Seeds</h3><p class="text-xs font-arvo text-black/60 uppercase tracking-widest mb-4 font-bold relative z-10">Biological Hardware</p><div class="h-px w-16 bg-dnd-crimson/20 mb-6"></div><p class="text-base font-arvo text-black/70 leading-relaxed line-clamp-4 relative z-10 px-4">Dormant seeds of extinct flora that grew on Proxan Mountain. They respond only to the 'Proxanian Echo' and were the true foundation of the Krones Formula.</p><div class="mt-6 opacity-0 group-hover:opacity-100 transition-opacity duration-300 text-xs font-mono text-dnd-crimson uppercase tracking-widest">Inspect Item</div></div></div><div class="cursor-pointer" style="opacity: 0; transform: scale(0.9);"><div class="block group relative p-8 dnd-fantasy-card text-center h-full min-h-[400px] flex flex-col items-center justify-center border-2 border-black/20 shadow-2xl overflow-hidden hover:scale-[1.02] transition-transform duration-300"><div class="dnd-card-rune top-8 left-8 -rotate-12">ᚦ</div><div class="dnd-card-rune bottom-8 right-8 rotate-12">ᛉ</div><div class="dnd-ink-splatter w-8 h-8 top-1/4 right-8"></div><div class="dnd-ink-splatter w-4 h-4 bottom-1/3 left-12"></div><div class="absolute top-4 left-4 w-8 h-8 border-t-2 border-l-2 border-dnd-gold opacity-60 group-hover:opacity-100 transition-all duration-500"></div><div class="absolute top-4 right-4 w-8 h-8 border-t-2 border-r-2 border-dnd-gold opacity-60 group-hover:opacity-100 transition-all duration-500"></div><div class="absolute bottom-4 left-4 w-8 h-8 border-b-2 border-l-2 border-dnd-gold opacity-60 group-hover:opacity-100 transition-all duration-500"></div><div class="absolute bottom-4 right-4 w-8 h-8 border-b-2 border-r-2 border-dnd-gold opacity-60 group-hover:opacity-100 transition-all duration-500"></div><div class="mb-6 text-dnd-crimson group-hover:scale-110 transition-transform duration-500 relative z-10"><svg 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 font-playfairDisplay italic font-black text-dnd-crimson uppercase tracking-tighter mb-2 relative z-10">Proxanian Echo</h3><p class="text-xs font-arvo text-black/60 uppercase tracking-widest mb-4 font-bold relative z-10">Acoustic Artifact / Frequency</p><div class="h-px w-16 bg-dnd-crimson/20 mb-6"></div><p class="text-base font-arvo text-black/70 leading-relaxed line-clamp-4 relative z-10 px-4">The background psychic frequency of the extinct Children of the Mountain—not a broadcast, as Corshield's reports claimed, but a call. Avalia Krones sought to harness it for her 'botanical network'; the 'Touch of Rose' victims were biologically compelled to answer it. It fell silent on the night the RedLink fell, when the Soul of Viyu poured down the link and met the caller.</p><div class="mt-6 opacity-0 group-hover:opacity-100 transition-opacity duration-300 text-xs font-mono text-dnd-crimson uppercase tracking-widest">Inspect Item</div></div></div><div class="cursor-pointer" style="opacity: 0; transform: scale(0.9);"><div class="block group relative p-8 dnd-fantasy-card text-center h-full min-h-[400px] flex flex-col items-center justify-center border-2 border-black/20 shadow-2xl overflow-hidden hover:scale-[1.02] transition-transform duration-300"><div class="dnd-card-rune top-8 left-8 -rotate-12">ᚦ</div><div class="dnd-card-rune bottom-8 right-8 rotate-12">ᛉ</div><div class="dnd-ink-splatter w-8 h-8 top-1/4 right-8"></div><div class="dnd-ink-splatter w-4 h-4 bottom-1/3 left-12"></div><div class="absolute top-4 left-4 w-8 h-8 border-t-2 border-l-2 border-dnd-gold opacity-60 group-hover:opacity-100 transition-all duration-500"></div><div class="absolute top-4 right-4 w-8 h-8 border-t-2 border-r-2 border-dnd-gold opacity-60 group-hover:opacity-100 transition-all duration-500"></div><div class="absolute bottom-4 left-4 w-8 h-8 border-b-2 border-l-2 border-dnd-gold opacity-60 group-hover:opacity-100 transition-all duration-500"></div><div class="absolute bottom-4 right-4 w-8 h-8 border-b-2 border-r-2 border-dnd-gold opacity-60 group-hover:opacity-100 transition-all duration-500"></div><div class="mb-6 text-dnd-crimson group-hover:scale-110 transition-transform duration-500 relative z-10"><svg 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 font-playfairDisplay italic font-black text-dnd-crimson uppercase tracking-tighter mb-2 relative z-10">Ash of Glareach</h3><p class="text-xs font-arvo text-black/60 uppercase tracking-widest mb-4 font-bold relative z-10">Catalyst / Fuel</p><div class="h-px w-16 bg-dnd-crimson/20 mb-6"></div><p class="text-base font-arvo text-black/70 leading-relaxed line-clamp-4 relative z-10 px-4">Fine gray powder harvested from the burn-sites of the old city. It retains the 'chronological weight' of the fire, making it the only substance capable of powering a Chronometer or stabilizing a RedLink.</p><div class="mt-6 opacity-0 group-hover:opacity-100 transition-opacity duration-300 text-xs font-mono text-dnd-crimson uppercase tracking-widest">Inspect Item</div></div></div><div class="cursor-pointer" style="opacity: 0; transform: scale(0.9);"><div class="block group relative p-8 dnd-fantasy-card text-center h-full min-h-[400px] flex flex-col items-center justify-center border-2 border-black/20 shadow-2xl overflow-hidden hover:scale-[1.02] transition-transform duration-300"><div class="dnd-card-rune top-8 left-8 -rotate-12">ᚦ</div><div class="dnd-card-rune bottom-8 right-8 rotate-12">ᛉ</div><div class="dnd-ink-splatter w-8 h-8 top-1/4 right-8"></div><div class="dnd-ink-splatter w-4 h-4 bottom-1/3 left-12"></div><div class="absolute top-4 left-4 w-8 h-8 border-t-2 border-l-2 border-dnd-gold opacity-60 group-hover:opacity-100 transition-all duration-500"></div><div class="absolute top-4 right-4 w-8 h-8 border-t-2 border-r-2 border-dnd-gold opacity-60 group-hover:opacity-100 transition-all duration-500"></div><div class="absolute bottom-4 left-4 w-8 h-8 border-b-2 border-l-2 border-dnd-gold opacity-60 group-hover:opacity-100 transition-all duration-500"></div><div class="absolute bottom-4 right-4 w-8 h-8 border-b-2 border-r-2 border-dnd-gold opacity-60 group-hover:opacity-100 transition-all duration-500"></div><div class="mb-6 text-dnd-crimson group-hover:scale-110 transition-transform duration-500 relative z-10"><svg 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 font-playfairDisplay italic font-black text-dnd-crimson uppercase tracking-tighter mb-2 relative z-10">The Skulls in the Ceiling</h3><p class="text-xs font-arvo text-black/60 uppercase tracking-widest mb-4 font-bold relative z-10">Macabre Trophy</p><div class="h-px w-16 bg-dnd-crimson/20 mb-6"></div><p class="text-base font-arvo text-black/70 leading-relaxed line-clamp-4 relative z-10 px-4">The remains of Penta Kosnak's parents, hung openly from the chandelier of the Kosnak Estate as "rebel" trophies. Their true identity is the secret: Wulf tells the world they were assassins, and tells his wife nothing at all.</p><div class="mt-6 opacity-0 group-hover:opacity-100 transition-opacity duration-300 text-xs font-mono text-dnd-crimson uppercase tracking-widest">Inspect Item</div></div></div><div class="cursor-pointer" style="opacity: 0; transform: scale(0.9);"><div class="block group relative p-8 dnd-fantasy-card text-center h-full min-h-[400px] flex flex-col items-center justify-center border-2 border-black/20 shadow-2xl overflow-hidden hover:scale-[1.02] transition-transform duration-300"><div class="dnd-card-rune top-8 left-8 -rotate-12">ᚦ</div><div class="dnd-card-rune bottom-8 right-8 rotate-12">ᛉ</div><div class="dnd-ink-splatter w-8 h-8 top-1/4 right-8"></div><div class="dnd-ink-splatter w-4 h-4 bottom-1/3 left-12"></div><div class="absolute top-4 left-4 w-8 h-8 border-t-2 border-l-2 border-dnd-gold opacity-60 group-hover:opacity-100 transition-all duration-500"></div><div class="absolute top-4 right-4 w-8 h-8 border-t-2 border-r-2 border-dnd-gold opacity-60 group-hover:opacity-100 transition-all duration-500"></div><div class="absolute bottom-4 left-4 w-8 h-8 border-b-2 border-l-2 border-dnd-gold opacity-60 group-hover:opacity-100 transition-all duration-500"></div><div class="absolute bottom-4 right-4 w-8 h-8 border-b-2 border-r-2 border-dnd-gold opacity-60 group-hover:opacity-100 transition-all duration-500"></div><div class="mb-6 text-dnd-crimson group-hover:scale-110 transition-transform duration-500 relative z-10"><svg 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 font-playfairDisplay italic font-black text-dnd-crimson uppercase tracking-tighter mb-2 relative z-10">Nitrogen Booster (Batch #4)</h3><p class="text-xs font-arvo text-black/60 uppercase tracking-widest mb-4 font-bold relative z-10">Industrial Chemical</p><div class="h-px w-16 bg-dnd-crimson/20 mb-6"></div><p class="text-base font-arvo text-black/70 leading-relaxed line-clamp-4 relative z-10 px-4">A standard agricultural supplement. The empty canister of Batch #4 stands in Avalia's lab as a reminder of the night Willare reached for the wrong shelf.</p><div class="mt-6 opacity-0 group-hover:opacity-100 transition-opacity duration-300 text-xs font-mono text-dnd-crimson uppercase tracking-widest">Inspect Item</div></div></div><div class="cursor-pointer" style="opacity: 0; transform: scale(0.9);"><div class="block group relative p-8 dnd-fantasy-card text-center h-full min-h-[400px] flex flex-col items-center justify-center border-2 border-black/20 shadow-2xl overflow-hidden hover:scale-[1.02] transition-transform duration-300"><div class="dnd-card-rune top-8 left-8 -rotate-12">ᚦ</div><div class="dnd-card-rune bottom-8 right-8 rotate-12">ᛉ</div><div class="dnd-ink-splatter w-8 h-8 top-1/4 right-8"></div><div class="dnd-ink-splatter w-4 h-4 bottom-1/3 left-12"></div><div class="absolute top-4 left-4 w-8 h-8 border-t-2 border-l-2 border-dnd-gold opacity-60 group-hover:opacity-100 transition-all duration-500"></div><div class="absolute top-4 right-4 w-8 h-8 border-t-2 border-r-2 border-dnd-gold opacity-60 group-hover:opacity-100 transition-all duration-500"></div><div class="absolute bottom-4 left-4 w-8 h-8 border-b-2 border-l-2 border-dnd-gold opacity-60 group-hover:opacity-100 transition-all duration-500"></div><div class="absolute bottom-4 right-4 w-8 h-8 border-b-2 border-r-2 border-dnd-gold opacity-60 group-hover:opacity-100 transition-all duration-500"></div><div class="mb-6 text-dnd-crimson group-hover:scale-110 transition-transform duration-500 relative z-10"><svg 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 font-playfairDisplay italic font-black text-dnd-crimson uppercase tracking-tighter mb-2 relative z-10">"Last Breath" (Master Tape)</h3><p class="text-xs font-arvo text-black/60 uppercase tracking-widest mb-4 font-bold relative z-10">Cursed Recording</p><div class="h-px w-16 bg-dnd-crimson/20 mb-6"></div><p class="text-base font-arvo text-black/70 leading-relaxed line-clamp-4 relative z-10 px-4">The final recording of the band Hellbound. Legend says the frequency of the last chord was matched to the exact moment Galarian Freiton's heart stopped.</p><div class="mt-6 opacity-0 group-hover:opacity-100 transition-opacity duration-300 text-xs font-mono text-dnd-crimson uppercase tracking-widest">Inspect Item</div></div></div></div></section></div></main><footer class="relative mt-12 md:mt-24 border-t-2 border-dnd-gold bg-dnd-crimson/95 py-12 md:py-16 px-6 text-white"><div class="max-w-7xl mx-auto grid grid-cols-1 md:grid-cols-3 gap-8 md:gap-12 items-center text-center md:text-left"><div class="space-y-4"><div class="flex justify-center md:justify-start"><span class="text-4xl font-playfairDisplay font-black uppercase tracking-tighter dnd-gold-gradient-text">S & F</span></div><p class="font-arvo text-[10px] uppercase tracking-[0.4em] text-white/70">From Serfs and Frauds</p></div><div class="flex flex-col items-center gap-4 text-white"><svg 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">Jr Korpa</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(71.0816vw);"><div class="relative" style="transform: scaleX(-1.1589);"><div class="w-10 h-10 flex items-center justify-center rounded-lg border-2 bg-[#050505] border-[#10B981]/40 text-[#10B981] shadow-lg" style="transform: translateY(-1.88726px) rotate(-4.6087deg);"><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: translateY(-1.78549px);"></div><div class="w-3 h-2 rounded-full bg-current opacity-50" style="color: rgb(16, 185, 129); transform: translateY(-0.214509px);"></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\\/items","pageId":"\\/pages","routeParams":{"*":"stories\\/items"}}</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>