@import "https://fonts.googleapis.com/css2?family=Press+Start+2P&family=VT323&display=swap";:root{--bg:#0c0e14;--bg-panel:#161a24;--bg-panel-raised:#1e2330;--stone:#2b2f3d;--stone-light:#3d4356;--ink:#cfd0c9;--ink-dim:#8b8d8f;--ink-faint:#4d4f56;--frame-light:#e6e2d3;--frame-dark:#05060a;--hp:#e6394a;--mp:#4fc3d9;--gold:#f2b84b;--font-display:"Press Start 2P", monospace;--font-body:"VT323", monospace;--font-pixel:"Press Start 2P", monospace;--font-mono:"VT323", monospace}*{box-sizing:border-box}html{background:var(--bg);color-scheme:dark}body{background:var(--bg);min-height:100vh;color:var(--ink);font-family:var(--font-body);margin:0;font-size:1.3rem;line-height:1.6;position:relative}body:before{content:"";pointer-events:none;z-index:1;background:radial-gradient(at 50% 0,#4fc3d90d,#0000 55%),radial-gradient(at 50% 100%,#0000 35%,#000c 100%);position:fixed;inset:0}body:after{content:"";pointer-events:none;z-index:2;opacity:.55;mix-blend-mode:multiply;background:repeating-linear-gradient(#0000 0,#00000026 1px,#0000 3px);position:fixed;inset:0}.grain{pointer-events:none;z-index:3;opacity:.06;mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");position:fixed;inset:-100px}h1,h2,h3,h4{font-family:var(--font-display);letter-spacing:0;color:var(--frame-light);text-shadow:2px 2px #000000d9;font-weight:400;line-height:1.6}h1{font-size:clamp(1.1rem,4.2vw,2rem)}h2{font-size:clamp(.9rem,3.2vw,1.3rem)}h3{font-size:clamp(.8rem,2.6vw,1.05rem)}a{color:var(--mp);text-underline-offset:3px;text-decoration:underline dotted;transition:color .1s steps(2,end),text-decoration-style .1s steps(2,end)}a:hover{color:var(--gold);text-decoration-style:solid}p{color:var(--ink)}blockquote{border-left:3px solid var(--mp);color:var(--ink-dim);margin:1.5em 0;padding:.2em 1.2em}code,pre{font-family:var(--font-mono);font-size:1.05em}pre{background:var(--bg-panel);border:2px solid var(--stone-light);border-radius:0;padding:1em;overflow-x:auto;box-shadow:3px 3px #000000b3}hr{border:none;border-top:2px dashed var(--stone);margin:2.5em 0}hr.rune{text-align:center;background:0 0;border:none;max-width:320px;height:1.4em;margin:2.5em auto}.wrap{z-index:4;max-width:760px;margin:0 auto;padding:0 1.5rem;position:relative}.site-header{border-bottom:2px solid var(--stone);background:linear-gradient(to bottom, var(--bg-panel), transparent);z-index:4;position:relative}.site-header .wrap{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;padding-top:1.6rem;padding-bottom:1.6rem;display:flex}.brand{font-family:var(--font-display);color:var(--frame-light);text-shadow:2px 2px #000000d9;align-items:center;gap:.6rem;font-size:clamp(.6rem,2.4vw,.95rem);line-height:1.4;display:flex}.brand .skull-icon{color:var(--frame-light);flex-shrink:0;width:1.6em;height:1.6em}.brand .skull-icon .eye{fill:var(--mp)}nav.main-nav{font-family:var(--font-pixel);text-transform:uppercase;letter-spacing:.02em;gap:1.6rem;font-size:.6rem;display:flex}nav.main-nav a{color:var(--ink-dim);padding:.4rem 0 .4rem 1em;text-decoration:none;position:relative}nav.main-nav a:before{content:"▸";color:var(--gold);opacity:0;position:absolute;left:0}nav.main-nav a:hover,nav.main-nav a[aria-current=page]{color:var(--gold)}nav.main-nav a:hover:before,nav.main-nav a[aria-current=page]:before{opacity:1}main{z-index:4;padding:3rem 0 5rem;position:relative}.site-footer{border-top:2px solid var(--stone);z-index:4;padding:2rem 0 3rem;position:relative}.site-footer .wrap{font-family:var(--font-mono);color:var(--ink-faint);flex-wrap:wrap;justify-content:space-between;gap:.75rem;font-size:1rem;display:flex}.panel{background-color:var(--bg-panel);border:3px solid var(--frame-light);box-shadow:0 0 0 3px var(--bg), 0 0 0 6px var(--stone-light), 6px 6px 0 #0009;background-image:radial-gradient(circle, var(--gold) 1.4px, transparent 1.6px), radial-gradient(circle, var(--gold) 1.4px, transparent 1.6px), radial-gradient(circle, var(--gold) 1.4px, transparent 1.6px), radial-gradient(circle, var(--gold) 1.4px, transparent 1.6px);background-position:10px 10px,calc(100% - 10px) 10px,10px calc(100% - 10px),calc(100% - 10px) calc(100% - 10px);background-repeat:no-repeat;background-size:3px 3px;margin:6px 6px 12px 0;padding:2rem;position:relative}.post-list{flex-direction:column;gap:.2rem;margin:0;padding:0;list-style:none;display:flex}.post-list li{border-bottom:2px dashed var(--stone);margin:0 -.6rem;padding:.8rem .6rem 1.4rem;transition:background-color .1s step-end}.post-list li:hover{background-color:#4fc3d912}.post-list li:last-child{border-bottom:none}.post-meta{font-family:var(--font-mono);color:var(--ink-faint);text-transform:uppercase;letter-spacing:.05em;font-size:1rem}.post-title-link{text-decoration:none}.post-title-link h2{margin:.3rem 0 .5rem;padding-left:1.1em;position:relative}.post-title-link h2:before{content:"▸";color:var(--gold);opacity:0;position:absolute;left:0}.post-list li:hover .post-title-link h2:before{opacity:1}.post-title-link:hover h2,.post-title-link:hover{text-decoration:none}.tag{font-family:var(--font-pixel);color:var(--bg);background:var(--mp);border:2px solid var(--frame-dark);text-transform:uppercase;letter-spacing:.02em;margin:.3rem .5rem .3rem 0;padding:.35rem .5rem;font-size:.5rem;display:inline-block;box-shadow:2px 2px #0009}.back-link{font-family:var(--font-mono);color:var(--ink-dim);margin-bottom:2rem;font-size:1.05rem;text-decoration:none;display:inline-block}.back-link:hover{color:var(--gold)}.hero{text-align:center;padding:2rem 0 3rem}.hero .sigil{letter-spacing:.6em;color:var(--gold);text-indent:.6em;margin-bottom:1rem;font-size:1.4rem}.hero p.tagline{font-family:var(--font-mono);color:var(--ink-dim);letter-spacing:.02em;font-size:1.15rem}.hero p.tagline:after{content:"▮";color:var(--gold);margin-left:.4em;animation:1s step-end infinite blink}@keyframes blink{50%{opacity:0}}.prose :is(h1,h2,h3){margin-top:2em}.prose img{border:2px solid var(--stone-light);filter:contrast(1.05)saturate(.9);max-width:100%}
