@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,400;0,500;1,400&family=Manrope:wght@400;500;600&display=swap');
:root{color-scheme:dark;--gold:#e5c791;--text:#f0ece3;--muted:#a1b2c0}*{box-sizing:border-box}body{margin:0;background:#06101c;color:var(--text);font:12px Manrope,Arial,sans-serif;overflow:hidden}button{font:inherit;color:inherit;background:none;border:0;cursor:pointer;-webkit-tap-highlight-color:transparent}button:focus-visible,canvas:focus-visible{outline:1px solid var(--gold);outline-offset:4px}button:hover{color:var(--gold)}[hidden]{display:none!important}#world{position:fixed;inset:0;width:100%;height:100%;touch-action:none}.shade{position:fixed;inset:0;pointer-events:none;background:linear-gradient(90deg,#030b15cf,transparent 66%),linear-gradient(0deg,#030b15b8,transparent 25%)}header{position:fixed;top:0;left:0;right:0;display:flex;align-items:center;justify-content:space-between;padding:26px 4%;z-index:8}.brand{display:flex;align-items:center;gap:16px;color:var(--gold);font-size:26px}.brand span{font-size:20px;color:var(--text)}.brand i{font:8px Manrope;letter-spacing:2px;padding-left:20px;border-left:1px solid #73839366;margin-left:10px;color:var(--muted)}.header-tools{display:flex;gap:24px;align-items:center;font-size:10px}.header-tools span{padding-left:14px;color:var(--gold)}#fullscreen{font-size:23px}#entrance{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;gap:8vw;padding:90px 7% 80px;background:radial-gradient(ellipse at 75% 50%,#15334d50,#030c18c9 70%);z-index:3;transition:opacity 1.5s,filter 1.5s}.eyebrow{font-size:8px;letter-spacing:2.5px;color:var(--gold);line-height:1.8}h1{font:400 clamp(42px,4.5vw,78px)/1.04 'Cormorant Garamond',Georgia,serif;letter-spacing:-1.5px;margin:28px 0}em{font-weight:400;color:var(--gold)}.entrance-copy p{font-size:12px;line-height:2;color:var(--muted)}.entry-note{display:block;font-size:9px;color:#a28d6c;margin-top:32px}#painting{position:relative;width:min(30vw,330px);padding:0;perspective:1200px;transition:transform 2s cubic-bezier(.7,0,.4,1),opacity 1.8s;flex-shrink:0}.frame{display:block;border:7px solid #9b8052;outline:1px solid #e8d4a266;outline-offset:5px;box-shadow:0 0 60px #d5ab4f20,0 25px 70px #000a;transform:rotateY(-9deg) rotateZ(2deg);transition:transform .7s;overflow:hidden}.frame img{display:block;width:100%;max-height:61vh;object-fit:cover}#painting:hover .frame{transform:rotateY(0deg) rotateZ(0);box-shadow:0 0 90px #86c5ed44}.painting-cta{display:flex;justify-content:space-between;align-items:center;font-size:8px;letter-spacing:2px;margin-top:30px;color:var(--gold)}.painting-cta b{font-size:20px;font-weight:400}.entrance-bottom{position:absolute;bottom:30px;left:4%;right:4%;font-size:8px;letter-spacing:2px;color:#7c8f9f;display:flex;justify-content:space-between}.entering #painting{transform:scale(9) translateX(-6vw);opacity:0}.entering .entrance-copy,.entering .entrance-bottom{opacity:0;transition:opacity .6s}.entering #entrance{background:transparent;pointer-events:none}.inside #entrance{opacity:0;pointer-events:none}.inside .shade{background:linear-gradient(90deg,#030b15ad,transparent 48%),linear-gradient(0deg,#030b15ad,transparent 22%)}#portal-flash{position:fixed;inset:0;background:#87d8ff;opacity:0;pointer-events:none;z-index:7;transition:opacity .5s}#flight-label{position:fixed;top:24%;left:0;right:0;text-align:center;font:italic 40px 'Cormorant Garamond',Georgia;letter-spacing:1px;pointer-events:none;opacity:0;transition:opacity .6s;z-index:6;text-shadow:0 3px 30px #000}.flying #flight-label{opacity:1}.place{position:fixed;left:5%;top:24%;width:300px;pointer-events:none;transition:opacity .7s}.place button,.place #reflection{pointer-events:auto}.place h2{font:400 56px/1 'Cormorant Garamond',Georgia;margin:18px 0}.place>p{font-size:11px;line-height:1.9;color:#bdcbd5;max-width:270px;white-space:pre-line}.gold-button{font-size:10px;letter-spacing:.5px;padding:14px 18px;border:1px solid #d1ad6d80;background:#0b1b2c99;backdrop-filter:blur(15px);color:var(--gold);margin-top:18px}.gold-button:hover{background:#4e493d88}#reflection{background:#071321bd;backdrop-filter:blur(18px);border-left:1px solid #bba27488;padding:14px 16px;margin-top:18px;max-height:37vh;overflow:auto}#reveal{line-height:1.85;color:#c2d0da;font-size:11px;margin:0 0 12px}#choices{display:flex;flex-wrap:wrap;gap:7px}#choices button{border:1px solid #7d8e9b66;padding:8px 10px;color:#d9e1e6;font-size:9px}#choices button.selected{border-color:var(--gold);background:#ae8e4429;color:var(--gold)}#answer{font:italic 18px/1.3 'Cormorant Garamond',Georgia;color:var(--gold);margin-bottom:0}#hotspots{position:fixed;inset:0;pointer-events:none}.hotspot{position:absolute;left:0;top:0;pointer-events:auto;display:flex;align-items:center;gap:8px;font-size:9px;white-space:nowrap;text-shadow:0 1px 7px #000;padding:9px 12px;border:1px solid #a9cbe349;background:#0817259c;backdrop-filter:blur(10px);border-radius:30px;transition:opacity .4s}.hotspot i{font:normal 17px Georgia;color:var(--gold)}.hotspot b{font-weight:400;letter-spacing:1px}.hotspot:hover{background:#324c60cc;border-color:var(--gold)}.hotspot .done{color:#bcd6aa}#travel-card{position:fixed;right:4%;bottom:130px;text-align:right}#travel-index{font-size:8px;letter-spacing:2px;color:var(--gold)}#travel-name{font:italic 29px Georgia;margin:12px 0}#next{border-bottom:1px solid #a58b5355;padding:12px 0;font-size:10px}#next span{margin-left:28px;color:var(--gold)}#discovered{position:fixed;right:4%;top:105px;font-size:9px;color:var(--gold);letter-spacing:1px}.flight-controls{position:fixed;bottom:65px;left:5%;display:flex;gap:8px;align-items:center}.flight-controls button{padding:10px 13px;border:1px solid #a2bdcc44;background:#081522aa;user-select:none;touch-action:none;font-size:10px}.flight-controls button:active{background:#6e8eaa66}#autopilot{margin-left:12px}#compass{position:fixed;left:50%;bottom:65px;text-align:center;color:#96aab8;pointer-events:none}#compass span{font-size:8px;display:block}#compass i{font-size:25px;display:block;font-style:normal}footer{position:fixed;bottom:17px;left:4%;right:4%;display:flex;align-items:center;justify-content:space-between;z-index:6}footer>span{font-size:8px;letter-spacing:2px;color:#7c90a0}footer>div{display:flex;align-items:center;gap:22px}footer button{font-size:17px}#sound{font-size:9px}#help{border:1px solid #8298a766;border-radius:50%;height:24px;width:24px;font-size:12px}.flying .place,.flying #travel-card{opacity:0;pointer-events:none}.flying .place button{pointer-events:none}.flying #hotspots{opacity:0;pointer-events:none}.flying .hotspot{pointer-events:none}dialog{background:#091725f5;border:1px solid #bc9d6955;color:var(--text);padding:35px;max-width:90vw;max-height:90dvh;overflow:auto;box-shadow:0 20px 100px #0008}dialog::backdrop{background:#020810cd;backdrop-filter:blur(18px)}dialog h2{font:400 48px/1.05 'Cormorant Garamond',Georgia;margin:12px 0}dialog p{line-height:1.9;color:#aebfcb;font-size:11px}dialog [data-close]{position:absolute;right:20px;top:15px;font-size:28px;color:var(--gold);z-index:2}.dialog-head{display:flex;justify-content:space-between}.dialog-head [data-close]{position:static}#atlas{width:780px}#map-worlds{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:23px}.map-place{border:1px solid #7894a440;padding:20px;text-align:left;background:linear-gradient(145deg,#23394c33,#07132166);min-height:135px;position:relative}.map-place .symbol{font:30px Georgia;color:var(--gold);display:block;margin-bottom:10px}.map-place strong{font:24px 'Cormorant Garamond',Georgia;display:block;font-weight:400}.map-place small{font-size:8px;color:#91a6b6;display:block;margin-top:7px}.map-place.visited{border-color:#ccb27980}.map-place .tick{position:absolute;right:14px;top:14px;color:#c7d5ac}.interpretation{font-size:9px!important;color:#7f93a4!important;margin-top:22px}#art{padding:12px}#art figure{margin:0}#art img{max-width:80vw;max-height:76dvh;display:block}#art figcaption{text-align:center;padding:15px;font:italic 20px Georgia}#art [data-close]{background:#06101cc9;border-radius:50%;height:34px;width:34px}#help-dialog{width:520px}#ending{width:650px;padding:50px}#ending h2{font-size:60px}#personal-path{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:24px 0}#personal-path>div{border-top:1px solid #c8b17944;padding-top:10px}#personal-path span{font-size:8px;color:#9eafbc;display:block}#personal-path strong{font:italic 22px Georgia;color:var(--gold);font-weight:400;display:block;margin-top:6px}#loading{position:fixed;inset:0;background:#06101c;z-index:20;display:grid;place-content:center;text-align:center;transition:opacity 1s}#loading p{font-size:8px;letter-spacing:4px;color:var(--gold)}.loading-eye{font-size:50px;color:var(--gold);animation:breath 2s infinite}@keyframes breath{50%{opacity:.2;transform:scale(.9)}}#error{position:fixed;inset:0;background:#06101c;z-index:30;padding:10vw}#error img{max-height:65vh;max-width:80vw}
@media(max-width:700px){header{padding:18px 5%}.brand{gap:8px;font-size:23px}.brand span{font-size:16px}.brand i{display:none}.header-tools{gap:14px;font-size:9px}#original{display:none}#fullscreen{font-size:21px}#entrance{flex-direction:column;gap:25px;padding:80px 7% 60px;justify-content:center}.entrance-copy{text-align:center}.eyebrow{font-size:6px;letter-spacing:1.8px}h1{font-size:40px;margin:14px 0}.entrance-copy p{font-size:10px;line-height:1.8}.entry-note{display:none}#painting{width:min(42vw,190px)}.frame{border-width:5px}.frame img{max-height:34vh}.painting-cta{font-size:6px;letter-spacing:1px;margin-top:15px;gap:10px}.entrance-bottom{font-size:6px;letter-spacing:1px;bottom:57px}.entrance-bottom>span{display:none}.entering #painting{transform:scale(12) translateY(-8vh)}.place{top:auto;bottom:170px;left:6%;width:67%;max-width:310px}.place h2{font-size:37px;margin:10px 0}.place>p{font-size:10px;line-height:1.7;margin:8px 0;max-width:250px}.gold-button{font-size:9px;padding:11px 13px;margin-top:8px}#reflection{margin-top:10px;padding:11px;max-height:31vh}#reveal{font-size:10px;line-height:1.6}#answer{font-size:16px}.inside .shade{background:linear-gradient(0deg,#030b15ee 8%,#030b1577 55%,transparent 80%)}#travel-card{bottom:78px;right:6%;max-width:37%}#travel-name{font-size:19px;margin:7px 0}#travel-index{font-size:6px}#next{font-size:8px;padding:8px 0}#next span{margin-left:5px}#discovered{right:6%;top:75px;font-size:8px}.flight-controls{bottom:78px;left:6%;gap:5px;max-width:55%;flex-wrap:wrap}.flight-controls button{font-size:8px;padding:9px}#autopilot{margin-left:0;flex-basis:100%;max-width:140px}.hotspot{font-size:7px;padding:7px 9px;gap:5px}.hotspot i{font-size:14px}.hotspot b{letter-spacing:0}#compass{display:none}footer{bottom:17px;left:6%;right:6%}footer>span{font-size:6px;letter-spacing:1px}footer>div{gap:17px}#sound{font-size:8px}dialog{padding:22px;max-width:93vw}dialog h2{font-size:37px}#map-worlds{grid-template-columns:repeat(2,1fr);gap:8px}.map-place{min-height:106px;padding:14px}.map-place strong{font-size:22px}.map-place .symbol{font-size:23px;margin-bottom:7px}.map-place small{font-size:7px}.dialog-head .eyebrow{max-width:240px}#ending{padding:28px}#ending h2{font-size:44px}#personal-path strong{font-size:18px}#flight-label{font-size:29px;top:23%}}
@media(max-height:650px) and (min-width:701px){.place{top:19%}.place h2{font-size:42px}#reflection{max-height:30vh}.frame img{max-height:58vh}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition-duration:.1s!important}}

@media(min-width:701px){.entrance-bottom{bottom:65px}}

/* The photograph is deliberately displayed clockwise, with the city upright. */
#painting{width:min(39vw,480px)}.frame{position:relative;aspect-ratio:4/3}.frame img,.rotated-art img{position:absolute;left:50%;top:50%;width:75%;height:133.3333%;max-height:none;max-width:none;object-fit:contain;transform:translate(-50%,-50%) rotate(90deg)}.rotated-art{position:relative;width:min(80vw,900px);aspect-ratio:4/3}#art .rotated-art img{max-width:none;max-height:none}.entrance-copy{flex-shrink:1}#journal-button{font-size:9px}#journal-button span{margin-left:7px;color:var(--gold);font-size:8px}.header-tools{gap:18px}.place #explore{display:block;margin-top:8px;border-color:#7398a766;color:#b9dce8}.exploring .place{top:108px;width:235px}.exploring .place h2{font-size:33px;margin:9px 0}.exploring .place>p{font-size:10px;line-height:1.7}.exploring #interact,.exploring #explore,.exploring #reflection,.exploring #travel-card,.exploring #hotspots,.exploring #discovered,.exploring #autopilot{display:none!important}.walking [data-move="up"],.walking [data-move="down"]{display:none}.exploring .shade{background:linear-gradient(0deg,#020c16af,transparent 28%),linear-gradient(90deg,#04101c88,transparent 48%)}#expedition-hud{position:fixed;right:4%;top:110px;text-align:right;display:flex;flex-direction:column;gap:10px;max-width:270px;pointer-events:none}#locomotion{font-size:8px;letter-spacing:2px;color:var(--gold)}#depth-meter{font:italic 28px Georgia;font-weight:400;color:#b9e0ee}#whisper{font-size:9px;line-height:1.8;color:#b5cbd8;white-space:pre-line}#near-secret{pointer-events:auto;align-self:flex-end;margin-top:12px;padding:14px 18px;background:#102733dd;border:1px solid #c7c4a888;color:var(--gold);font-size:10px}#water-overlay{position:fixed;inset:0;pointer-events:none;opacity:0;background:radial-gradient(ellipse,transparent 40%,#00152899);border:12px solid #092e3e22;transition:opacity 1s}.swimming #water-overlay{opacity:1}.flight-controls{gap:6px}.flight-controls button{padding:10px}.exploring #compass{left:auto;right:5%;bottom:65px}#expeditions{width:800px}#expedition-list{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:22px}.expedition-card{border:1px solid #7f9fa24d;padding:22px;text-align:left;min-height:145px;background:linear-gradient(140deg,#c39c5b15,#15314533)}.expedition-card span{display:block;color:var(--gold);font-size:9px;letter-spacing:1px}.expedition-card strong{display:block;font:26px/1.1 'Cormorant Garamond',Georgia;font-weight:400;margin:12px 0}.expedition-card small{color:#93afbf;font-size:8px;line-height:1.6}#secret-dialog{width:530px;padding:42px}#secret-dialog h2{font-size:44px;margin:20px 0}#secret-story{font-size:13px;line-height:2}#journal{width:710px}#journal-list{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:22px}.journal-item{border:1px solid #7894a440;padding:18px;text-align:left}.journal-item strong{font:23px 'Cormorant Garamond',Georgia;font-weight:400;display:block}.journal-item span{display:block;margin-top:8px;font-size:9px;line-height:1.7;color:#a3b9c9}.journal-item.unknown{opacity:.55}#journal-ending{color:var(--gold)!important;border-top:1px solid #b79d6344;padding-top:20px}
@media(max-width:700px){#painting{width:min(77vw,370px)}.frame img{max-height:none}.header-tools{gap:12px}#journal-button{font-size:8px}#journal-button span{font-size:7px;margin-left:3px}#map-button{font-size:8px}#fullscreen{display:none}.exploring .place{top:88px;bottom:auto;left:6%;width:54%;max-width:235px}.exploring .place h2{font-size:25px}.exploring .place>p{font-size:8px}.exploring #leave-expedition{font-size:8px;padding:9px}.exploring #expedition-hud{top:95px;right:6%;max-width:37%;gap:8px}#locomotion{font-size:6px;letter-spacing:1px}#depth-meter{font-size:22px}#whisper{font-size:7px;line-height:1.8}#near-secret{padding:10px;font-size:8px;text-align:left}.exploring .flight-controls{max-width:87%;bottom:70px;gap:7px}.flight-controls{max-width:63%;gap:4px}.flight-controls button{padding:8px;font-size:8px}.place{bottom:190px}#explore{font-size:8px;padding:10px}.exploring .place{pointer-events:none}.exploring #leave-expedition{pointer-events:auto}#expedition-list{grid-template-columns:1fr 1fr;gap:8px}.expedition-card{padding:14px;min-height:124px}.expedition-card strong{font-size:22px}.expedition-card small{font-size:7px}#journal-list{grid-template-columns:1fr}#secret-dialog{padding:26px}#secret-dialog h2{font-size:35px}#secret-story{font-size:11px}.entrance-copy h1{font-size:37px}.entrance-copy p{font-size:9px}}
@media(max-height:600px) and (max-width:700px){#entrance{flex-direction:row;gap:25px}.entrance-copy h1{font-size:28px}#painting{width:42vw}.entrance-copy .eyebrow{display:none}.painting-cta{margin-top:10px}}
#living-button{font-size:9px;color:#e8cc98}#wildlife{width:710px}.wildlife-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:24px}.wildlife-grid button{text-align:left;border:1px solid #a1b3bc44;padding:22px;background:linear-gradient(145deg,#bd97421a,#15334a22)}.wildlife-grid span{font-size:30px;color:var(--gold)}.wildlife-grid strong{display:block;font:28px 'Cormorant Garamond',Georgia;font-weight:400;margin:12px 0}.wildlife-grid small{font-size:10px;line-height:1.8;color:#a2b9c9}@media(max-width:700px){#living-button{font-size:8px}.header-tools{gap:9px}.wildlife-grid button{padding:15px}.wildlife-grid strong{font-size:23px}.wildlife-grid small{font-size:8px}.brand{gap:6px}.brand span{font-size:14px}}

#follow-whale{display:block;font-size:9px;color:#b2dfef;border-color:#86b3cb66;margin-top:8px}.exploring #follow-whale{pointer-events:auto}