:root{--black:#020100;--coal:#080302;--blood:#8f160d;--ember:#e43714;--orange:#ff6a18;--gold:#ffc45a;--bone:#ead9c5;--ash:#9d8775;--line:rgba(160,35,18,.42);--glow:0 0 12px rgba(255,67,18,.7),0 0 36px rgba(255,34,0,.28)}
*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--black)}body{margin:0;color:var(--bone);font-family:Georgia,"Times New Roman",serif;background:radial-gradient(circle at 50% 0,rgba(130,21,8,.22),transparent 32rem),linear-gradient(#030100,#100402 52%,#030100);min-height:100vh;overflow-x:hidden}
body:before{content:"";position:fixed;inset:0;z-index:20;pointer-events:none;opacity:.14;mix-blend-mode:screen;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.92' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.35'/%3E%3C/svg%3E")}
.embers{position:fixed;inset:auto 0 0;height:22rem;pointer-events:none;background:radial-gradient(ellipse at 50% 115%,rgba(255,66,8,.32),rgba(120,8,0,.1) 42%,transparent 68%);filter:blur(18px);animation:breathe 3.5s ease-in-out infinite alternate}@keyframes breathe{to{opacity:.58;transform:scaleY(1.08)}}
.site-head{position:sticky;top:0;z-index:10;display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:.9rem clamp(1rem,5vw,4rem);background:linear-gradient(180deg,rgba(4,1,0,.98),rgba(4,1,0,.83));border-bottom:1px solid #3f0c06;backdrop-filter:blur(10px)}
.brand{color:#f04a24;text-decoration:none;text-transform:uppercase;letter-spacing:.14em;font-family:Impact,Haettenschweiler,"Arial Narrow Bold",sans-serif;font-size:clamp(1.15rem,2vw,1.7rem);text-shadow:var(--glow)}.head-links{display:flex;gap:.55rem;flex-wrap:wrap;justify-content:flex-end}.head-links a,.button{color:#ead2bd;background:rgba(23,5,2,.8);border:1px solid #68160c;border-radius:999px;padding:.65rem .95rem;text-decoration:none;text-transform:uppercase;letter-spacing:.12em;font:800 .7rem Arial,sans-serif;transition:.2s}.head-links a:hover,.button:hover{color:#fff;border-color:#e8421d;box-shadow:0 0 18px rgba(255,49,5,.35);transform:translateY(-2px)}
.hero{position:relative;min-height:62vh;display:grid;place-items:end center;padding:7rem 1.25rem 4.5rem;text-align:center;background:linear-gradient(180deg,rgba(0,0,0,.16),rgba(0,0,0,.78)),url('assets/hells-tales/cover-demon.png') center 25%/cover}.hero:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 50% 32%,transparent 15%,rgba(0,0,0,.78) 85%)}.hero-copy{position:relative;z-index:1;max-width:920px}.eyebrow{color:#f05a30;text-transform:uppercase;letter-spacing:.24em;font:800 .72rem Arial,sans-serif}.hero h1{margin:.45rem 0;color:#f04420;text-transform:uppercase;font:clamp(3rem,9vw,7.8rem)/.9 Impact,Haettenschweiler,"Arial Narrow Bold",sans-serif;letter-spacing:.025em;text-shadow:var(--glow)}.hero p{max-width:760px;margin:1rem auto 0;color:#e0bea4;font-size:clamp(1rem,2vw,1.22rem);line-height:1.7}
.forbidden-map{position:relative;z-index:3;padding:clamp(1.2rem,3vw,2.8rem);background:radial-gradient(circle at 50% 35%,#2b0703,#030100 72%);border-bottom:1px solid #491008}.map-warning{max-width:900px;margin:0 auto 1.2rem;text-align:center}.map-warning .eyebrow{color:#ff5c2d}.map-warning h1{margin:.25rem 0;color:#e84a25;text-transform:uppercase;letter-spacing:.055em;font:clamp(2.5rem,7vw,6rem)/.92 Impact,Haettenschweiler,"Arial Narrow Bold",sans-serif;text-shadow:var(--glow)}.map-warning p{margin:.8rem auto 0;max-width:740px;color:#bd8d73;line-height:1.65;font-style:italic}.map-frame{position:relative;max-width:1500px;margin:auto;isolation:isolate;overflow:hidden;background:#050100;box-shadow:0 0 0 1px #5b160b,0 0 70px rgba(174,27,5,.24)}.map-frame:before{content:"ARCHIVE SEAL BROKEN · KNOWLEDGE OF THIS CHART IS FORBIDDEN";position:absolute;z-index:4;top:1.4%;left:50%;transform:translateX(-50%);width:max-content;max-width:92%;padding:.5rem .8rem;color:#ff8c61;background:rgba(25,1,0,.86);border:1px solid #b52f17;text-align:center;letter-spacing:.16em;font:800 clamp(.5rem,1vw,.72rem) Arial,sans-serif;box-shadow:0 0 20px rgba(255,48,8,.45);transition:opacity 1.5s ease,filter 1.5s ease}.map-frame img{display:block;width:100%;height:auto;filter:saturate(.9) contrast(1.08);transition:opacity 2.8s ease,filter 2.8s ease}.map-video{position:absolute;inset:0;z-index:2;width:100%;height:100%;object-fit:cover;opacity:0;filter:contrast(1.08) saturate(1.08);transition:opacity 2.8s ease}.map-burning img{opacity:0;filter:saturate(1.45) contrast(1.25) brightness(.55)}.map-burning .map-video{opacity:1}.map-burning .map-label,.map-burning:before{opacity:0;filter:blur(8px);pointer-events:none}.map-burned .map-video{filter:contrast(1.14) saturate(1.16) brightness(.82)}.map-label{position:absolute;z-index:3;transform:translate(-50%,-50%);padding:.48rem .68rem;min-width:max-content;color:#f5d2b8;background:rgba(13,2,1,.88);border:1px solid #a12b16;text-decoration:none;text-transform:uppercase;letter-spacing:.11em;font:800 clamp(.46rem,1.05vw,.76rem) Arial,sans-serif;box-shadow:0 0 16px rgba(255,53,12,.35),inset 0 0 12px #000;transition:opacity 1.5s ease,filter 1.5s ease,transform .2s,border-color .2s,box-shadow .2s,color .2s}.map-label:hover,.map-label:focus-visible{color:#fff;border-color:#ff7944;transform:translate(-50%,-50%) scale(1.06);box-shadow:0 0 25px rgba(255,68,17,.7)}.map-label:after{content:"";position:absolute;top:100%;left:50%;height:clamp(.7rem,2vw,1.8rem);border-left:1px solid #db4c2c}.place-gate{left:25%;top:18%}.place-tribunal{left:45%;top:20%}.place-city{left:70%;top:21%}.place-scriptorium{left:19%;top:79%}.place-wastes{left:55%;top:84%}.place-border{left:86%;top:63%}.map-legend{max-width:1100px;margin:1rem auto 0;display:flex;justify-content:center;gap:.55rem;flex-wrap:wrap;color:#76594b;font:700 .62rem Arial,sans-serif;text-transform:uppercase;letter-spacing:.1em}.map-legend span:before{content:"◆";margin-right:.35rem;color:#9d2d19}
.content{position:relative;z-index:2;width:min(1120px,calc(100% - 2rem));margin:0 auto;padding:4rem 0 8rem}.intro{max-width:800px;margin:0 auto 3rem;text-align:center;color:#bda08b;font-size:1.08rem;line-height:1.8}.grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.2rem}.panel{position:relative;padding:1.6rem;border:1px solid var(--line);background:linear-gradient(145deg,rgba(25,5,2,.9),rgba(4,1,0,.88));box-shadow:inset 0 0 30px rgba(0,0,0,.58),0 14px 45px rgba(0,0,0,.32)}.panel:before{content:"";position:absolute;top:0;left:1.5rem;width:4.5rem;height:2px;background:var(--ember);box-shadow:var(--glow)}.panel h2{margin:.35rem 0 .8rem;color:#efbd98;font-size:1.45rem}.panel p,.panel li{color:#a9917f;line-height:1.7}.panel strong{color:#e8c4a7}.panel blockquote{margin:1rem 0 0;padding:1rem 1.2rem;border-left:2px solid var(--ember);color:#d5ad91;background:rgba(120,20,7,.1);font-style:italic;line-height:1.7}.tag{display:inline-block;margin:.25rem .2rem .25rem 0;padding:.38rem .58rem;border:1px solid #4d120b;color:#d66743;text-transform:uppercase;letter-spacing:.1em;font:700 .64rem Arial,sans-serif}.wide{grid-column:1/-1}.archive-nav{margin-top:3rem;padding-top:1.5rem;border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:1rem;align-items:center}.archive-nav a{color:#dc7554;text-decoration:none}.archive-nav a:hover{color:#ffc092}.sigil{color:#e84a26;font-size:2rem;text-shadow:var(--glow)}footer{position:relative;z-index:2;text-align:center;padding:2rem;color:#70594c;border-top:1px solid #2f0905;font:700 .65rem Arial,sans-serif;text-transform:uppercase;letter-spacing:.16em}
.story-page-shell{position:relative;z-index:2;width:min(1180px,calc(100% - 2rem));margin:0 auto;padding:4rem 0 7rem}.story-hero{min-height:70vh;display:grid;align-items:end;padding:8rem 1.25rem 5rem;background:radial-gradient(circle at 76% 22%,rgba(244,63,20,.24),transparent 25rem),linear-gradient(180deg,rgba(2,1,0,.2),rgba(2,1,0,.76)),url('assets/hells-tales/cover-demon.png') center 25%/cover}.story-hero-inner{width:min(1020px,calc(100% - 2rem));margin:0 auto}.story-hero h1{margin:.35rem 0;color:#f04420;text-transform:uppercase;font:clamp(3rem,9vw,7.4rem)/.9 Impact,Haettenschweiler,"Arial Narrow Bold",sans-serif;letter-spacing:.025em;text-shadow:var(--glow)}.story-hero p{max-width:760px;margin:1rem 0 0;color:#e0bea4;font-size:clamp(1rem,2vw,1.2rem);line-height:1.7}.story-stage{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:1.25rem;align-items:start}.story-manuscript{position:relative;padding:clamp(1.4rem,4vw,3rem);border:1px solid rgba(226,62,26,.42);background:linear-gradient(145deg,rgba(25,5,2,.94),rgba(5,1,0,.9));box-shadow:inset 0 0 55px rgba(0,0,0,.58),0 22px 70px rgba(0,0,0,.45);overflow:hidden}.story-manuscript:before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 20% 0,rgba(255,95,31,.13),transparent 20rem),linear-gradient(90deg,rgba(255,80,20,.04),transparent 18%,transparent 82%,rgba(255,80,20,.04));mix-blend-mode:screen}.chapter-mark{position:relative;color:#ff6835;text-transform:uppercase;letter-spacing:.24em;font:800 .72rem Arial,sans-serif}.story-body{position:relative;margin-top:1.2rem;color:#d9b89d;font-size:clamp(1.04rem,1.8vw,1.22rem);line-height:1.88}.story-body p{margin:0 0 1.25rem}.story-body p:first-of-type:first-letter{float:left;margin:.08rem .45rem 0 0;color:#ff5b2d;font:5rem/.76 Impact,Haettenschweiler,"Arial Narrow Bold",sans-serif;text-shadow:var(--glow)}.story-aside{display:grid;gap:1rem}.story-relic{padding:1.15rem;border:1px solid var(--line);background:rgba(12,3,1,.82);box-shadow:inset 0 0 26px rgba(0,0,0,.5)}.story-relic .sigil{font-size:2.55rem}.story-relic h2{margin:.35rem 0 .65rem;color:#efbd98;font-size:1.05rem;text-transform:uppercase;letter-spacing:.12em}.story-relic p{margin:0;color:#9d8775;line-height:1.65}.story-return{display:flex;justify-content:space-between;gap:1rem;margin-top:1.25rem;flex-wrap:wrap}.story-card{color:inherit;text-decoration:none;display:block}.story-card .story-read{display:inline-flex;margin-top:1rem;color:#ff8b5d;text-transform:uppercase;letter-spacing:.12em;font:800 .67rem Arial,sans-serif}.story-card:hover .story-read{color:#ffd0a8;text-shadow:var(--glow)}
a.panel{color:inherit;text-decoration:none}a.panel:hover{border-color:#e8421d;box-shadow:inset 0 0 30px rgba(0,0,0,.58),0 18px 52px rgba(255,49,5,.2);transform:translateY(-2px)}a.panel{transition:.2s}
.story-chronicle{position:relative;margin:0 0 1.35rem;padding:1rem 1.1rem;border:1px solid rgba(255,86,28,.36);background:linear-gradient(135deg,rgba(90,14,5,.36),rgba(9,2,1,.82));box-shadow:inset 0 0 24px rgba(0,0,0,.46)}.story-chronicle:before{content:"";position:absolute;left:1rem;right:1rem;top:0;height:1px;background:linear-gradient(90deg,transparent,#ff6d35,transparent);box-shadow:var(--glow)}.story-chronicle dl{display:grid;grid-template-columns:8rem minmax(0,1fr);gap:.45rem .9rem;margin:0}.story-chronicle dt{color:#ff8154;text-transform:uppercase;letter-spacing:.16em;font:800 .62rem Arial,sans-serif}.story-chronicle dd{margin:0;color:#e6c0a4;line-height:1.55}.story-chronicle .holiday-shift{grid-column:1/-1;margin-top:.45rem;padding-top:.7rem;border-top:1px solid rgba(255,86,28,.2);color:#a98b78;font-style:italic}
@media(max-width:900px){.story-stage{grid-template-columns:1fr}.story-aside{grid-template-columns:repeat(2,minmax(0,1fr))}.story-hero{min-height:58vh}}
@media(max-width:620px){.story-aside{grid-template-columns:1fr}.story-return{flex-direction:column}.story-hero{padding-top:6rem}.story-page-shell{padding-top:2.5rem}.story-chronicle dl{grid-template-columns:1fr}.story-chronicle dt{margin-top:.35rem}}
@media(max-width:720px){.site-head{align-items:flex-start}.head-links a:nth-child(2){display:none}.hero{min-height:55vh}.grid{grid-template-columns:1fr}.wide{grid-column:auto}.archive-nav{align-items:flex-start;flex-direction:column}.content{padding-top:3rem}.forbidden-map{padding:1rem .5rem 1.25rem}.map-label{padding:.3rem .38rem;letter-spacing:.06em}.map-label:after{height:.55rem}.map-frame:before{top:1%;font-size:.43rem;padding:.3rem}.map-legend{display:none}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important}}