:root{--color-shadow: #081821;--color-ink: #102a35;--color-secondary-shadow: #27434d;--color-ivory: #f6f0dd;--color-secondary-text: #d4d8cc;--color-gold: #d7b775;--color-highlight: #f4d997;--color-mist: #90b7b7}html{background-color:var(--color-shadow)}@view-transition{navigation:auto}::view-transition{background-color:var(--color-shadow)}::view-transition-old(main-nav),::view-transition-new(main-nav){animation:none;mix-blend-mode:normal}::view-transition-old(main-content){animation:.25s ease-out both fade-out}::view-transition-new(main-content){animation:.25s ease-in .1s both fade-in}@keyframes fade-out{0%{opacity:1}to{opacity:0}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}::view-transition-old(root),::view-transition-new(root){animation:none;mix-blend-mode:normal}body{font-family:Manrope,sans-serif;background-color:var(--color-shadow);color:var(--color-ivory);overflow:hidden;margin:0;padding:0}h1,h2,h3,.serif-font{font-family:Cormorant Garamond,serif}.scene-container{position:absolute;top:-5%;left:-5%;width:110%;height:110%;z-index:0;transition:transform 1.5s cubic-bezier(.25,.46,.45,.94),filter 1.4s ease;will-change:transform}#sky-canvas{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1}.scene-bg{position:absolute;top:0;left:0;width:100%;height:100%;background-image:url(../images/alexandria-landscape-transparent/alexandria-no-sky.webp);background-size:cover;background-position:center;animation:gentleDrift 60s ease-in-out infinite alternate;transform-origin:center center;z-index:2;transition:filter 2s ease}#weather-canvas{position:absolute;top:0;left:0;width:100%;height:100%;z-index:3;pointer-events:none}.mist-layer{position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at 30% 60%,rgba(144,183,183,.15) 0%,transparent 60%);animation:pulseMist 8s ease-in-out infinite alternate;pointer-events:none;z-index:4}.scrim{position:absolute;top:0;left:0;width:72%;height:100%;background:linear-gradient(90deg,rgba(8,24,33,.86) 0%,rgba(8,24,33,.45) 50%,transparent 100%);pointer-events:none;transition:opacity 1s ease;z-index:5}.flora-container{position:absolute;bottom:10%;right:15%;width:150px;height:200px;z-index:4;pointer-events:none}.flora-plant{width:100%;height:100%;background-image:url(../images/botanical-growth-stages/magical-plant-growth.webp);background-size:2172px 724px;background-repeat:no-repeat;opacity:0;transform:scale(.8);transition:opacity 1s ease,transform 1s ease}.flora-plant.stage-0{display:none}.flora-plant.stage-1{opacity:1;transform:scale(.9);background-position:0px center;width:500px;height:724px;scale:.25;transform-origin:bottom left}.flora-plant.stage-2{opacity:1;transform:scale(.95);background-position:-500px center;width:500px;height:724px;scale:.25;transform-origin:bottom left}.flora-plant.stage-3{opacity:1;transform:scale(1);background-position:-1000px center;width:580px;height:724px;scale:.25;transform-origin:bottom left}.flora-plant.stage-4{opacity:1;transform:scale(1.05);background-position:-1580px center;width:592px;height:724px;scale:.25;transform-origin:bottom left}@keyframes gentleDrift{0%{transform:scale(1) translate(0)}to{transform:scale(1.05) translate(-1%,-1%)}}@keyframes pulseMist{0%{opacity:.6;transform:scale(1)}to{opacity:1;transform:scale(1.1)}}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-8px)}to{transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media(prefers-reduced-motion:reduce){.scene-bg,.mist-layer,.hotspot{animation:none!important}.scene-container{transition:none!important}}.gold-button{border:1px solid rgba(215,183,117,.4);color:var(--color-gold);background:#102a3599;backdrop-filter:blur(4px);transition:all .3s ease}.gold-button:hover,.gold-button:focus{background:var(--color-gold);color:var(--color-ink);border-color:var(--color-highlight);outline:none}.gold-input{background:#081821cc;border:1px solid rgba(215,183,117,.4);color:var(--color-ivory);padding:6px 12px;border-radius:2px}.gold-input:focus{border-color:var(--color-highlight);outline:none}.hotspot{position:absolute;width:48px;height:48px;border-radius:50%;background:radial-gradient(circle,#d7b775cc,#d7b77500 70%);border:1px solid rgba(244,217,151,.5);cursor:pointer;display:flex;align-items:center;justify-content:center;animation:float 4s ease-in-out infinite;transition:all .3s ease;z-index:10}.hotspot:after{content:"";position:absolute;width:10px;height:10px;background:var(--color-highlight);border-radius:50%;box-shadow:0 0 10px var(--color-highlight)}.hotspot:hover,.hotspot:focus{transform:scale(1.2);background:radial-gradient(circle,#f4d997e6,#d7b77500 70%);outline:2px solid var(--color-gold);outline-offset:4px}.hotspot-label{position:absolute;top:110%;white-space:nowrap;font-family:Manrope,sans-serif;font-size:14px;font-weight:500;letter-spacing:.05em;color:var(--color-ivory);text-shadow:0 2px 4px rgba(8,24,33,.8);opacity:0;transition:opacity .3s ease;pointer-events:none;background:#081821b8;padding:7px 12px;border-left:1px solid var(--color-gold);text-align:left;line-height:1.2}.hotspot-label small{display:block;font-size:12px;color:var(--color-gold);margin-top:4px}.hotspot:hover .hotspot-label,.hotspot:focus .hotspot-label{opacity:1}.story-panel{opacity:0;pointer-events:none;transition:opacity .5s ease}.story-panel.active{opacity:1;pointer-events:auto;animation:fadeIn .8s ease forwards}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:#08182180}::-webkit-scrollbar-thumb{background:#d7b77580}[hidden]{display:none!important}#app-root{min-height:100svh;isolation:isolate;overflow:clip}main{pointer-events:none}main .active{pointer-events:auto}.scene-container{top:-10%;left:-10%;width:120%;height:120%;transform:translate(var(--pointer-x, 0px),var(--pointer-y, 0px)) scale(var(--zoom, 1)) translate(var(--pan-x, 0%),var(--pan-y, 0%))}.scene-bg{animation-duration:35s}#hotspots-layer{z-index:25}.hotspot.explored:after{background:var(--color-mist)}.hotspot[aria-pressed=true]{border-color:var(--color-highlight);box-shadow:0 0 0 6px #d7b77520}@keyframes storyAppear{0%{opacity:0}to{opacity:1}}#view-story.active{animation:storyAppear .65s ease forwards}header nav{text-shadow:0 2px 8px #081821}#view-story{max-width:400px;width:calc(100% - 64px)}#story-title{font-size:52px;line-height:1.05}#story-kicker{font-size:14px}#story-text{min-height:120px}#btn-story-next,#btn-story-back{border-radius:2px;min-height:44px;padding:10px 16px;font-size:14px}#btn-story-back:disabled{opacity:.4;cursor:default}#story-indicators{min-width:42px;font-size:14px}button{cursor:pointer}button:focus-visible{outline:2px solid var(--color-highlight);outline-offset:6px}header nav button{min-height:44px}#btn-motion{min-width:44px;margin-left:0}#world-control-tray{position:fixed;bottom:0;left:50%;transform:translate(-50%);background:#102a35f2;border:1px solid rgba(215,183,117,.3);border-bottom:none;border-radius:8px 8px 0 0;padding:16px 24px;z-index:40;backdrop-filter:blur(8px);width:90%;max-width:800px;transition:transform .3s ease;display:flex;flex-direction:column;gap:16px}#world-control-tray.collapsed{transform:translate(-50%) translateY(calc(100% - 48px))}.tray-header{display:flex;justify-content:space-between;align-items:center;cursor:pointer}.tray-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;font-size:13px}.control-group{display:flex;flex-direction:column;gap:6px}.control-label{color:var(--color-gold);font-size:11px;text-transform:uppercase;letter-spacing:.1em}input[type=range]{accent-color:var(--color-gold);background:transparent}footer{color:var(--color-secondary-text)}#journey-progress{text-align:right;font-size:14px;color:var(--color-secondary-text)}#progress-pips{display:flex;justify-content:flex-end;gap:8px;margin-top:10px}#progress-pips span{width:32px;height:2px;background:#d7b77544}#progress-pips .done{background:var(--color-gold)}#chapter-end{position:absolute;bottom:90px;right:32px;padding:13px 22px;z-index:31}#journal{position:fixed;inset:0;background:#08182188;z-index:60;display:flex;justify-content:flex-end}#journal-sheet{background:#102a35f5;border-left:1px solid #d7b77555;width:min(480px,100%);padding:40px;height:100%;overflow:auto;box-shadow:-30px 0 100px #08182155}#journal-sheet h2{font-size:48px;margin:24px 0 8px}#journal-sheet p{font-size:16px;color:var(--color-secondary-text);line-height:1.6}#journal-close{float:right;font-size:14px;padding:10px}.journal-entry{display:block;width:100%;text-align:left;padding:24px 0;border-bottom:1px solid #d7b77533}.journal-entry .entry-title{font-family:Cormorant Garamond,serif;font-size:28px}.journal-entry small{color:var(--color-gold);display:block;margin-top:6px;font-size:14px}#journal-replay{margin-top:32px;padding:12px 24px}.source-link{color:var(--color-gold);text-decoration:underline}.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.motion-paused .scene-bg,.motion-paused .mist-layer,.motion-paused .hotspot{animation-play-state:paused!important}@media(min-width:1200px){#view-intro,#view-story{max-width:450px}footer{padding:32px 64px}#chapter-end{right:64px}}@media(max-width:700px){body{overflow:auto}#app-root{min-height:max(850px,100svh)}header{padding:20px!important;align-items:center!important}header>div{font-size:10px!important}header>div span{font-size:17px!important}header nav{gap:10px!important}#btn-explore{display:none}main{height:auto!important;position:absolute!important;inset:0;padding:20px 20px 110px!important;justify-content:flex-end!important}#view-intro{max-width:95%}#view-intro h1{font-size:62px;margin-bottom:16px}#view-intro p{font-size:17px;max-width:360px;margin-bottom:24px}#view-story{position:relative;inset:auto;transform:none;width:100%;max-width:430px}#view-story h2{font-size:44px}#view-story #story-text{font-size:17px;min-height:0;margin-bottom:22px}.scrim{width:100%;background:linear-gradient(0deg,#081821f5,#081821dc 28%,#08182122 68%,#08182155)}.scene-bg{background-position:70% 30%}.hotspot{width:44px;height:44px}#spot-tantalus{left:12%!important;top:22%!important}#spot-castle{left:69%!important;top:26%!important}#spot-vivi{left:43%!important;top:39%!important}footer{padding:20px!important;align-items:center!important;gap:12px}footer>div:first-child{max-width:120px;font-size:12px}#journey-progress{font-size:12px}#chapter-end{bottom:150px;right:20px;font-size:13px;padding:10px 12px}#journal-sheet{padding:24px}#journal-sheet h2{font-size:42px}#world-control-tray{width:100%;border-radius:12px 12px 0 0;padding:12px 16px;bottom:0}}@media(max-height:650px)and (min-width:701px){#app-root{min-height:650px}main{height:650px!important}body{overflow:auto}}@media(prefers-reduced-motion:reduce){.scene-container,.story-panel,.gold-button{transition:none!important}.story-panel.active{animation:none!important}}.scene-container{transition:transform 1.4s ease}#world-canvas{position:absolute;inset:0;width:100%;height:100%;display:block;z-index:1}.world-fallback{position:absolute;inset:0;background:linear-gradient(#37688a,#d7b775)}#flora-canvas{position:absolute;inset:0;z-index:12;width:100%;height:100%;pointer-events:none}#sky-life-canvas{position:fixed;inset:0;z-index:3;width:100%;height:100%;pointer-events:none}#sky-encounter{position:fixed;top:108px;right:32px;z-index:35;width:238px;background:#0c202bd9;border:1px solid #d7b77535;backdrop-filter:blur(10px);border-radius:3px}#encounter-toggle{display:flex;flex-direction:column;text-align:left;width:100%;padding:12px 16px;gap:4px}.encounter-kicker{font-size:9px;text-transform:uppercase;letter-spacing:.14em;color:var(--color-secondary-text)}#encounter-name{font-family:var(--font-heading, Georgia, serif);font-size:20px;color:var(--color-ivory)}.encounter-hint{font-size:11px;color:var(--color-gold)}#encounter-details{padding:0 16px 14px;font-size:13px;line-height:1.6;color:var(--color-secondary-text)}#encounter-close{color:var(--color-gold);margin-top:8px;min-height:30px}.sky-choices{display:flex;justify-content:space-between;align-items:center;gap:16px;padding-top:15px;margin-top:16px;border-top:1px solid #d7b77525}.ambient-switches{display:flex;flex-direction:column;gap:8px}.visitor-call{display:flex;align-items:center;gap:12px;font-size:12px;color:var(--color-gold)}.visitor-call label{white-space:nowrap}.visitor-call select{width:165px}.visitor-call button{font-size:12px;padding:8px 12px;min-height:40px;white-space:nowrap}.scrim{z-index:2}main{transition:opacity .3s ease}.world-open main{opacity:0;visibility:hidden;pointer-events:none}#world-control-tray{max-width:1050px;width:calc(100% - 64px);padding:12px 20px;border-radius:4px 4px 0 0;gap:0;background:#102a35f5;max-height:calc(100svh - 96px);overflow-y:auto}#world-control-tray.collapsed{transform:translate(-50%)}.tray-header{position:sticky;top:-12px;z-index:3;background:#102a35;width:100%;min-height:38px;text-align:left;gap:16px}.world-status{display:flex;align-items:center;gap:16px;font-size:14px;color:var(--color-secondary-text);font-variant-numeric:tabular-nums}.tray-grid{display:grid;grid-template-columns:1.5fr .85fr .85fr 1.1fr;gap:24px;padding-top:22px;margin-top:10px;border-top:1px solid #d7b77530;font-size:14px}.control-group{min-width:0;gap:10px}.control-label{font-size:12px;letter-spacing:.12em}.control-heading{display:flex;justify-content:space-between;align-items:center}#time-readout{font-size:14px;color:var(--color-gold);font-variant-numeric:tabular-nums}#time-slider{width:100%;height:20px;cursor:ew-resize}.time-presets{display:flex;justify-content:space-between;gap:6px}.time-presets button{color:var(--color-secondary-text);font-size:13px;padding:3px 4px;border-bottom:1px solid #d7b77544;min-height:30px}.time-presets button:hover{color:var(--color-gold)}.check-label{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--color-secondary-text);line-height:1.4}input[type=checkbox]{accent-color:var(--color-gold);width:14px;height:14px}#cycle-state{margin-left:auto;font-size:11px;color:var(--color-gold)}.gold-input{width:100%;min-width:0;min-height:40px;padding:8px 10px;background:#081821;color:var(--color-ivory);border:1px solid #d7b77544;border-radius:2px;font-family:inherit;font-size:14px}.gold-input:focus-visible,input:focus-visible{outline:2px solid var(--color-highlight);outline-offset:3px}.garden-action{display:flex;gap:10px;align-items:center;flex-wrap:wrap}#btn-plant{font-size:13px;min-height:36px;padding:7px 10px}#growth-status{font-size:12px;color:var(--color-gold)}#world-note{color:var(--color-secondary-text);font-size:12px;line-height:1.5;margin:16px 0 2px}footer{bottom:38px}.world-open footer{opacity:0;visibility:hidden}.world-open #chapter-end{visibility:hidden}header nav{padding:0 10px;background:#08182155;border-radius:2px}@media(max-width:1000px)and (min-width:701px){.tray-grid{grid-template-columns:1fr 1fr;gap:16px}#cycle-state{display:none}}@media(max-width:700px){#app-root{min-height:max(900px,100svh)}main{padding-bottom:240px!important}#view-intro h1{font-size:56px}#world-control-tray{width:100%;padding:10px 16px;max-height:65svh;overflow:auto}.world-status{gap:10px;font-size:12px}.world-status #status-weather{font-size:11px}.tray-header{gap:8px}.tray-header>span:first-child{gap:8px}.tray-header>span:first-child>span{font-size:12px}.tray-grid{grid-template-columns:1fr 1fr;gap:18px;padding-top:16px;margin-top:8px}.time-control{grid-column:1/-1}.tray-grid>.control-group:last-child{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;align-items:center}.tray-grid>.control-group:last-child>.control-label{grid-column:1/-1}.gold-input{font-size:16px;min-height:44px}.time-presets button{min-height:36px}.check-label{font-size:12px;min-height:28px}#btn-plant{min-height:44px}.garden-action{gap:6px}#world-note{font-size:12px;margin-top:12px}#sky-encounter{top:102px;right:16px;width:184px}#encounter-toggle{padding:8px 12px}#encounter-name{font-size:17px}.encounter-kicker{font-size:8px}.encounter-hint{font-size:10px}.sky-choices{flex-direction:column;align-items:stretch;gap:12px}.ambient-switches{flex-direction:row;gap:16px}.ambient-switches label{font-size:11px}.visitor-call{display:grid;grid-template-columns:1fr 1fr;gap:8px}.visitor-call label{grid-column:1/-1}.visitor-call select{width:100%}.visitor-call button{min-height:44px}#app-root>footer{bottom:72px}#chapter-end{bottom:155px}.world-open #spot-vivi{top:34%!important}#spot-vivi{top:36%!important}}#castle-nav-link{color:var(--color-gold);min-height:44px;display:flex;align-items:center}#castle-story-link{position:absolute;left:64px;top:calc(50% + 220px);padding:12px 22px;font-size:14px;pointer-events:auto;min-height:44px}a:focus-visible{outline:2px solid var(--color-highlight);outline-offset:5px}@media(max-width:1199px){#castle-story-link{left:32px}}@media(max-width:700px){#castle-nav-link{display:none}#castle-story-link{position:static;align-self:flex-start;margin-top:16px}}#city-nav-link{color:var(--color-gold);min-height:44px;display:flex;align-items:center}#city-story-link{position:absolute;left:64px;top:calc(50% + 220px);padding:12px 22px;font-size:14px;pointer-events:auto;min-height:44px}@media(max-width:1199px){#city-story-link{left:32px}}@media(max-width:700px){#city-nav-link{display:none}#city-story-link{position:static;align-self:flex-start;margin-top:16px}}#theatre-nav-link{color:var(--color-gold);min-height:44px;display:flex;align-items:center}#theatre-story-link{position:absolute;left:64px;top:calc(50% + 220px);padding:12px 22px;font-size:14px;pointer-events:auto;min-height:44px}@media(max-width:1199px){#theatre-story-link{left:32px}}@media(max-width:900px){#theatre-nav-link{display:none}}@media(max-width:700px){#theatre-story-link{position:static;align-self:flex-start;margin-top:16px}}.vespertide-link{color:inherit;text-decoration:underline;text-underline-offset:3px;pointer-events:auto}.vespertide-link:hover{color:var(--color-gold, #e7b35d)}.site-recovery{position:fixed;z-index:90;inset:auto 16px 16px;max-width:600px;margin:auto;padding:18px;color:#f6f0dd;background:#0b222dfa;border:1px solid #d7b775;font:13px/1.6 Manrope,sans-serif}.site-recovery[hidden]{display:none}.site-recovery a,.site-recovery button{display:inline-flex;align-items:center;min-height:44px;margin-right:14px;color:#f4d997;text-decoration:underline}.site-header .chapter-switcher{display:none;position:relative;color:#f6f0dd;font-family:Manrope,sans-serif;font-size:12px;font-weight:500;letter-spacing:normal;text-transform:none;text-shadow:none}.site-header .chapter-switcher>summary{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:44px;padding:0 12px;list-style:none;cursor:pointer;border:1px solid #d7b77580;border-radius:3px;background:#0b222de8;color:#f6f0dd}.site-header .chapter-switcher>summary::-webkit-details-marker{display:none}.chapter-switcher>summary:focus-visible,.site-header .chapter-menu a:focus-visible{outline:2px solid #f4d997;outline-offset:3px}.chapter-chevron{color:#d7b775;font-size:18px;line-height:1}.chapter-switcher[open] .chapter-chevron{transform:rotate(180deg)}.site-header .chapter-menu{position:absolute;top:calc(100% + 8px);right:0;width:min(288px,calc(100vw - 32px));max-height:calc(100svh - 120px);overflow-y:auto;overscroll-behavior:contain;padding:12px;color:#f6f0dd;background:#0b222dfc;border:1px solid #d7b77580;border-radius:4px;box-shadow:0 18px 48px #020b14b3}.site-header .chapter-menu-heading{margin:0 0 8px;padding:4px 10px;color:#d7b775;font-size:10px;font-weight:500;line-height:1.5;letter-spacing:.12em;text-transform:uppercase}.site-header .chapter-menu ul{display:grid;gap:4px;list-style:none;padding:0;margin:0}.site-header .chapter-menu a{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:3px;width:100%;min-height:58px;padding:9px 10px;border:1px solid transparent;border-radius:2px;color:#f6f0dd;font-size:14px;line-height:1.25;text-decoration:none}.site-header .chapter-menu small{color:#c1ceca;font-size:11px;line-height:1.4}.site-header .chapter-menu a:hover,.site-header .chapter-menu a:focus-visible{background:#d7b77518}.site-header .chapter-menu a[aria-current=page]{border-color:#d7b77566;background:#d7b77518;color:#f4d997}#theatre-content{display:flow-root}.site-noscript{position:fixed;z-index:70;left:16px;right:16px;bottom:16px;width:fit-content;max-width:560px;margin:0 auto;padding:16px 20px;border:1px solid #d7b77580;border-radius:3px;background:#0b222df5;color:#f6f0dd;font:13px/1.6 Manrope,sans-serif}@media(max-width:999px){.site-header .site-actions>[data-desktop-chapter-link]{display:none!important}.site-header .chapter-switcher{display:block}.site-header .site-actions{max-width:none;gap:12px!important;padding:0;background:transparent}.site-header:has(.chapter-switcher[open]){z-index:80}}@media(max-width:700px){.site-header.site-header{display:grid;grid-template-columns:minmax(0,1fr) 142px;align-items:start!important;gap:10px;padding:16px!important}.site-header>:first-child{min-width:0}.site-header>.identity>span,.site-header>div>span{font-size:17px!important;line-height:1.2;white-space:nowrap}.site-header>.identity>small,.site-header>div{font-size:8px!important;line-height:1.6;letter-spacing:.08em}.site-header.site-header>.site-actions{display:grid;grid-template-columns:92px 44px;align-items:center;gap:0 6px!important;width:142px;max-width:142px;font-size:11px}.site-header .chapter-switcher{grid-column:1 / -1;width:100%}.site-header #btn-explore,.site-header #motion-label{display:none}.site-header #btn-journal,.site-header #btn-playbill{display:flex;align-items:center;justify-content:flex-end;gap:6px;min-height:44px;min-width:0;padding:0 6px;font-size:11px;line-height:1.2}.site-header #btn-motion{display:flex;align-items:center;justify-content:center;min-height:44px;min-width:44px;width:44px;margin:0;padding:0}}