@import"https://fonts.googleapis.com/css2?family=Cinzel:wght@600;800;900&family=Permanent+Marker&family=Architects+Daughter&family=Caveat:wght@400;700&display=swap";:root{--bg: #0c0d0f;--bg-2: #15171b;--paper: #1c1f24;--paper-2: #262a31;--ink: #e9e6df;--ink-soft: #b9b4a8;--muted: #7a766d;--accent: #b8341d;--accent-2: #c9a25a;--stone: #3a3d42;--border: #0a0a0b}*{box-sizing:border-box}html,body,#root{margin:0;padding:0;min-height:100%;background:var(--bg);color:var(--ink);font-family:Architects Daughter,Comic Sans MS,cursive;font-size:20px}body{background-color:var(--bg);background-image:radial-gradient(1200px 600px at 15% -10%,rgba(184,52,29,.18),transparent 60%),radial-gradient(900px 500px at 90% 110%,rgba(201,162,90,.1),transparent 60%),radial-gradient(rgba(255,255,255,.035) 1px,transparent 1px),radial-gradient(rgba(255,255,255,.025) 1px,transparent 1px);background-size:auto,auto,3px 3px,6px 6px;background-position:0 0,0 0,0 0,1px 2px;background-attachment:fixed,fixed,scroll,scroll}h1,h2,h3,h4{font-family:Cinzel,Permanent Marker,serif;letter-spacing:.04em;color:var(--ink);margin:0;text-shadow:0 2px 0 rgba(0,0,0,.55),0 0 24px rgba(184,52,29,.12);text-transform:uppercase}a{color:var(--accent-2);text-decoration:none;border-bottom:2px dashed transparent}a:hover{border-bottom-color:var(--accent-2)}button{font-family:inherit}::selection{background:var(--accent);color:#fff}::-webkit-scrollbar{width:12px;height:12px}::-webkit-scrollbar-track{background:var(--bg-2)}::-webkit-scrollbar-thumb{background:var(--stone);border:2px solid var(--bg);border-radius:0}.target-cursor-wrapper{position:fixed;top:0;left:0;width:0;height:0;pointer-events:none;z-index:9999;transform:translate(-50%,-50%)}.target-cursor-dot{position:absolute;left:50%;top:50%;width:8px;height:8px;border-radius:50%;background:var(--accent);transform:translate(-50%,-50%)}.target-cursor-corner{position:absolute;left:50%;top:50%;width:14px;height:14px;border:3px solid var(--accent-2);border-radius:40% 60% 55% 45%/50% 45% 55% 50%}.corner-tl{transform:translate(-160%,-160%)}.corner-tr{transform:translate(60%,-160%)}.corner-br{transform:translate(60%,60%)}.corner-bl{transform:translate(-160%,60%)}.app{position:relative;min-height:100vh;overflow-x:hidden}.content{position:relative;z-index:2}.sketch{border:1px solid var(--stone);border-radius:4px;background:var(--paper);box-shadow:0 10px 30px #00000080,inset 0 0 0 1px #ffffff08}.nav{display:flex;align-items:center;justify-content:space-between;padding:18px 28px;border-bottom:1px solid var(--stone);background:#0c0d0fc7;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:sticky;top:0;z-index:10}.nav .brand{display:flex;align-items:center;gap:14px;font-family:Cinzel,serif;font-weight:800;font-size:22px;color:var(--ink);text-transform:uppercase;letter-spacing:.12em;border:none}.nav .brand:hover{border:none;color:var(--accent-2)}.nav .brand img{width:48px;height:48px;filter:drop-shadow(0 4px 10px rgba(0,0,0,.7)) grayscale(.05) contrast(1.1);transform:rotate(-4deg)}.nav ul{display:flex;gap:26px;list-style:none;padding:0;margin:0}.nav ul a{font-family:Cinzel,serif;font-weight:600;font-size:13px;color:var(--ink-soft);text-transform:uppercase;letter-spacing:.2em;border-bottom:1px solid transparent;padding-bottom:2px}.nav ul a:hover{color:var(--accent-2);border-bottom-color:var(--accent-2)}.btn,.cta{font-family:Cinzel,serif;font-weight:700;font-size:13px;text-transform:uppercase;letter-spacing:.18em;border:1px solid var(--accent-2);cursor:pointer;text-decoration:none;display:inline-block;border-radius:2px;transition:all .2s ease}.cta{color:#0c0d0f;background:var(--accent-2);padding:10px 18px;box-shadow:0 4px 18px #c9a25a40}.cta:hover{background:#d8b572;box-shadow:0 6px 24px #c9a25a73;border-bottom-color:var(--accent-2)}.cta:active{transform:translateY(1px)}.nav-actions{display:flex;align-items:center;gap:10px}.icon-btn{gap:6px;color:var(--ink-soft);background:transparent;border:1px solid var(--stone);cursor:pointer;text-decoration:none;font-family:Cinzel,serif;font-weight:600;font-size:12px;letter-spacing:.18em;text-transform:uppercase;padding:0 14px;height:40px;display:inline-flex;align-items:center;justify-content:center;border-radius:2px;transition:all .2s ease}.icon-btn:hover{color:var(--accent-2);border-color:var(--accent-2);background:#c9a25a0f;border-bottom-color:var(--accent-2)}.icon-btn:active{transform:translateY(1px)}.icon-btn.icon-only{width:40px;padding:0}.icon-btn.copy-ca{min-width:130px}.icon-btn.copied{background:var(--accent);color:#fff;border-color:var(--accent)}.icon-btn.disabled{opacity:.55}@media(max-width:780px){.nav-actions>.icon-btn.icon-only{display:none}}.hero{position:relative;padding:90px 28px 60px;max-width:1200px;margin:0 auto;display:grid;grid-template-columns:1.05fr 1fr;gap:50px;align-items:center}.hero h1{font-family:Cinzel,serif;font-weight:900;font-size:clamp(44px,8vw,96px);line-height:.95;margin-bottom:28px;letter-spacing:.02em}.hero h1 .scribble{color:var(--accent);display:inline-block;text-shadow:0 0 30px rgba(184,52,29,.5),0 4px 0 rgba(0,0,0,.6)}.hero p{font-family:Architects Daughter,cursive;font-size:20px;max-width:560px;color:var(--ink-soft);margin:0 0 28px;line-height:1.55}.hero p b{color:var(--accent-2);font-weight:700}.hero .actions{display:flex;gap:14px;flex-wrap:wrap}.btn{padding:14px 26px;font-size:13px}.btn-primary{background:var(--accent);color:#fff;border-color:var(--accent);box-shadow:0 6px 24px #b8341d66}.btn-primary:hover{background:#d23d22;box-shadow:0 10px 36px #b8341d99;border-bottom-color:var(--accent)}.btn-ghost{background:transparent;color:var(--ink);border-color:var(--stone)}.btn-ghost:hover{color:var(--accent-2);border-color:var(--accent-2);border-bottom-color:var(--accent-2)}.hero .logo-wrap{display:flex;justify-content:center;align-items:center;padding:24px;position:relative}.hero .logo-wrap:before{content:"";position:absolute;inset:10%;background:radial-gradient(circle,rgba(184,52,29,.35),transparent 65%);filter:blur(40px);z-index:0}.hero .logo-wrap img{position:relative;z-index:1;width:min(460px,100%);height:auto;filter:drop-shadow(0 30px 50px rgba(0,0,0,.85)) contrast(1.1);animation:breathe 6s ease-in-out infinite}@keyframes breathe{0%,to{transform:scale(1) rotate(-1deg)}50%{transform:scale(1.03) rotate(1deg)}}.marquee{width:100vw;margin-left:calc(50% - 50vw);margin-top:30px;overflow:hidden;border-top:1px solid var(--stone);border-bottom:1px solid var(--stone);background:linear-gradient(90deg,#0a0a0b,#1a1c20,#0a0a0b);padding:18px 0;font-family:Cinzel,serif;font-weight:700;font-size:18px;letter-spacing:.25em;text-transform:uppercase}.marquee-track{display:inline-block;white-space:nowrap;animation:marquee 60s linear infinite;will-change:transform}.marquee-track span{color:var(--ink-soft);margin-right:32px}.marquee-track span:after{content:"✦";color:var(--accent);margin-left:32px}@keyframes marquee{0%{transform:translate(0)}to{transform:translate(-50%)}}section{max-width:1200px;margin:0 auto;padding:80px 28px}section h2{font-family:Cinzel,serif;font-weight:900;font-size:clamp(32px,4.5vw,56px);margin-bottom:12px;display:inline-block;letter-spacing:.04em}section .sub{font-family:Architects Daughter,cursive;font-size:20px;color:var(--ink-soft);margin-bottom:36px}.grid-3{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:22px}.card{background:linear-gradient(180deg,var(--paper),var(--bg-2));border:1px solid var(--stone);border-radius:4px;box-shadow:0 12px 30px #00000080,inset 0 1px #ffffff0a;padding:28px;position:relative;transition:all .2s ease}.card:nth-child(2),.card:nth-child(3){transform:none}.card:hover{transform:translateY(-4px);border-color:var(--accent-2);box-shadow:0 18px 40px #0009,0 0 0 1px #c9a25a26}.card h3{font-family:Cinzel,serif;font-weight:800;font-size:18px;margin-bottom:14px;color:var(--accent-2);letter-spacing:.1em}.card p{font-family:Architects Daughter,cursive;font-size:18px;color:var(--ink-soft);line-height:1.5}.fee-callout{max-width:1200px;margin:0 auto;padding:0 28px}.fee-callout-inner{background:radial-gradient(800px 300px at 50% 0%,rgba(184,52,29,.35),transparent 60%),linear-gradient(180deg,#1a0d0a,#0a0506);color:#fff;border:1px solid var(--accent);border-radius:4px;box-shadow:0 30px 80px #b8341d40,inset 0 0 60px #b8341d26;padding:56px 28px;text-align:center}.fee-callout-inner h2{color:#fff;font-size:clamp(28px,4.5vw,48px);text-shadow:0 0 30px rgba(184,52,29,.6)}.fee-callout-inner .big{font-family:Cinzel,serif;font-weight:900;font-size:clamp(60px,14vw,180px);line-height:1;margin:18px 0;color:var(--accent);text-shadow:0 0 40px rgba(184,52,29,.7),0 6px 0 rgba(0,0,0,.5);letter-spacing:-.02em}.fee-callout-inner p{font-family:Architects Daughter,cursive;font-size:22px;margin:0 auto;max-width:720px;color:var(--ink-soft)}.footer{padding:50px 28px 70px;border-top:1px solid var(--stone);text-align:center;color:var(--muted);font-family:Cinzel,serif;font-size:12px;letter-spacing:.25em;text-transform:uppercase;margin-top:60px}.footer a{color:var(--accent-2)}@media(max-width:780px){.hero{grid-template-columns:1fr;padding:50px 18px 30px}.hero .logo-wrap{order:-1}.nav ul{display:none}section{padding:50px 18px}}.reddit-frame{display:block;position:relative;border:1px solid var(--stone);border-radius:4px;box-shadow:0 20px 60px #000000b3;background:var(--paper);overflow:hidden;transition:all .2s ease}.reddit-frame:hover{transform:translateY(-4px);border-color:var(--accent-2);box-shadow:0 28px 80px #000000d9;border-bottom-color:var(--accent-2)}.reddit-frame img{display:block;width:100%;height:auto;filter:contrast(1.05) saturate(.9) brightness(.92)}.reddit-caption{font-family:Cinzel,serif;font-weight:700;font-size:13px;padding:14px 20px;background:linear-gradient(180deg,var(--bg-2),var(--paper));color:var(--accent-2);border-top:1px solid var(--stone);letter-spacing:.2em;text-transform:uppercase}.chapters{display:flex;flex-direction:column;gap:32px;margin-top:12px}.chapter{display:grid;grid-template-columns:120px 1fr;gap:28px;align-items:center;background:linear-gradient(180deg,var(--paper),var(--bg-2));border:1px solid var(--stone);border-radius:4px;box-shadow:0 16px 40px #0000008c;padding:28px 32px;transition:all .2s ease}.chapter.left,.chapter.right{transform:none}.chapter:hover{transform:translateY(-3px);border-color:var(--accent-2);box-shadow:0 22px 50px #000000b3,0 0 0 1px #c9a25a26}.chapter-num{font-family:Cinzel,serif;font-weight:900;font-size:clamp(56px,9vw,110px);line-height:1;color:transparent;-webkit-text-stroke:2px var(--accent);text-shadow:0 0 30px rgba(184,52,29,.4);display:flex;align-items:center;justify-content:center}.chapter-year{display:inline-block;font-family:Cinzel,serif;font-weight:700;font-size:11px;padding:5px 12px;background:transparent;color:var(--accent-2);border:1px solid var(--accent-2);border-radius:2px;margin-bottom:12px;letter-spacing:.25em;text-transform:uppercase}.chapter h3{font-family:Cinzel,serif;font-weight:800;font-size:22px;margin-bottom:12px;color:var(--ink);letter-spacing:.08em}.chapter p{font-family:Architects Daughter,cursive;font-size:19px;color:var(--ink-soft);line-height:1.55;margin:0}.chapter:has(.chapter-img){grid-template-columns:120px 1fr 260px}.chapter-img{display:flex;align-items:center;justify-content:center}.chapter-img img{width:100%;height:auto;max-height:280px;object-fit:cover;border:1px solid var(--stone);border-radius:4px;box-shadow:0 16px 40px #000000b3;filter:contrast(1.08) brightness(.95)}@media(max-width:720px){.chapter,.chapter:has(.chapter-img){grid-template-columns:1fr;gap:14px;padding:22px}.chapter-num{font-size:70px;justify-content:flex-start}.chapter-img img{max-height:320px}}.lore-gallery{margin-top:28px;display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.lore-gallery img{width:100%;height:100%;aspect-ratio:1 / 1;object-fit:cover;border:1px solid var(--stone);border-radius:4px;box-shadow:0 16px 40px #000000b3;filter:contrast(1.08) brightness(.92) saturate(.85);transition:transform .4s ease,filter .4s ease}.lore-gallery img:hover{transform:translateY(-4px) scale(1.02);filter:contrast(1.15) brightness(1) saturate(1)}@media(max-width:720px){.lore-gallery{grid-template-columns:1fr}}