@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,400;0,500;0,600;1,400;1,500&family=Manrope:wght@400;500;600;700&display=swap');
.journal{grid-column:1/-1;border-top:1px solid #c1c99126;padding:36px 0 15px;display:grid;grid-template-columns:1fr 1.15fr;gap:50px}.journal-heading h2{font-size:37px;margin:17px 0}.journal-heading p{font-size:14px;line-height:1.7;color:#aeb9aa;max-width:400px}.journal-entry{width:100%;border:0;border-bottom:1px solid #c1c99126;background:transparent;display:flex;align-items:center;gap:18px;padding:20px 0;text-align:left;color:#829484}.journal-entry.found{color:#dbe3cf}.journal-entry.found:hover{background:#879a6610}.journal-number{font:26px 'Cormorant Garamond',Georgia,serif;color:#c6b984}.journal-entry small{display:block;font-size:10px;letter-spacing:.14em;margin-bottom:7px}.journal-entry strong{font:25px 'Cormorant Garamond',Georgia,serif}.journal-button{pointer-events:auto}.scene-scope{display:none}@media(max-width:650px){.journal{grid-template-columns:1fr;gap:16px;padding-top:30px}.journal-button{font-size:11px;padding:10px}.controls-note{max-width:185px}.controls-note button{display:none}.scene-bottom{gap:10px}.controls-note{font-size:0}.controls-note:before{content:'Drag to look · arrows to walk';font-size:10px}.journal-heading h2{font-size:32px}}
:root{color-scheme:dark;--ink:#eef0df;--muted:#aeb9aa;--gold:#dac48b;--green:#95c79e;--base:#07120f;--line:#c1c99126;font-family:Manrope,Arial,sans-serif;font-size:16px;background:var(--base);color:var(--ink)}*{box-sizing:border-box}body{margin:0}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}a{color:inherit;text-decoration:none}button{color:inherit}button:focus-visible,a:focus-visible,[tabindex]:focus-visible{outline:2px solid #f3d293;outline-offset:5px}button:disabled{cursor:default}[hidden]{display:none!important}h1,h2,p{margin:0}h1,h2,strong{font-weight:400}h1,h2,.brand,.realm-tile strong{font-family:'Cormorant Garamond',Georgia,serif}em{font-weight:400}.skip{position:absolute;top:-60px;left:20px;z-index:100;padding:14px;background:var(--base)}.skip:focus{top:10px}.site-header{height:106px;display:flex;align-items:center;justify-content:space-between;padding:0 5.4%;position:absolute;inset:0 0 auto;z-index:5;border-bottom:1px solid var(--line);background:linear-gradient(#07120fbb,transparent)}.brand{display:flex;align-items:center;gap:13px;font-size:24px;letter-spacing:.13em}.brand small{display:block;font-family:Manrope,Arial,sans-serif;font-size:10px;letter-spacing:.28em;margin-top:3px}.brand-mark{display:block;flex:none;width:52px;height:52px;color:var(--gold);background-color:currentColor;-webkit-mask:url(./assets/lore-by-chapters-line-art.png) center/contain no-repeat;mask:url(./assets/lore-by-chapters-line-art.png) center/contain no-repeat;mask-mode:alpha}.site-header nav{display:flex;gap:36px;font-size:14px}.site-header nav a{padding:12px 0;position:relative}.site-header nav a.active:after{content:'';height:1px;background:var(--gold);position:absolute;bottom:0;left:0;right:0}.header-note{font-size:10px;letter-spacing:.2em;color:var(--muted)}.realm-view{min-height:900px;min-height:100svh;position:relative;overflow:hidden;padding-top:106px}.hero-art{position:absolute;inset:0 0 110px;background:linear-gradient(90deg,#05100ff7 0%,#05110cc9 25%,#04150f1c 61%),linear-gradient(0deg,#07120f 0%,transparent 35%),url('./assets/canal-portal-refined.png') center right/cover;z-index:0}.hero-content{position:relative;padding:65px 5.4% 50px;max-width:790px;min-height:620px}.eyebrow{font-family:Manrope,Arial,sans-serif;font-size:11px;letter-spacing:.23em;font-weight:600;color:var(--gold);display:block}.hero-content .eyebrow{display:flex;align-items:center;gap:14px}.eyebrow span{width:30px;height:1px;background:var(--gold)}.hero-content h1{font-size:clamp(84px,8.9vw,138px);letter-spacing:-.043em;line-height:.88;margin:32px 0 27px}.hero-content h1 em{color:#c8d5aa}.hero-copy{font-size:15px;line-height:1.9;color:#c2c9bb;max-width:430px}.open-realm{margin-top:36px;padding-top:21px;border-top:1px solid #b0bb9c35;max-width:400px}.tiny-label{font-size:10px;letter-spacing:.21em;font-weight:700;color:var(--gold)}.open-realm h2{font-size:30px;margin:8px 0}.open-realm p{font-size:14px;color:#b7c4b3;margin-bottom:21px}.primary{display:inline-flex;align-items:center;gap:38px;padding:16px 23px;background:linear-gradient(110deg,#d5c58d,#a9bd89);border:1px solid #e6d7aa;color:#10251b;font-size:14px;font-weight:700;box-shadow:0 0 30px #bdce8614}.primary:hover{background:#e3d9a5;box-shadow:0 0 35px #cedb7d35}.primary span{font-size:22px;line-height:.7}.text-link{border:0;background:none;font-size:14px;padding:8px 0;border-bottom:1px solid #d8ce9b50}.open-realm .text-link{margin-left:25px}.hero-caption{position:absolute;right:6%;top:59%;display:flex;align-items:center;gap:17px;text-shadow:0 2px 15px #000}.hero-caption>span{font:52px 'Cormorant Garamond',Georgia,serif;color:#e3d095}.hero-caption p{font-size:12px;letter-spacing:.18em;border-left:1px solid #c2c99a70;padding-left:17px;line-height:1.8}.hero-caption small{font-size:12px;letter-spacing:.03em;color:#bbc7b7}.realm-strip{position:relative;display:grid;grid-template-columns:1.25fr 1fr 1fr 1fr;margin:0 5.4%;border:1px solid #c4cba02e;min-height:110px;background:#06120ddd}.realm-tile{border:0;border-right:1px solid var(--line);text-align:left;background:transparent;display:flex;align-items:center;gap:18px;padding:24px 22px;position:relative;isolation:isolate;overflow:hidden}.realm-tile:last-child{border-right:0}.realm-tile small{font-size:9px;letter-spacing:.17em;color:var(--muted);display:block;margin-bottom:9px;position:relative}.realm-tile strong{font-size:24px;display:block;position:relative;line-height:1}.realm-no{font:32px 'Cormorant Garamond',Georgia,serif;color:#acb79760}.realm-tile.open{background:linear-gradient(120deg,#4a663534,#143b2755);box-shadow:inset 0 2px var(--gold)}.realm-tile.open small{color:var(--gold)}.realm-tile.open:hover{background:#29482b77}.tile-symbol{margin-left:auto;color:var(--gold);font-size:22px}.locked:before{content:'';position:absolute;z-index:-1;inset:-30%;background:radial-gradient(ellipse at 70% 65%,#4d1d2b80,transparent 50%),linear-gradient(20deg,transparent 30%,#5b5a6440 50%,transparent 65%);filter:blur(12px)}.locked.cobalt:before{background:radial-gradient(ellipse at 70% 65%,#32396980,transparent 50%),linear-gradient(20deg,transparent 30%,#5b647f40 50%,transparent 65%)}.locked.unrevealed:before{background:linear-gradient(20deg,transparent 30%,#5b646d55 50%,transparent 65%)}.locked strong{color:#a9afa6}.lock-icon{margin-left:auto;color:#7f8c80}.home-footer{position:relative;display:flex;justify-content:space-between;padding:26px 5.4%;font-size:10px;letter-spacing:.18em;color:#829581}.home-footer span:last-child{letter-spacing:.04em;font-size:12px}.library-view{padding:170px 8% 60px;min-height:100svh;background:radial-gradient(ellipse at 100% 0%,#1c493132,transparent 60%),var(--base);display:grid;grid-template-columns:1fr 1.15fr;gap:70px}.back-link{display:block;font-size:14px;color:var(--muted);margin-bottom:45px}.library-intro h1{font-size:clamp(54px,5.5vw,88px);line-height:.99;margin:23px 0;letter-spacing:-.025em}.library-intro h1 em{color:#b7cba0}.library-intro p{color:var(--muted);line-height:1.8;margin-bottom:30px}.article-list{padding-top:90px}.article-row{width:100%;text-align:left;padding:29px 8px;border:0;border-top:1px solid var(--line);background:transparent;display:flex;gap:24px;align-items:center}.article-row:last-child{border-bottom:1px solid var(--line)}.article-row:hover{background:#51724d12}.article-index{font:36px 'Cormorant Garamond',Georgia,serif;color:#7d946d}.article-row small{font-size:10px;letter-spacing:.18em;color:var(--gold)}.article-row h2{font-size:33px;margin:9px 0}.article-row p{font-size:14px;color:var(--muted);line-height:1.6}.article-arrow{margin-left:auto;font-size:24px;color:var(--gold)}.library-footer{grid-column:1/-1;padding:25px 0;border-top:1px solid var(--line);font-size:14px;color:var(--muted)}.explore-view{position:fixed;inset:0;background:#081812}.exploring .site-header{display:none}#scene,#scene canvas{width:100%;height:100%;display:block;touch-action:none}#scene{cursor:grab}#scene:active{cursor:grabbing}.scene-top{position:absolute;inset:0 0 auto;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:24px 30px;background:linear-gradient(#04100fed,transparent);pointer-events:none}.scene-top>*{pointer-events:auto}.scene-back{font-size:14px;padding:12px 16px;border:1px solid #a9b78e50;background:#091813c9}.scene-title{text-align:center}.scene-title h1{font-size:29px;margin-top:6px;text-shadow:0 2px 10px #000}.glass-button{border:1px solid #a9b78e50;background:#091813d9;padding:12px 16px;font-size:14px}.glass-button span{margin-left:12px;color:var(--gold)}.scene-status{position:absolute;top:110px;left:50%;transform:translateX(-50%);font-size:14px;padding:9px 18px;background:#07160cda;border:1px solid #c1b67440;text-align:center;max-width:80vw}.scene-status:empty{display:none}.scene-bottom{position:absolute;inset:auto 0 0;padding:22px 30px;display:flex;justify-content:space-between;align-items:center;background:linear-gradient(transparent,#02100ff0);pointer-events:none}.controls-note{font-size:12px;color:#c0cabd;background:#05130bd6;border:1px solid #bccaa032;padding:13px 15px;pointer-events:auto}.controls-note strong{font-size:12px;letter-spacing:.06em;color:#e6d6a5}.controls-note>span{margin:0 10px}.controls-note button{font-size:12px;margin-left:14px;background:transparent;border:0;color:var(--gold);text-decoration:underline}.scene-scope{font-size:10px;letter-spacing:.2em;color:#c2ceb3}.scene-guide{position:absolute;right:30px;top:100px;width:330px;max-height:calc(100% - 210px);overflow-y:auto;background:#071b15ed;border:1px solid #b4ba8950;backdrop-filter:blur(18px);padding:26px;z-index:3}.scene-guide h2{font-size:30px}.scene-guide p{font-size:14px;color:#b8c5b3;line-height:1.6;margin:12px 0 20px}.scene-guide a{font-size:14px;color:var(--gold)}.scene-guide .scene-disclaimer{font-size:12px;border-top:1px solid var(--line);padding-top:20px;margin-bottom:0}.guide-point{width:100%;text-align:left;display:flex;align-items:center;gap:14px;background:none;border:0;border-top:1px solid var(--line);padding:19px 0;font-size:14px;line-height:1.6}.guide-point span:first-child{color:var(--gold)}.guide-point span:last-child{margin-left:auto;color:var(--gold)}.hotspot{position:absolute;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;gap:8px;border:0;background:transparent;z-index:1;max-width:220px;pointer-events:auto;text-shadow:0 2px 8px #000}.hotspot .beacon{width:40px;height:40px;border:1px solid #f4d490;border-radius:50%;display:grid;place-items:center;background:#172418ed;box-shadow:0 0 25px #ffd26840;font-size:20px;color:#f8d38c}.hotspot .hotspot-title{font-size:14px;background:#06180ee8;border:1px solid #ceb07155;padding:10px 15px;line-height:1.4;white-space:nowrap}.hotspot small{font-size:12px;color:#d8dbba}.hotspot.distant .hotspot-title,.hotspot.distant small{display:none}.hotspot.distant .beacon{width:25px;height:25px;font-size:14px;opacity:.85}.touch-controls{position:absolute;inset:auto 30px 92px;display:none;justify-content:space-between;pointer-events:none}.touch-controls.shown{display:flex}.dpad{display:grid;grid-template-columns:repeat(3,48px);grid-template-rows:repeat(2,48px);gap:5px}.touch-controls button{border:1px solid #c9c89d80;background:#072014c9;border-radius:7px;font-size:23px;touch-action:none;pointer-events:auto}.touch-controls button:active{background:#486548}.dpad button:first-child{grid-column:2}.dpad button:nth-child(2){grid-column:1;grid-row:2}.dpad button:nth-child(3){grid-column:2;grid-row:2}.dpad button:nth-child(4){grid-column:3;grid-row:2}.turn-controls{display:flex;gap:8px;align-items:flex-end}.turn-controls button{width:48px;height:48px}.scene-fallback{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:min(90%,500px);background:#0b211c;padding:36px;border:1px solid var(--gold)}.scene-fallback h2{font-size:40px}.scene-fallback p{line-height:1.7;margin:20px 0}.scene-fallback a{font-size:14px}dialog{padding:0;border:1px solid #acb88d50;color:var(--ink);background:radial-gradient(ellipse at 100% 0%,#416c4530,transparent 38%),#0c1914;width:min(1040px,94vw);max-height:94svh;box-shadow:0 30px 140px #000d}dialog::backdrop{background:#020906c9;backdrop-filter:blur(10px)}dialog.copper{background:radial-gradient(ellipse at 0 0,#be6d3738,transparent 30%),radial-gradient(ellipse at 100% 20%,#21586652,transparent 55%),linear-gradient(145deg,#182320,#0a162d);--gold:#dbae87;--line:#bba48640}.reader-toolbar{position:sticky;top:0;background:#0a1917ed;backdrop-filter:blur(16px);display:flex;justify-content:space-between;align-items:center;padding:18px 28px;border-bottom:1px solid var(--line);z-index:1}.copper .reader-toolbar{background:#111e23ed}.reader-toolbar>a{font-size:10px;letter-spacing:.2em;color:var(--gold)}.reader-toolbar button{background:transparent;border:0;font-size:14px}.reader-toolbar button span{font-size:24px;margin-left:12px}dialog article{max-width:760px;margin:auto;padding:58px 36px}dialog h1{font-size:clamp(45px,6vw,72px);line-height:1.02;letter-spacing:-.02em;margin:23px 0}.reader-meta{display:flex;gap:26px;font-size:10px;letter-spacing:.17em;color:var(--muted);padding:20px 0 30px;border-bottom:1px solid var(--line);margin-bottom:34px}#reader-copy{font-family:'Cormorant Garamond',Georgia,serif;font-size:24px;line-height:1.6;color:#d9dfd0}#reader-copy p{margin-bottom:25px}#reader-copy p:first-child:first-letter{float:left;font-size:78px;line-height:.9;padding:10px 10px 0 0;color:var(--gold)}.reader-end{border-top:1px solid var(--line);padding-top:22px;margin-top:38px;display:flex;gap:20px;align-items:center;justify-content:space-between;font-size:14px;color:var(--muted)}.reader-end button{color:var(--gold)}.noscript{position:fixed;inset:auto 0 0;z-index:10;padding:20px;background:#182d1e;text-align:center}@media(min-width:1700px){.realm-view{display:flex;flex-direction:column}.hero-content{flex:1;padding-top:10vh}.realm-strip{margin-top:auto}}@media(max-width:1050px){.header-note{display:none}.hero-art{background-position:center,center,60% center}.realm-strip{grid-template-columns:1fr 1fr}.realm-tile{border-bottom:1px solid var(--line);min-height:100px}.realm-tile:nth-child(2){border-right:0}.realm-tile:nth-child(n+3){border-bottom:0}.hero-caption{right:5%;top:48%}.library-view{gap:35px;padding-left:5%;padding-right:5%}.scene-scope{display:none}.scene-title h1{font-size:23px}}@media(max-width:650px){.site-header{height:84px;padding:0 6%}.brand{font-size:20px;gap:9px}.brand small{font-size:8px}.brand-mark{height:44px;width:44px}.site-header nav{gap:18px;font-size:12px}.realm-view{padding-top:84px}.hero-art{inset:0 0 80px;background:linear-gradient(90deg,#05100fd9,#05110c50),linear-gradient(0deg,#07120f 14%,transparent 64%),url('./assets/canal-portal-refined.png') 61% top/auto 780px no-repeat}.hero-content{padding:52px 7% 39px;min-height:620px}.hero-content .eyebrow{font-size:8px;letter-spacing:.15em;gap:10px}.eyebrow span{width:20px}.hero-content h1{font-size:94px;margin:31px 0 28px}.hero-copy{font-size:14px;max-width:310px}.hero-copy br{display:none}.open-realm{margin-top:35px;max-width:340px}.open-realm h2{font-size:30px}.primary{padding:16px 20px;gap:29px}.open-realm .text-link{margin-left:20px;font-size:13px}.hero-caption{display:none}.realm-strip{margin:0 6%;grid-template-columns:1fr 1fr}.realm-tile{padding:20px 13px;gap:10px;min-height:106px}.realm-tile strong{font-size:21px;line-height:1.15}.realm-tile small{font-size:8px;letter-spacing:.11em;line-height:1.5;margin-bottom:7px}.realm-no{font-size:25px}.tile-symbol,.lock-icon{display:none}.home-footer{padding:24px 6%;gap:20px}.home-footer>span:first-child{display:none}.home-footer>span:last-child{font-size:11px}.library-view{padding:125px 7% 35px;grid-template-columns:1fr;gap:12px}.back-link{margin-bottom:28px}.library-intro h1{font-size:64px}.article-list{padding-top:30px}.article-row h2{font-size:29px}.library-footer{font-size:12px;margin-top:30px}.scene-top{padding:17px 14px;gap:8px;flex-wrap:wrap}.scene-title{order:3;width:100%;padding-top:10px}.scene-title h1{font-size:25px}.scene-title .tiny-label{font-size:8px}.scene-back,.glass-button{font-size:12px;padding:11px}.glass-button{margin-left:auto}.glass-button span{margin-left:6px}.scene-status{top:145px;width:max-content;font-size:12px}.scene-bottom{padding:18px 14px}.controls-note{font-size:11px;padding:10px}.controls-note>strong,.controls-note>span{display:none}.controls-note>strong:first-child{display:none}.controls-note button{font-size:11px}.touch-controls{display:flex;inset:auto 18px 80px}.scene-guide{top:143px;right:14px;width:min(330px,calc(100% - 28px));max-height:calc(100% - 235px)}.hotspot .hotspot-title{font-size:12px;white-space:normal;max-width:160px}dialog{width:100%;max-width:100%;max-height:100svh;height:100svh;border:0;margin:0}.reader-toolbar{padding:17px 20px}dialog article{padding:35px 24px}.reader-toolbar>a{font-size:9px}dialog h1{font-size:49px}#reader-copy{font-size:22px;line-height:1.55}.reader-end{flex-direction:column;align-items:flex-start}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation:none!important;transition:none!important}}

.reader-end-actions{display:flex;flex-direction:column;gap:12px}
.final-article .reader-end{align-items:flex-start}
.final-article .reader-end-actions{width:min(100%,280px);flex-shrink:0}
.final-article .reader-end-actions button{width:100%;min-height:48px;border:1px solid #d8c69b80;padding:12px 18px;background:#15231bea;text-align:center;font-size:14px}