﻿:root{--color-black: #0a0a0a;--color-dark-gray: #1a1a1a;--color-medium-gray: #2a2a2a;--color-light-gray: #a0a0a0;--color-off-white: #e8e6e3;--color-green-neon: #39ff14;--color-rust-orange: #d4572a;--color-contaminated-yellow: #e8b923;--color-blood-red: #8b0000;--color-red-neon: #D22730;--paper: #e8dcc8;--paper-dark: #d4c4a0;--paper-old: #c9b48a;--ink: #2a1f0e;--ink-faded: #5c4a2e;--ink-very: #8a7050;--rust: #8b3a1a;--rust-dim: #6b2e14;--rust-pale: #c4622a;--blood: #5c1a1a;--mold: #4a5c2e;--tape: rgba(220,200,140,0.6);--alive: #4a8a2a;--dead: #cc2020;--f-hand: "Caveat", cursive;--f-type: "Special Elite", "Courier New", monospace;--f-body: "IM Fell English", "Georgia", serif;--f-mono: "Courier Prime", monospace;--spacing-xs: 8px;--spacing-sm: 16px;--spacing-md: 24px;--spacing-lg: 32px;--spacing-xl: 48px;--font-mono: "JetBrains Mono", monospace;--font-sans: "Inter", sans-serif;--transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);--glow: 0 0 10px rgba(57, 255, 20, 0.3);--shadow: 0 4px 6px rgba(0, 0, 0, 0.5)}.story{padding:5px;font-family:"Story Script",sans-serif;font-weight:400;font-style:normal;font-size:26px}*{box-sizing:border-box}body{font-family:var(--font-sans);background-color:var(--color-black);color:var(--color-off-white);line-height:1.7;margin:0;padding:0;position:relative;overflow-x:hidden}h1,h2,h3,h4,h5,h6{font-family:var(--font-mono);font-weight:700;line-height:1.2;margin-top:0;color:var(--color-off-white)}H1 a{color:var(--color-off-white)}h1{font-size:2.5rem}h2{font-size:2rem}h3{font-size:1.5rem}h4{font-size:1.25rem}h5{font-size:1.125rem}h6{font-size:1rem}p{margin-bottom:1.5rem}.post-card{background:var(--color-dark-gray);border-left:3px solid var(--color-green-neon);padding:var(--spacing-xs);margin-bottom:var(--spacing-md);transition:var(--transition)}.post-card.dead{border-left:3px solid var(--color-red-neon)}.post-card.dead img{filter:grayscale(1)}.post-card:hover{transform:translateY(-4px);box-shadow:0 6px 20px rgba(57,255,20,.2)}.post-card.dead:hover{box-shadow:0 6px 20px var(--color-blood-red)}.post-card.dead h4::after{content:" ✝"}@media screen and (max-width: 640px){h1{font-size:2rem}h2{font-size:1.5rem}}.card-image{display:block;width:100%;height:auto;transition:transform .5s ease;}.card-overlay{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);text-align:center;color:#fff;background:rgba(0,0,0,.5);padding:10px 15px;border-radius:6px;width:100%;transition:background .5s ease,transform .5s ease}.card.post-card:hover .card-image{transform:scale(1.1);}.card.post-card:hover .card-overlay{background:rgba(0,0,0,.8);transform:translate(-50%, -50%) scale(1.05);}*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:#1a1410;background-image:radial-gradient(ellipse at 20% 50%, #0f0c08 0%, rgba(0,0,0,0) 60%),radial-gradient(ellipse at 80% 20%, #140e08 0%, rgba(0,0,0,0) 50%);min-height:100vh;font-family:var(--f-body);color:var(--ink);overflow-x:hidden}body::before{content:"";position:fixed;inset:0;z-index:0;pointer-events:none;opacity:.15;background-image:url("data:image/svg+xml,<svg viewBox='0 0 512 512' xmlns='http://www.w3.org/2000/svg'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>");background-size:256px}.site-nav{position:sticky;top:0;z-index:50;padding:.6rem 2rem;background:rgba(15,10,6,.92);backdrop-filter:blur(12px);border-bottom:1px solid rgba(139,58,26,.3);display:flex;align-items:center;gap:1.5rem}.site-nav .nav-back{font-family:var(--f-type);font-size:.75rem;letter-spacing:.15em;text-transform:uppercase;color:var(--rust-pale);text-decoration:none;opacity:.7;transition:opacity .2s}.site-nav .nav-back:hover{opacity:1}.site-nav .nav-title{font-family:var(--f-hand);font-size:1.1rem;color:rgba(232,220,200,.5)}.site-nav.nav--centered{justify-content:center}.site-nav.nav--centered .nav-back{opacity:1;font-size:.9rem}.page{position:relative;z-index:1;max-width:760px;margin:0 auto;padding:3rem 0 6rem}.paper-card{position:relative;background:var(--paper);padding:3.5rem 3.5rem 4rem;box-shadow:0 0 0 1px rgba(0,0,0,.15),0 4px 20px rgba(0,0,0,.5),0 20px 80px rgba(0,0,0,.4),inset 0 0 60px rgba(139,100,50,.12)}@media (max-width: 600px){.paper-card{padding:2rem 1.5rem 3rem;clip-path:none}}.paper-card::before{content:"";position:absolute;inset:0;pointer-events:none;z-index:0;background:radial-gradient(ellipse 120px 80px at 88% 8%, rgba(100,60,20,.12) 0%, rgba(0,0,0,0) 70%),radial-gradient(ellipse 200px 150px at -5% 90%, rgba(80,70,50,.18) 0%, rgba(0,0,0,0) 70%),radial-gradient(circle 30px at 20% 35%, rgba(100,75,40,.08) 0%, rgba(0,0,0,0) 70%),radial-gradient(circle 50px at 70% 60%, rgba(90,65,35,.07) 0%, rgba(0,0,0,0) 70%),radial-gradient(circle 20px at 45% 80%, rgba(110,80,40,.1) 0%, rgba(0,0,0,0) 70%)}.paper-card::after{content:"";position:absolute;inset:0;pointer-events:none;z-index:0;background-image:repeating-linear-gradient(rgba(0,0,0,0), rgba(0,0,0,0) 27px, rgba(139,100,60,.12) 27px, rgba(139,100,60,.12) 28px);background-position:0 84px}.rust-stain{position:absolute;border-radius:50%;pointer-events:none;z-index:1;mix-blend-mode:multiply}.rust-stain--1{width:80px;height:60px;top:15px;right:40px;background:radial-gradient(ellipse, rgba(101,50,20,.35) 0%, rgba(101,50,20,.1) 50%, rgba(0,0,0,0) 75%);transform:rotate(-15deg)}.rust-stain--2{width:40px;height:40px;top:50%;left:15px;background:radial-gradient(circle, rgba(80,40,15,.25) 0%, rgba(0,0,0,0) 70%)}.rust-stain--blood{width:15px;height:12px;bottom:20%;right:8%;background:radial-gradient(ellipse, rgba(92,26,26,.6) 0%, rgba(0,0,0,0) 70%);transform:rotate(20deg) skew(10deg)}.tape{position:absolute;background:var(--tape);border:1px solid rgba(200,180,120,.3);box-shadow:inset 0 0 8px rgba(150,120,60,.2);z-index:10;pointer-events:none}.tape--h{height:26px;top:-10px;left:50%;transform:translateX(-50%) rotate(-1.5deg);width:120px}.journal-header{position:relative;z-index:2;display:flex;align-items:flex-start;gap:2.5rem;margin-bottom:2.5rem;padding-bottom:2rem;border-bottom:1px solid rgba(80,60,30,.3)}.character-portrait{flex-shrink:0;position:relative;width:110px;}.character-portrait img{width:110px;height:140px;object-fit:cover;object-position:top;filter:sepia(40%) contrast(1.1) brightness(.9);border:2px solid rgba(80,60,30,.4);box-shadow:3px 3px 0 rgba(0,0,0,.2)}.character-portrait.dead img{filter:grayscale(1) sepia(50%) contrast(1.2) brightness(.8)}.character-portrait::before{content:"";position:absolute;top:-5px;left:-5px;width:20px;height:20px;border-top:2px solid var(--rust-pale);border-left:2px solid var(--rust-pale);opacity:.6}.character-portrait::after{content:"";position:absolute;bottom:-5px;right:-5px;width:20px;height:20px;border-bottom:2px solid var(--rust-pale);border-right:2px solid var(--rust-pale);opacity:.6}.character-info{flex:1}.character-info>p{font-family:var(--f-body);font-size:.98rem;line-height:1.75;color:var(--ink-faded);font-style:italic;max-width:50ch}.character-info>p em{color:var(--ink);font-weight:bold}.character-name{font-family:var(--f-hand);font-size:2.8rem;font-weight:700;color:var(--ink);line-height:1;margin-bottom:.4rem;text-shadow:1px 1px 0 rgba(42,31,14,.3)}.character-stamp{display:inline-block;font-family:var(--f-type);font-size:.65rem;letter-spacing:.2em;text-transform:uppercase;color:var(--alive);border:1.5px solid var(--alive);padding:.2em .6em;opacity:.75;transform:rotate(-2deg);margin-bottom:.5rem}.character-stamp.dead{color:var(--dead);border-color:var(--dead)}.character-stamp.dead::after{content:" ✝"}.journal-toc{position:relative;z-index:2;margin-bottom:3rem;background:rgba(180,150,90,.15);border-left:3px solid var(--rust);padding:1.2rem 1.5rem}.journal-toc h3{font-family:var(--f-type);font-size:.7rem;letter-spacing:.25em;text-transform:uppercase;color:var(--rust-dim);margin-bottom:.75rem}.journal-toc ul{list-style:none;display:flex;flex-wrap:wrap;gap:.3rem 0}.journal-toc li{width:100%}.journal-toc a{font-family:var(--f-hand);font-size:1rem;color:var(--ink-faded);text-decoration:none;display:flex;align-items:center;gap:.5rem;padding:.15rem 0;transition:color .2s}.journal-toc a::before{content:"→";color:var(--rust);font-size:.85rem;opacity:.6}.journal-toc a:hover{color:var(--ink)}.journal-title{position:relative;z-index:2;font-family:var(--f-hand);font-size:2.2rem;font-weight:700;color:var(--ink);margin-bottom:2.5rem;display:flex;align-items:center;gap:1rem}.journal-title::after{content:"";flex:1;height:1.5px;background:linear-gradient(to right, rgba(80,60,30,.5), rgba(0,0,0,0))}.entry{position:relative;z-index:2;margin-bottom:3.5rem}.entry+.entry{padding-top:2.5rem;border-top:1px dashed rgba(80,60,30,.35)}.entry-header{margin-bottom:1.25rem;display:flex;align-items:baseline;gap:1rem;flex-wrap:wrap}.entry-date{font-family:var(--f-type);font-size:.72rem;letter-spacing:.2em;color:var(--ink-very);text-transform:uppercase;opacity:.8}.entry-title{font-family:var(--f-hand);font-size:1.7rem;font-weight:600;color:var(--ink);line-height:1.2;flex:1}.entry-read-link{font-family:var(--f-type);font-size:.68rem;letter-spacing:.15em;text-transform:uppercase;color:var(--rust-pale);text-decoration:none;border:1px solid rgba(196,98,42,.4);padding:.3em .7em;transition:all .2s;white-space:nowrap}.entry-read-link:hover{background:rgba(196,98,42,.12);border-color:var(--rust-pale)}.entry-body{font-family:var(--f-body);font-size:1rem;line-height:1.85;color:var(--ink-faded);text-align:justify;}.entry-body p{margin-bottom:1rem}.entry-body p:last-child{margin-bottom:0}.entry-body strong{color:var(--ink);font-style:italic}.entry-body em{color:var(--ink);font-weight:bold;font-style:italic}.entry-body.has-dropcap>p:first-child::first-letter{font-family:var(--f-hand);font-size:3.8rem;font-weight:700;float:left;line-height:.75;padding-right:.1em;padding-top:.05em;color:var(--rust)}.annotation{font-family:var(--f-hand);font-size:.85rem;color:var(--rust-dim);transform:rotate(-1.5deg);display:inline-block;margin-left:.5em;opacity:.75}.crossed{text-decoration:line-through;text-decoration-color:var(--rust);text-decoration-thickness:2px;color:var(--ink-very)}.divider{position:relative;z-index:2;display:flex;align-items:center;gap:1rem;margin:2.5rem 0;opacity:.4}.divider::before,.divider::after{content:"";flex:1;height:1px;background:var(--ink-faded)}.divider span{font-family:var(--f-hand);font-size:1.2rem;color:var(--rust-dim)}.divider:last-of-type{display:none}.pinned-note{position:absolute;top:2rem;right:-1.5rem;width:160px;background:#f0e0a0;padding:1rem 1rem 1.5rem;box-shadow:3px 4px 12px rgba(0,0,0,.3);transform:rotate(3.5deg);z-index:20;font-family:var(--f-hand);font-size:.85rem;color:var(--ink-faded);line-height:1.5;text-align:center}.pinned-note::before{content:"📌";position:absolute;top:-12px;left:50%;transform:translateX(-50%);font-size:1.2rem}@media (max-width: 700px){.pinned-note{display:none}}.page-footer{text-align:center;padding-top:3rem;position:relative;z-index:1}.page-footer a{font-family:var(--f-type);font-size:.7rem;letter-spacing:.2em;text-transform:uppercase;color:rgba(196,98,42,.5);text-decoration:none;transition:color .2s}.page-footer a:hover{color:var(--rust-pale)}.paper-card{animation:paperReveal .8s cubic-bezier(.16, 1, .3, 1) both}@keyframes paperReveal{from{opacity:0;transform:translateY(20px) rotate(.3deg)}to{opacity:1;transform:translateY(0) rotate(0)}}.entry{opacity:0;animation:entryReveal .6s cubic-bezier(.16, 1, .3, 1) forwards}.entry:nth-child(1){animation-delay:.15s}.entry:nth-child(2){animation-delay:.25s}.entry:nth-child(3){animation-delay:.35s}.entry:nth-child(4){animation-delay:.45s}.entry:nth-child(5){animation-delay:.55s}@keyframes entryReveal{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 600px){.journal-header{flex-direction:column;align-items:center;text-align:center}.character-info>p{max-width:100%}.entry-header{flex-direction:column;gap:.4rem}.paper-card{padding:2rem 1.25rem 3rem}}tbody,thead,tfoot{border:none;background-color:inherit}thead{border-bottom:1px solid var(--ink)}tbody tr{border-top:1px solid var(--ink-faded)}tbody tr:nth-child(2n){background-color:inherit}tbody tr td:first-of-type{border-right:1px solid var(--ink)}