:root{--ink:#171c19;--paper:#f1f0e8;--acid:#dbfa62;--muted:#667066;--line:#1a241c28;--sans:'Space Grotesk',sans-serif;--body:'DM Sans',sans-serif;--condensed:'Barlow Condensed',sans-serif}*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden}body{font-family:var(--body);color:var(--ink);background:var(--paper)}button,input,textarea{font:inherit}button,a,input,textarea{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button{border:0;cursor:pointer;background:none;color:inherit}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,summary:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid #e47440;outline-offset:5px}button{min-height:44px}img{max-width:100%;display:block}h1,h2,h3,p{margin:0}button:disabled{cursor:default;opacity:.5}[hidden]{display:none!important}.micro{font:10px var(--body);font-weight:600;letter-spacing:.12em;text-transform:uppercase}.small,small{font-size:11px;line-height:1.5}.skip{position:fixed;top:-100px;left:20px;background:var(--acid);padding:16px;z-index:200}.skip:focus{top:15px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.action{background:var(--ink);color:var(--paper);padding:14px 21px;display:inline-flex;justify-content:center;align-items:center;gap:20px;font-size:13px;border-radius:3px}.dialog-close{position:absolute;right:22px;top:18px;width:44px;height:44px;font-size:30px;z-index:8;border:1px solid currentColor;border-radius:50%;background:var(--paper);color:var(--ink)}dialog{color:var(--ink);background:var(--paper);border:0;padding:0;max-width:calc(100vw - 40px);max-height:calc(100dvh - 40px);box-shadow:0 20px 100px #0005}dialog::backdrop{background:#101810a8;backdrop-filter:blur(12px)}dialog[open]{animation:dialog-in .25s ease-out}.about-dialog,.contact-dialog{width:620px;padding:55px;overflow:auto}.about-dialog h2,.contact-dialog h2{font:600 52px/.95 var(--sans);letter-spacing:-.06em;margin:30px 0}.about-dialog p{font-size:15px;line-height:1.6;margin:22px 0}.about-dialog details{font-size:12px;margin:25px 0}.about-dialog summary{cursor:pointer;min-height:44px}.about-dialog details p{font-size:12px}.contact-dialog label{display:block;font-size:12px;margin:25px 0}.contact-dialog input,.contact-dialog textarea{display:block;width:100%;background:#fff8;border:0;border-bottom:1px solid #1c211c50;border-radius:0;font-size:15px;padding:15px 0;margin-top:8px;color:var(--ink)}.contact-dialog textarea{min-height:115px;resize:vertical}.contact-dialog .small{margin:20px 0;color:#59665a}.segmented{display:flex;border:1px solid currentColor;border-radius:3px;padding:3px;gap:3px}.segmented>button{font-size:12px;padding:9px 18px;min-height:38px}.segmented>button[aria-pressed=true]{background:#dcfa73;color:#13262b}.artifact-dialog{width:90vw;height:90dvh;padding:55px;display:none;overflow:auto}.artifact-dialog[open]{display:flex;justify-content:center;align-items:center}
/* Elsewhere is a continuous scene. Its encounters inhabit the place. */
.elsewhere{background:#0b1224;color:#f8f5df}.ew-header{position:fixed;z-index:15;top:0;left:0;right:0;display:flex;justify-content:space-between;align-items:center;padding:26px 4.5vw;background:linear-gradient(#080e2055,transparent);height:100px}.ew-name{font:600 12px var(--body);letter-spacing:.13em;text-align:left;padding:0}.ew-name>span{display:block;font-size:8px;font-weight:400;letter-spacing:.06em;margin-top:8px}.ew-header>a{font-size:11px}.map-toggle{font-size:11px;display:flex;gap:16px;align-items:center;border:1px solid #fff5;border-radius:30px;padding:0 20px;background:#0a11223d;backdrop-filter:blur(10px)}.map-toggle>span{font-size:25px}.world-space{position:absolute;inset:0}.place-scene{position:absolute;inset:0;overflow:hidden;isolation:isolate;animation:scene-in .7s}.scene-surface{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-3;transform:scale(1.025);transition:transform 1s}.scene-veil{position:absolute;inset:0;z-index:-2;background:linear-gradient(180deg,#08112725,transparent 28%,#080e1840 75%,#080f22e6),linear-gradient(90deg,#0b12274a,transparent 60%)}.arrival-type{position:absolute;left:6%;top:21%;pointer-events:none}.arrival-type>span{font-size:8px;letter-spacing:.18em;display:block;margin-bottom:18px}.arrival-type h2{font:600 clamp(115px,13.3vw,210px)/.72 var(--condensed);letter-spacing:-.035em}.arrival-type h2>span{position:absolute;font:300 80px var(--sans);right:-75px;bottom:-6px;color:#dcfb80}.arrival-invitation{position:absolute;bottom:21%;right:7%;max-width:340px}.arrival-invitation>p{font:400 17px/1.5 var(--body);text-shadow:0 2px 10px #02091c}.arrival-invitation>button{display:flex;align-items:center;gap:40px;border-bottom:1px solid #e9f1ce90;padding:14px 0;font-size:12px;margin-top:20px}.arrival-invitation>button>span{font-size:25px}.world-hotspot{display:flex;align-items:center;gap:13px;position:absolute;text-align:left;min-height:54px;background:#101c2c4d;border:1px solid #fff3;border-radius:100px;padding:7px 20px 7px 7px;backdrop-filter:blur(8px);transition:background .25s,transform .25s;box-shadow:0 4px 25px #050e2220}.world-hotspot:hover{background:#13212bad;transform:translateY(-3px)}.world-hotspot>i{font:400 23px var(--sans);font-style:normal;display:flex;width:38px;height:38px;justify-content:center;align-items:center;border:1px solid #f4f8cf99;border-radius:50%;flex-shrink:0}.world-hotspot>span{font-size:11px;line-height:1.25}.world-hotspot small{display:block;font-size:8px;letter-spacing:.02em;opacity:.7;margin-top:5px}.moon-note{left:62%;top:29%}.ew-footer{position:fixed;bottom:0;left:0;right:0;height:94px;z-index:15;display:flex;align-items:center;justify-content:space-between;padding:0 4.5vw;background:linear-gradient(transparent,#0811258a);gap:25px}.current-place{display:flex;align-items:center;gap:15px;font-size:11px}.compass-mark{font-size:30px;font-family:var(--sans)}.route-onward{font-size:12px;padding:10px 0;display:flex;align-items:center;gap:30px;border-bottom:1px solid #f7ffe050}.route-onward>span{font-size:22px}.journal-toggle{font-size:11px}.journal-toggle span{margin-left:12px}.scene-source{position:absolute;left:4.5vw;bottom:102px;font-size:8px;letter-spacing:.03em;color:#f7f8e8a3}.location-type{position:absolute;left:6%;top:23%;pointer-events:none;transition:opacity .3s}.location-type>span{font-size:9px;letter-spacing:.14em;display:block;margin-bottom:20px}.location-type h2{font:600 clamp(80px,10vw,160px)/.82 var(--condensed);text-transform:uppercase;letter-spacing:-.02em}.city-play{left:60%;top:54%}.city-note{left:7%;top:68%}.encounter-close{font-size:10px;border-bottom:1px solid #fff5;flex-shrink:0;align-self:flex-end;min-height:32px;margin-bottom:5px}.place-cafe .scene-veil{background:linear-gradient(180deg,#13100b35,transparent 30%,#18110944 65%,#120e0ee0)}.place-cafe .location-type{left:7%;top:24%;text-shadow:0 2px 30px #271204}.cafe-mina{position:absolute;height:52%;max-width:40%;object-fit:contain;right:7%;bottom:105px;filter:drop-shadow(0 20px 30px #2a140050);pointer-events:none}.cafe-open{left:43%;top:42%;background:#211a12a8}.cafe-note{left:7%;top:70%;background:#211a12a8}.place-root .location-type{top:25%;left:8%}.place-root .scene-veil{background:linear-gradient(180deg,#07161a30,transparent 50%,#061a20d9)}.root-listen{position:absolute;right:17%;top:26%;display:flex;flex-direction:column;align-items:center;gap:20px;transform:rotate(7deg)}.record-disc{width:230px;height:230px;border-radius:50%;background:repeating-radial-gradient(circle,#172120 0 1px,#101c1c 2px 5px);border:2px solid #a6c7a040;box-shadow:0 15px 50px #03141270;position:relative;display:flex;align-items:center;justify-content:center}.record-disc>b{font:500 28px/.9 var(--condensed);background:#ddba72;color:#25352b;letter-spacing:.03em;border-radius:50%;width:110px;height:110px;display:flex;align-items:center;justify-content:center;flex-direction:column;position:relative}.record-disc>i{position:absolute;width:8px;height:8px;background:#192a25;z-index:2;border-radius:50%;top:calc(50% - 4px);left:calc(50% - 4px)}.listen-label{font-size:12px;letter-spacing:.04em}.listen-label>small{font-size:9px;display:block;margin-top:7px;opacity:.7}.place-root.is-playing .record-disc{animation:record-spin 15s linear infinite}.world-map{width:1100px;height:min(760px,90dvh);background:#101c2beF;color:#edf5d4;padding:38px;overflow:hidden;border:1px solid #d8edc342;backdrop-filter:blur(20px)}.world-map::backdrop{background:#091425b0;backdrop-filter:blur(18px)}.world-map>header{display:flex;justify-content:space-between}.world-map h2{font:600 65px/.95 var(--condensed);text-transform:uppercase;margin:12px 0}.world-map .dialog-close{color:#e2f0ce;background:#16222d;border-color:#c8e0b955}.map-territory{height:calc(100% - 145px);position:relative}.map-territory>svg{position:absolute;inset:0;width:100%;height:100%;z-index:0}.map-territory>svg path{stroke:#b4dcb656;stroke-width:1;stroke-dasharray:5 7;fill:none}.map-place{position:absolute;width:190px;text-align:left;padding:0;transform:rotate(var(--rotation));transition:transform .3s;z-index:2}.map-place:hover{transform:rotate(0) scale(1.05)}.map-place>img{width:100%;height:100px;object-fit:cover;border:1px solid #e0f7b566;box-shadow:3px 10px 25px #030c144d}.map-place>span{font:500 20px/1.1 var(--condensed);text-transform:uppercase;display:block;margin-top:12px;position:relative}.map-place small{display:block;font:8px var(--body);text-transform:none;letter-spacing:.04em;margin-bottom:7px;opacity:.6}.map-place b{position:absolute;right:0;top:15px;font-family:var(--sans);font-weight:400}.map-moon{left:4%;top:11%;--rotation:-5deg}.map-city{left:39%;top:26%;--rotation:4deg}.map-cafe{right:3%;top:5%;--rotation:-4deg}.map-resonant{left:19%;bottom:0;--rotation:3deg}.map-root{right:14%;bottom:0;--rotation:-3deg}.map-foot{font-size:9px;opacity:.6;margin-top:15px}.elsewhere .about-dialog,.elsewhere .contact-dialog{background:#e9efdb}.elsewhere .about-dialog h2,.elsewhere .contact-dialog h2{font:600 60px/.95 var(--condensed);letter-spacing:0;text-transform:uppercase}
@keyframes dialog-in{from{opacity:0;transform:translateY(15px)}to{opacity:1;transform:none}}@keyframes scene-in{from{opacity:0;transform:scale(1.018)}to{opacity:1;transform:none}}@keyframes note-in{from{opacity:0;translate:0 12px}to{opacity:1;translate:0 0}}@keyframes record-spin{to{rotate:360deg}}

@media(max-width:1100px) and (min-width:761px){.segmented>button{padding:8px 12px}.map-place{width:160px}.arrival-type h2{font-size:150px}.moon-note{left:60%}.arrival-invitation{right:7%}}
@media(max-width:760px){
 .segmented>button{font-size:10px;padding:7px 13px}dialog{max-width:calc(100vw - 20px);max-height:calc(100dvh - 20px)}.about-dialog,.contact-dialog{padding:45px 27px 30px}.about-dialog h2,.contact-dialog h2{font-size:40px}.about-dialog .micro{font-size:8px}.about-dialog p{font-size:13px}.dialog-close{right:12px;top:12px;width:38px;height:38px;min-height:38px;font-size:25px}.artifact-dialog{width:calc(100vw - 20px);height:calc(100dvh - 20px);padding:60px 20px 25px}
 .ew-header{height:80px;padding:18px 22px;align-items:start}.ew-name{font-size:10px;padding-top:4px;letter-spacing:.1em}.ew-name>span{font-size:7px;letter-spacing:0}.ew-header>a{display:none}.map-toggle{font-size:9px;gap:7px;padding:0 12px;min-height:39px}.map-toggle>span{font-size:22px}.arrival-type{left:25px;top:24%}.arrival-type>span{font-size:6px;letter-spacing:.1em;max-width:220px;margin-bottom:20px}.arrival-type h2{font-size:clamp(110px,29vw,155px);line-height:.73;letter-spacing:-.025em}.arrival-type h2>span{font-size:45px;right:-42px;bottom:-6px}.place-moon .scene-surface{object-position:61% center}.moon-note{left:auto;right:20px;top:12%;padding:6px 13px 6px 6px;min-height:45px;gap:9px}.world-hotspot>i{width:32px;height:32px;font-size:21px}.world-hotspot>span{font-size:10px}.world-hotspot small{font-size:7px}.arrival-invitation{left:27px;right:25px;bottom:24%;max-width:none}.arrival-invitation>p{font-size:13px;line-height:1.5;max-width:260px}.arrival-invitation>button{font-size:11px;margin-top:15px;gap:35px;padding:10px 0}.arrival-invitation>button>span{font-size:20px}.ew-footer{height:112px;padding:12px 22px 17px;display:grid;grid-template-columns:1fr auto;grid-template-rows:35px 40px;gap:0 10px}.current-place{font-size:10px;justify-content:start;padding:0;gap:10px;min-height:35px}.compass-mark{font-size:23px}.route-onward{grid-column:1/3;grid-row:2;font-size:11px;min-height:40px;justify-content:space-between;border-top:1px solid #efffde35;border-bottom:0;padding:10px 0}.journal-toggle{font-size:9px;min-height:35px;padding:0}.journal-toggle span{margin-left:4px}.scene-source{left:22px;bottom:120px;right:22px;font-size:6px;max-width:290px;line-height:1.5}.location-type{left:25px;top:19%}.location-type>span{font-size:7px;margin-bottom:15px}.location-type h2{font-size:clamp(78px,21vw,115px);line-height:.8}.city-play{left:auto;right:22px;top:52%;padding-right:15px}.city-note{left:24px;top:69%}.place-city .scene-surface{object-position:68%}.place-cafe .location-type{top:19%;left:25px}.cafe-mina{height:36%;max-width:60%;right:-5%;bottom:24%;opacity:.95}.cafe-open{left:24px;top:49%;padding-right:16px}.cafe-note{left:24px;top:71%;padding-right:16px}.place-resonant .location-type{top:15%;left:25px}.place-resonant .location-type h2{font-size:76px}.place-root .location-type{left:25px;top:18%}.root-listen{right:7%;top:40%;gap:14px}.record-disc{height:160px;width:160px}.record-disc>b{height:75px;width:75px;font-size:20px}.listen-label{font-size:10px}.listen-label>small{font-size:7px}.world-map{padding:28px 23px;width:calc(100vw - 20px);height:calc(100dvh - 20px);overflow:auto}.world-map>header>.micro{font-size:7px}.world-map h2{font-size:53px;margin:15px 0 20px}.world-map .micro{font-size:7px;max-width:240px;display:block}.map-territory{height:auto;display:flex;flex-direction:column;gap:18px}.map-territory>svg{display:none}.map-place{position:relative!important;inset:auto!important;transform:none;width:100%;display:flex;align-items:center;gap:15px;padding:0;min-height:74px}.map-place>img{width:108px;height:67px;flex-shrink:0}.map-place>span{font-size:20px;margin:0;flex:1;line-height:1;max-width:165px}.map-place small{font-size:7px;margin-bottom:7px;max-width:150px}.map-place b{right:0;top:auto;bottom:0}.map-place:hover{transform:none}.map-foot{font-size:8px;margin:25px 0 0;line-height:1.6}.elsewhere .about-dialog h2,.elsewhere .contact-dialog h2{font-size:48px}
}
@media(max-height:680px) and (min-width:761px){.arrival-type{top:24%}.arrival-type h2{font-size:130px}.arrival-invitation{bottom:23%}.scene-source{bottom:97px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

/* Keep exits reachable while optional content scrolls. */