body{height:100dvh;overflow:hidden;background:#f0f0e4}body:after{content:'';position:fixed;inset:0;pointer-events:none;z-index:3;box-shadow:inset 0 0 110px #d4d6bd44}.map-header{position:fixed;z-index:5;inset:0 0 auto;display:flex;align-items:center;justify-content:space-between;padding:25px 35px;pointer-events:none;background:linear-gradient(#f4f3e9ee,transparent)}.map-header>*{pointer-events:auto}.map-header .brand{font-size:24px}.map-header .brand span:last-child{color:var(--coral)}.header-caption{margin-left:20px;font-size:9px;letter-spacing:2px;color:#758174;border-left:1px solid #c7cebb;padding-left:20px;align-self:center}.brand-wrap{display:flex}.map-actions{display:flex;gap:20px;align-items:center}.map-actions .button{box-shadow:0 4px 15px #263d3b12}.about-map{background:#f7f5edb3;width:30px;height:30px;border:1px solid #c9cdbf;border-radius:50%;font-family:Georgia,serif;color:var(--ink)}#viewport{position:fixed;inset:0;overflow:hidden;touch-action:none;cursor:grab;outline:none}#viewport.dragging{cursor:grabbing}#world{width:3800px;height:2400px;position:absolute;transform-origin:0 0;will-change:transform;user-select:none;background-image:radial-gradient(#7c91771a .8px,transparent .8px);background-size:8px 8px}.world-art{position:absolute;inset:0;width:3800px;height:2400px;pointer-events:none}.island-land{fill:#e0e4ce;stroke:#c3cdb0;stroke-width:1}.island-detail{fill:url(#batik);opacity:.32;color:#8d9f7a}.sea-line{fill:none;stroke:#c2cdb4;stroke-width:1.2;opacity:.7}.story-route{fill:none;stroke:#c26a4f;stroke-width:2;stroke-dasharray:3 10;stroke-linecap:round;animation:map-route 55s linear infinite}.route-shadow{fill:none;stroke:#f7f5eb;stroke-width:13}.art-building{stroke:#6e8669;fill:#edf0dd;stroke-width:2}.island-title{font-family:'Playfair Display',Georgia,serif;fill:#87967c;font-style:italic;letter-spacing:18px}.sea-title{font-family:Georgia,serif;fill:#97a78e;font-style:italic;letter-spacing:7px}.world-intro{position:absolute;left:350px;top:180px;transform:rotate(-4deg)}.world-intro .eyebrow{color:#9b795c}.world-intro h1{font-family:'Playfair Display',Georgia,serif;font-weight:500;font-size:68px;letter-spacing:-2px;line-height:1.12;margin:14px 0}.world-intro>p{font-family:Georgia,serif;font-style:italic;color:#849077;font-size:16px}.intro-star{position:absolute;right:-100px;top:26px;font-size:90px;color:#c97b50;animation:rotate-pattern 95s linear infinite}.day-island{position:absolute;width:650px;height:640px}.day-location{display:flex;align-items:center;gap:19px;position:absolute;left:-8px;top:-30px}.day-location>span{font-family:'Playfair Display',Georgia,serif;font-size:62px;color:var(--coral);font-style:italic}.day-location small{font-size:9px;letter-spacing:2px;color:#7d8b72}.day-location h2{font-size:35px;margin:6px 0}.story-paper{position:absolute;left:0;top:86px;width:285px;min-height:270px;padding:36px 27px 27px;background:#faf8ed;box-shadow:2px 8px 18px #4d5b3b0b;transform:rotate(-4deg);border:1px solid #e2e2cf}.story-paper .eyebrow{font-size:7px;line-height:1.7}.story-paper p{font-family:Georgia,serif;font-size:14px;color:#75816b;line-height:1.8;margin:15px 0}.paper-tape{position:absolute;width:93px;height:26px;left:94px;top:-13px;background:#ddd1b3a3;transform:rotate(5deg)}.script-note{font-family:Georgia,serif;font-style:italic;color:#b77453;font-size:13px}.world-photo{border:0;background:#fffdf5;padding:9px 9px 0;box-shadow:4px 9px 19px #263d3b18;position:absolute;transition:transform .3s;text-align:left;color:#727f6a}.world-photo:hover{transform:rotate(0) scale(1.03);z-index:2}.world-photo img{display:block;width:100%;height:100%;object-fit:cover;pointer-events:none}.world-photo>span{display:block;padding:12px 4px;font-family:Georgia,serif;font-size:11px;font-style:italic}.main-photo{width:330px;left:312px;top:100px;transform:rotate(7deg)}.main-photo img{height:255px}.side-photo{width:225px;left:230px;top:414px;transform:rotate(-9deg)}.side-photo img{height:147px}.explore-photos{position:absolute;left:30px;top:455px;border:0;background:none;color:#7b8a6a;font-family:Georgia,serif;font-style:italic;font-size:14px;transform:rotate(-8deg)}.map-song{position:absolute;width:325px;left:1170px;top:1130px;transform:rotate(5deg)}.map-song .music-player{background:#eddfc0;border-color:#d8c9a5;box-shadow:2px 8px 18px #4d5b3b0b;display:flex;flex-wrap:wrap;padding:20px;gap:13px}.map-song .song-copy{flex:1}.map-song .song-copy strong{font-family:Georgia,serif;font-size:17px;font-weight:400}.map-song .song-copy small{font-size:7px;letter-spacing:1px}.map-song .waveform{order:4;flex-basis:100%;justify-content:space-between;height:23px}.song-caption{font-family:Georgia,serif;font-size:14px;font-style:italic;text-align:center;color:#9b795c;margin-top:15px}.world-annotation{position:absolute;font-family:'Playfair Display',Georgia,serif;font-style:italic;color:#9eaa8f;font-size:26px;line-height:1.5;text-align:center;pointer-events:none}.annotation-one{left:1280px;top:610px;transform:rotate(-12deg)}.annotation-two{left:2130px;top:1120px;transform:rotate(8deg)}.annotation-three{left:3030px;top:950px;transform:rotate(-9deg)}.world-compass{position:absolute;left:320px;top:1480px;opacity:.65;color:#829475;text-align:center;font-family:Georgia,serif}.world-compass strong{display:block;font-size:92px;font-weight:400}.world-compass small{letter-spacing:3px;font-size:10px}.world-ending{position:absolute;left:3120px;top:1970px;font-family:Georgia,serif;font-style:italic;color:#899575;transform:rotate(-8deg);font-size:28px}.world-ending span{display:block;font-size:13px;margin-top:15px;color:#a16d51}.map-controls{position:fixed;bottom:26px;left:50%;transform:translateX(-50%);z-index:5;display:flex;gap:8px;padding:7px;background:#faf8efed;border:1px solid #d9ddca;border-radius:40px;box-shadow:0 6px 25px #3b543b0a;backdrop-filter:blur(12px)}.map-controls button{background:none;border:0;color:#738168;padding:11px 18px;border-radius:30px;font-size:11px;white-space:nowrap;transition:.2s}.map-controls button.current{background:var(--ink);color:#faf8ef}.map-controls button small{font-size:8px;opacity:.6;margin-right:7px}.map-controls .overview-button{border-left:1px solid #d9ddca;border-radius:0;padding:9px 14px;font-size:18px}.view-tools{position:fixed;right:28px;bottom:28px;z-index:5;display:flex;flex-direction:column;align-items:end;gap:10px}.zoom-tools{display:flex;background:#faf8efde;border:1px solid #d9ddca;border-radius:4px;align-items:center}.zoom-tools button{border:0;background:none;color:var(--ink);font-size:18px;width:32px;height:30px}.zoom-tools span{font-size:9px;color:#7e8d70;min-width:37px;text-align:center}.minimap{width:158px;height:100px;border:1px solid #bcc8ad;border-radius:5px;background:#e9ecdcdb;position:relative;overflow:hidden;cursor:crosshair;box-shadow:0 3px 15px #263d3b08}.minimap svg{width:100%;height:100%;position:absolute;inset:0}.minimap-viewport{position:absolute;border:1px solid #bb7452;background:#f6e7cc4d;pointer-events:none}.map-status{position:fixed;left:34px;bottom:34px;z-index:4}.map-status>span{font-size:8px;letter-spacing:2px;color:#77866e;display:block;margin-bottom:9px}.map-status strong{font-weight:400;font-family:Georgia,serif;font-size:14px}.map-hint{position:fixed;top:95px;left:50%;transform:translateX(-50%);z-index:4;font-size:9px;letter-spacing:1px;color:#839177;display:flex;align-items:center;gap:12px;background:#f5f4e9b3;border:1px solid #dce0cc88;border-radius:20px;padding:9px 17px;pointer-events:none}.map-hint span{color:#b67750;font-size:16px}.saved-world{position:absolute;left:1430px;top:1740px;display:flex;gap:40px;max-width:1900px;flex-wrap:wrap}.saved-world:before{content:'the stories we picked up along the way';position:absolute;top:-70px;left:10px;font-family:Georgia,serif;font-style:italic;font-size:24px;color:#8d9b7e}.saved-world .saved-entry{width:300px;flex-shrink:0;background:#faf8ed;transform:rotate(3deg);border:0;box-shadow:3px 8px 20px #3b543b10;margin:0}.saved-world .saved-entry h3{font-size:24px}.saved-world .entry-meta{font-size:7px}dialog{z-index:10}#toast{bottom:100px;z-index:20}@keyframes map-route{to{stroke-dashoffset:-300}}.floating-leaf{transform-origin:center;animation:leaf-drift 12s ease-in-out infinite alternate}@keyframes leaf-drift{to{transform:translate(10px,-12px) rotate(3deg)}}@media(max-width:850px){.map-header{padding:20px}.header-caption{display:none}.map-header .brand{font-size:20px}.map-actions{gap:10px}.map-actions .button{font-size:10px;padding:11px 13px;gap:8px}.map-controls{bottom:23px;gap:2px;padding:5px}.map-controls button{padding:10px 12px;font-size:10px}.map-controls button small{display:none}.view-tools{right:18px;bottom:93px}.minimap{width:102px;height:65px}.map-status{left:20px;bottom:115px}.map-status strong{font-size:11px}.map-status>span{font-size:7px}.map-hint{top:87px;font-size:8px;width:max-content;max-width:95vw;gap:6px;padding:7px 12px}.map-controls .overview-button{padding:6px 11px}}@media(prefers-reduced-motion:reduce){.story-route,.floating-leaf{animation:none}}
.map-hint{top:auto;bottom:95px;background:#f5f4e9db}.world-photo img{background:#e4e7d6}@media(max-width:850px){.map-hint{top:85px;bottom:auto;font-size:7px}}
.world-intro{top:230px}@media(max-width:850px){.story-paper p{font-size:20px;line-height:1.6}.story-paper p+p{display:none}.story-paper .eyebrow{font-size:10px}.script-note{font-size:16px}.story-paper{min-height:325px}.map-status{max-width:170px}}