:root{--space:#03050a;--panel:#090d15;--gold:#f4d14d;--blue:#86dcff;--text:#e8edf2;--dim:#87909d;--line:#283243}*{box-sizing:border-box}html{background:var(--space);scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at 50% 0,rgba(29,52,79,.35),transparent 35%),var(--space);color:var(--text);font-family:Arial,"Noto Sans",sans-serif;background-image:radial-gradient(#fff 0.7px,transparent .8px),radial-gradient(#fff 0.5px,transparent .6px);background-position:0 0,40px 30px;background-size:83px 83px,127px 127px}.story-header{position:relative;z-index:3;display:flex;justify-content:space-between;gap:20px;padding:18px clamp(18px,5vw,75px);border-bottom:1px solid var(--line);background:rgba(3,5,10,.94);font:700 11px/1.2 "Courier New",monospace;letter-spacing:.12em}.story-header a{color:var(--blue);text-decoration:none}.story-header nav{display:flex;gap:22px}.adventure-title{min-height:72vh;display:grid;place-content:center;text-align:center;padding:80px 20px}.adventure-title>p{color:var(--blue);font-style:italic;font-size:clamp(14px,2vw,20px)}.adventure-title h1{margin:25px 0;color:var(--gold);font-weight:900;font-size:clamp(52px,12vw,150px);line-height:.7;letter-spacing:-.07em;text-shadow:0 0 25px rgba(244,209,77,.18)}.adventure-title h1 span{display:block;margin-bottom:25px;font-size:.42em;letter-spacing:.3em}.title-rule{width:min(480px,70vw);height:2px;margin:auto;background:linear-gradient(90deg,transparent,var(--gold),transparent)}.chapter{width:min(1080px,calc(100% - 30px));margin:0 auto 100px;background:rgba(7,10,17,.96);border:1px solid var(--line);box-shadow:0 30px 80px #000}.chapter-heading{padding:clamp(35px,7vw,80px);text-align:center}.chapter-heading p{margin:0;color:var(--blue);font:700 10px "Courier New",monospace;letter-spacing:.2em;text-transform:uppercase}.chapter-heading p:last-child{margin-top:20px;color:var(--dim)}.chapter-heading h2{margin:12px 0 0;color:var(--gold);font-size:clamp(52px,9vw,100px);line-height:.9}.chapter-image{margin:0;border-block:1px solid var(--line);background:#000}.chapter-image img{display:block;width:100%;aspect-ratio:16/9;object-fit:cover}.chapter-image figcaption{padding:10px 18px;color:var(--dim);font:700 10px "Courier New",monospace;letter-spacing:.12em}.story{padding:clamp(25px,6vw,75px)}.story-paragraph{position:relative;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:25px;align-items:start;padding:28px 0;border-bottom:1px solid var(--line)}.story-paragraph:first-child{border-top:1px solid var(--line)}.story-paragraph p{margin:0;font-family:Georgia,"Noto Serif",serif;font-size:clamp(17px,2.1vw,22px);line-height:1.75}.story-paragraph strong{color:#fff}.story-paragraph.quote p{color:var(--gold);font-size:clamp(23px,3vw,34px);font-style:italic}.story-paragraph.bounty,.story-paragraph.objective{margin:22px 0;padding:30px;border:1px solid rgba(244,209,77,.5);background:rgba(244,209,77,.045)}.listen-button{position:sticky;top:15px;min-width:112px;border:1px solid var(--blue);background:transparent;color:var(--blue);padding:10px 12px;font:700 10px "Courier New",monospace;cursor:pointer}.listen-button:hover,.listen-button.speaking{background:var(--blue);color:var(--space)}.listen-button.speaking{animation:pulse 1.2s ease-in-out infinite}@keyframes pulse{50%{opacity:.65}}footer{display:flex;justify-content:space-between;gap:20px;padding:25px clamp(18px,5vw,75px);border-top:1px solid var(--line);background:var(--panel);color:var(--dim);font:700 10px "Courier New",monospace;letter-spacing:.12em}footer a{color:var(--blue);text-decoration:none}@media(max-width:650px){.story-header nav{display:none}.adventure-title{min-height:60vh}.adventure-title h1 span{letter-spacing:.18em}.chapter{width:calc(100% - 16px)}.chapter-heading{padding-inline:20px}.story{padding-inline:18px}.story-paragraph{grid-template-columns:1fr;gap:14px}.listen-button{position:static;width:max-content}.story-paragraph.bounty,.story-paragraph.objective{padding:20px;margin-inline:-5px}footer{flex-direction:column}}