:root{color:#fff3d4;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#102b2a;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Arial,sans-serif}*{box-sizing:border-box}html,body,#root{width:100%;min-width:320px;min-height:100%;margin:0}body{overflow:hidden}button{font:inherit}h1,p{margin:0}.voyage{isolation:isolate;background:radial-gradient(circle at 50% 44%,#f6c97429,#0000 20rem),radial-gradient(circle at 13% 82%,#53897c52,#0000 34rem),radial-gradient(circle at 88% 5%,#0f2d36d1,#0000 36rem),linear-gradient(140deg,#0d2829 0%,#173c38 47%,#102a2d 100%);place-items:center;min-height:100svh;padding:clamp(18px,4vw,52px);display:grid;position:relative;overflow:hidden}.paper-noise,.longitude-field,.mist,.corner-ornament{pointer-events:none}.paper-noise{z-index:-1;opacity:.28;mix-blend-mode:soft-light;background-image:radial-gradient(#fff4d329 .55px,#0000 .7px),radial-gradient(#00151638 .7px,#0000 .9px);background-position:0 0,8px 10px;background-size:12px 12px,17px 17px;position:absolute;inset:0}.longitude-field{z-index:-1;opacity:.32;border:1px solid #ffedbf2e;border-radius:50%;animation:46s linear infinite celestialDrift;position:absolute;inset:-22%;transform:rotate(-18deg)}.longitude-field:before,.longitude-field:after,.longitude-field i{content:"";border:1px solid #ffedbf29;border-radius:50%;position:absolute}.longitude-field:before{inset:12% 30%}.longitude-field:after{inset:31% 7%}.longitude-field i:first-child{inset:4% 42%}.longitude-field i:nth-child(2){inset:24% 17%}.longitude-field i:nth-child(3){inset:43% 29%}.mist{z-index:-1;filter:blur(20px);opacity:.16;background:#d9e4cc;border-radius:50%;width:min(58vw,700px);height:min(21vw,260px);position:absolute}.mist-one{animation:24s ease-in-out infinite alternate mistFloat;top:17%;left:-15%}.mist-two{animation:31s ease-in-out -11s infinite alternate-reverse mistFloat;bottom:6%;right:-21%}.corner-ornament{aspect-ratio:1;border:1px solid #ffe7b13d;border-radius:50%;width:clamp(200px,28vw,390px);position:absolute}.corner-ornament:before,.corner-ornament:after{content:"";border-radius:inherit;border:1px dashed #ffe7b12e;position:absolute;inset:14%}.corner-left{top:clamp(-220px,-17vw,-90px);left:clamp(-245px,-12vw,-100px)}.corner-right{bottom:clamp(-220px,-17vw,-90px);right:clamp(-245px,-12vw,-100px)}.atlas-stage{grid-template-rows:auto minmax(260px,1fr);place-items:center;gap:clamp(14px,2.8vh,30px);width:min(100%,1180px);min-height:min(90svh,820px);display:grid}.scene-copy{z-index:3;text-align:center;text-wrap:balance;justify-items:center;gap:13px;width:min(100%,850px);display:grid}.scene-copy h1{color:#fff3d4;letter-spacing:-.045em;text-shadow:0 3px 18px #0214167a;max-width:15ch;font-family:Georgia,Times New Roman,Times,serif;font-size:clamp(2.8rem,6.8vw,6rem);font-weight:700;line-height:.98}.scene-copy p{color:#f5dfad;letter-spacing:.012em;text-shadow:0 2px 10px #02141670;max-width:610px;font-size:clamp(1.04rem,1.7vw,1.26rem);font-weight:500;line-height:1.62}.scene-copy.has-caption{order:2;align-self:end;margin-top:clamp(-6px,-1.2vh,-2px)}.scene-finale .scene-copy h1{max-width:14ch;font-size:clamp(2.5rem,5.8vw,5.15rem)}.atlas-map{z-index:2;aspect-ratio:1.42;width:min(82vw,620px,68svh);color:inherit;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;background:0 0;border:0;align-self:center;place-items:center;padding:0;display:grid;position:relative}.atlas-map:disabled{cursor:default}.atlas-map:focus-visible{outline-offset:9px;border-radius:18px;outline:3px solid #fff3d4}.map-shadow{z-index:-1;filter:blur(26px);background:#0113166b;border-radius:50%;position:absolute;inset:8% 4% -6%;transform:rotate(-2deg)}.map-paper{background:radial-gradient(circle at 17% 22%,#fff7d1e0,#0000 29%),radial-gradient(circle at 72% 79%,#ba743e2e,#0000 31%),linear-gradient(135deg,#ebd099,#d2aa65 54%,#e5c580);border:clamp(5px,.85vw,8px) solid #e5bf76;border-radius:clamp(11px,1.5vw,20px);width:100%;height:100%;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #492d1b94,inset 0 0 34px #4a2a143d,0 25px 55px #01111454}.map-paper:before,.map-paper:after{content:"";z-index:1;pointer-events:none;border:1px solid #3a2f217a;border-radius:5px;position:absolute;inset:clamp(10px,2vw,16px)}.map-paper:after{border-color:#54391f29;border-radius:2px;inset:clamp(16px,2.8vw,25px)}.map-lines{z-index:1;fill:none;stroke:#45403052;stroke-width:1.3px;stroke-dasharray:2 7;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.map-lines circle{fill:#87532e;stroke:none}.illustration-holder{z-index:2;display:block;position:absolute;inset:0}.map-seal{z-index:4;aspect-ratio:1;background:radial-gradient(circle at 34% 32%,#c9563d,#842c27 67%);border:1px solid #5c1a14a3;border-radius:50%;width:clamp(30px,5vw,43px);animation:2.8s ease-in-out infinite sealPulse;position:absolute;bottom:clamp(20px,4vw,34px);right:clamp(20px,4vw,34px);box-shadow:0 0 0 5px #e3be76b8,0 0 0 8px #5f291b52,0 0 24px #bf3922b8}.map-seal b{border:1px solid #ffe2a6db;border-radius:50%;position:absolute;inset:26%}.compass-illustration,.star-route-illustration,.journal-illustration,.sail-illustration,.finale-illustration{display:block;position:absolute;inset:0}.compass-aura{aspect-ratio:1;background:radial-gradient(circle,#fae49ac2,#fae49a0f 59%,#0000 70%);border-radius:50%;width:min(58%,310px);position:absolute;top:51%;left:50%;transform:translate(-50%,-50%)}.compass-ring{aspect-ratio:1;border:clamp(1px,.25vw,2px) solid #393f39b3;border-radius:50%;position:absolute;top:51%;left:50%;transform:translate(-50%,-50%)}.ring-outer{background:repeating-conic-gradient(#2d3f3bbf 0deg 1deg,#0000 1deg 9deg);width:57%;animation:42s linear infinite compassTurn;-webkit-mask:radial-gradient(#0000 61%,#000 62% 64%,#0000 65%);mask:radial-gradient(#0000 61%,#000 62% 64%,#0000 65%)}.ring-inner{border-style:dashed;width:43%}.compass-star{aspect-ratio:.55;clip-path:polygon(50% 0,100% 100%,50% 76%,0 100%);transform-origin:50%;filter:drop-shadow(0 2px #fff1bc80);background:linear-gradient(90deg,#263d3a 0 49%,#c85c3c 50% 100%);width:36%;position:absolute;top:51%;left:50%}.star-north{transform:translate(-50%,-80%)}.star-south{transform:translate(-50%,-20%)rotate(180deg)}.compass-cap{aspect-ratio:1;background:#344c46;border:3px solid #efc979;border-radius:50%;width:11%;position:absolute;top:51%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 0 4px #2a38312e}.map-spark,.star{aspect-ratio:1;background:#fff0bb;border-radius:50%;width:clamp(4px,.8vw,7px);animation:2.6s ease-in-out infinite alternate twinkle;position:absolute;box-shadow:0 0 12px 3px #ffe7a2a3}.spark-a{top:23%;left:23%}.spark-b{animation-delay:-1.1s;top:27%;right:22%}.spark-c{animation-delay:-.5s;bottom:27%;left:26%}.night-wash{background:radial-gradient(circle at 73% 28%,#294a58 0 2%,#0000 2.5%),linear-gradient(145deg,#173a43,#244e5c 65%,#142f3a);border-radius:48% 52% 39% 44%;position:absolute;inset:12%;box-shadow:inset 0 0 0 1px #ffe6a247,0 9px 22px #4b392729}.route-mountain{clip-path:polygon(0 100%,38% 31%,53% 57%,73% 0,100% 100%);background:linear-gradient(145deg,#42655d,#203c3c);position:absolute;bottom:14%}.mountain-back{opacity:.64;width:70%;height:37%;left:14%}.mountain-front{background:linear-gradient(145deg,#5d7665,#2e4d47);width:54%;height:28%;left:26%}.star-route-svg{z-index:2;fill:none;width:100%;height:100%;position:absolute;inset:0}.constellation-path{stroke:#ffebadd6;stroke-width:1.8px;stroke-dasharray:3 9;animation:9s linear infinite dashFlow}.route-path{stroke:#c9503d;stroke-width:2.2px;stroke-dasharray:1 9;stroke-linecap:round;animation:5s linear infinite dashFlow}.star-route-svg circle{fill:#fff0b5;stroke:#d28945;stroke-width:2px}.balloon{z-index:3;aspect-ratio:.78;background:repeating-linear-gradient(90deg,#d65239 0 23%,#f3d082 24% 48%,#305253 49% 72%);border:2px solid #1e3e40;border-radius:50% 50% 46% 46%;width:9%;animation:4.8s ease-in-out infinite alternate balloonSway;position:absolute;top:22%;left:24%}.balloon i,.balloon b{display:block;position:absolute}.balloon i{background:#28433f;width:1px;height:34%;top:100%;left:46%}.balloon b{background:#c19153;border:1px solid #294640;width:48%;height:18%;top:128%;left:26%}.star-one{top:20%;left:20%}.star-two{animation-delay:-.9s;top:24%;left:68%}.star-three{animation-delay:-1.7s;top:38%;right:15%}.journal-glow{aspect-ratio:1;background:radial-gradient(circle,#ffe694c7,#ffe69414 58%,#0000 70%);border-radius:50%;width:58%;position:absolute;top:46%;left:50%;transform:translate(-50%,-50%)}.book{z-index:2;background:linear-gradient(140deg,#fff0bb,#e8c87f);border:2px solid #664a32;width:34%;height:44%;position:absolute;bottom:18%;overflow:hidden;box-shadow:inset 0 0 20px #7147222b,0 13px 19px #422f1e29}.book-left{border-radius:8px 2px 2px 11px;right:49%;transform:skewY(5deg)}.book-right{border-radius:2px 8px 11px 2px;left:49%;transform:skewY(-5deg)}.book i{background:#44463966;width:64%;height:1px;margin:18% auto 0;display:block}.book i:nth-child(2){width:72%}.book i:nth-child(3){width:48%}.book-spine{z-index:3;background:linear-gradient(90deg,#6b432d,#f2d58d,#6b432d);border-radius:50%;width:3%;height:48%;position:absolute;bottom:17%;left:50%;transform:translate(-50%)}.bookmark{z-index:1;clip-path:polygon(0 0,100% 0,100% 100%,50% 82%,0 100%);background:#bd493b;width:5%;height:35%;animation:3.6s ease-in-out infinite alternate bookmarkSway;position:absolute;bottom:12%;right:29%}.paper-mountain{z-index:4;clip-path:polygon(0 100%,50% 0,100% 100%);transform-origin:bottom;background:linear-gradient(145deg,#47645a 0 48%,#1d393b 49%);animation:4.5s ease-in-out infinite alternate mountainBreathe;position:absolute;bottom:47%}.mountain-one{width:25%;height:29%;left:28%}.mountain-two{width:29%;height:38%;animation-delay:-1.2s;left:43%}.mountain-three{width:18%;height:22%;animation-delay:-2.4s;left:60%}.journal-sun{z-index:1;aspect-ratio:1;background:#d85b3d;border-radius:50%;width:9%;position:absolute;top:20%;left:65%;box-shadow:0 0 0 5px #d85b3d26}.sea-sun{aspect-ratio:1;background:#d26443;border-radius:50%;width:15%;position:absolute;top:18%;left:65%;box-shadow:0 0 0 7px #d264431f,0 0 26px #d2644342}.island{clip-path:polygon(0 100%,18% 62%,35% 77%,57% 15%,76% 56%,100% 100%);background:#3d6259;position:absolute;bottom:37%}.island-one{opacity:.76;width:30%;height:22%;left:11%}.island-two{opacity:.6;width:24%;height:16%;right:11%}.wave{border-top:2px solid #23535bc2;border-radius:50%;width:82%;height:16%;animation:4.2s ease-in-out infinite alternate waveGlide;position:absolute;left:9%}.wave-one{bottom:19%}.wave-two{animation-delay:-1.2s;bottom:29%;transform:scaleX(.84)}.wave-three{animation-delay:-2.4s;bottom:10%;transform:scaleX(1.06)}.sailboat{z-index:3;transform-origin:50% 90%;width:19%;height:37%;animation:4.2s ease-in-out infinite alternate boatRock;position:absolute;bottom:23%;left:45%}.sailboat i,.sailboat b{display:block;position:absolute}.mast{background:#264542;width:2px;height:76%;bottom:13%;left:50%}.sail-main{clip-path:polygon(0 0,100% 100%,0 100%);background:linear-gradient(135deg,#fff0bb,#e1bb70);width:41%;height:58%;bottom:26%;left:51%}.sail-small{clip-path:polygon(100% 0,0 100%,100% 100%);background:#c4513d;width:30%;height:47%;bottom:34%;right:50%}.hull{background:#294a47;border-radius:0 0 70% 70%;width:88%;height:16%;bottom:7%;left:7%;transform:skew(-17deg)}.gull{border-top:2px solid #385952;border-radius:50%;width:7%;height:3%;position:absolute}.gull-one{top:27%;left:25%;transform:rotate(12deg)}.gull-two{top:20%;left:33%;transform:rotate(-8deg)scale(.7)}.finale-aura{aspect-ratio:1;background:radial-gradient(circle,#ffecaed1,#ecb15324 51%,#0000 69%);border-radius:50%;width:67%;animation:4s ease-in-out infinite auraBreathe;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.finale-ray{transform-origin:50% 100%;background:linear-gradient(#c8573d,#c8573d0a);border-radius:99px;width:4%;height:44%;position:absolute;top:50%;left:50%}.ray-one{transform:translate(-50%,-100%)rotate(0)}.ray-two{transform:translate(-50%,-100%)rotate(90deg)}.ray-three{transform:translate(-50%,-100%)rotate(180deg)}.ray-four{transform:translate(-50%,-100%)rotate(270deg)}.finale-rose{aspect-ratio:1;width:43%;animation:32s linear infinite reverse compassTurn;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.finale-rose i{clip-path:polygon(50% 0,100% 100%,50% 79%,0 100%);transform-origin:50%;background:linear-gradient(#2a5550 0 50%,#d0593f 50% 100%);width:40%;height:82%;position:absolute;top:50%;left:50%}.finale-rose i:first-child{transform:translate(-50%,-50%)rotate(0)}.finale-rose i:nth-child(2){transform:translate(-50%,-50%)rotate(90deg)}.finale-rose i:nth-child(3){transform:translate(-50%,-50%)rotate(180deg)}.finale-rose i:nth-child(4){transform:translate(-50%,-50%)rotate(270deg)}.finale-rose b{aspect-ratio:1;background:#32514d;border:3px solid #edcb7b;border-radius:50%;width:18%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.finale-spark{aspect-ratio:1;background:#fff0b5;border-radius:50%;width:7px;animation:2.2s ease-in-out infinite alternate twinkle;position:absolute;box-shadow:0 0 13px 4px #ffde8ab3}.final-spark-one{top:26%;left:23%}.final-spark-two{animation-delay:-.6s;top:32%;right:20%}.final-spark-three{animation-delay:-1.2s;bottom:19%;left:29%}.final-spark-four{animation-delay:-1.7s;bottom:17%;right:29%}@keyframes celestialDrift{to{transform:rotate(342deg)}}@keyframes mistFloat{to{transform:translate(12vw,-4vh)scale(1.1)}}@keyframes sealPulse{0%,to{transform:scale(.94);box-shadow:0 0 0 5px #e3be76b8,0 0 0 8px #5f291b52,0 0 16px #bf39225c}50%{transform:scale(1.07);box-shadow:0 0 0 7px #e3be769e,0 0 0 11px #5f291b40,0 0 31px #bf3922c7}}@keyframes compassTurn{to{transform:translate(-50%,-50%)rotate(360deg)}}@keyframes twinkle{0%{opacity:.38;transform:scale(.76)}to{opacity:1;transform:scale(1.14)}}@keyframes dashFlow{to{stroke-dashoffset:-80px}}@keyframes balloonSway{0%{transform:translateY(0)rotate(-4deg)}to{transform:translateY(-13px)rotate(4deg)}}@keyframes bookmarkSway{0%{transform:rotate(-2deg)}to{transform:rotate(4deg)translateY(4px)}}@keyframes mountainBreathe{0%{transform:scaleY(.96)}to{transform:scaleY(1.04)}}@keyframes waveGlide{0%{margin-left:-2%}to{margin-left:4%}}@keyframes boatRock{0%{transform:rotate(-3deg)translateY(1px)}to{transform:rotate(3deg)translateY(-5px)}}@keyframes auraBreathe{0%,to{opacity:.72;transform:translate(-50%,-50%)scale(.94)}50%{opacity:1;transform:translate(-50%,-50%)scale(1.06)}}@media (width<=680px){.voyage{padding:16px}.atlas-stage{grid-template-rows:auto minmax(230px,1fr);gap:12px;min-height:92svh}.scene-copy{gap:10px}.scene-copy h1{max-width:13ch;font-size:clamp(2.6rem,13vw,4.25rem);line-height:1}.scene-copy p{max-width:31ch;font-size:clamp(1rem,4.1vw,1.15rem);line-height:1.55}.scene-finale .scene-copy h1{max-width:12.5ch;font-size:clamp(2.35rem,10.8vw,3.35rem)}.atlas-map{width:min(91vw,520px,70svh)}.corner-ornament{opacity:.68}.map-seal{bottom:18px;right:18px}}@media (height<=670px) and (width>=681px){.atlas-stage{min-height:88svh}.scene-copy h1{font-size:clamp(2.65rem,5.6vw,4.65rem)}.atlas-map{width:min(67vw,500px,64svh)}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}