/* Source design stage 0.5: full-viewport cartographic scroll. Geometry is never decorative. */
body{background:#071f25;color:#e6dfc9}body::before{display:none}button{background:transparent}.site-header{position:absolute;z-index:12;top:0;left:0;right:0;height:86px;margin:0 4%;border-bottom:1px solid #c5ac6b45;color:#e6d5ae}.brand{color:#ead9b4}.brand-en{color:#bda774}.site-header nav a,.site-header nav button{color:#c5c8b7}.sound-toggle{color:#ddc994;border-color:#c7ad683d;background:#07252be0}.explore-shell{margin:0}.explore-layout{display:block;position:relative;height:100svh;min-height:740px;overflow:hidden;background:radial-gradient(ellipse at 70% 38%,#143c42 0,#092a31 45%,#071d24 100%)}.map-panel{position:absolute;inset:0;border:0;border-radius:0;background:none;overflow:visible;box-shadow:none}.map-surface{height:100%;min-height:0;isolation:isolate}.map-empty{display:block;padding:0;pointer-events:auto;background:transparent;isolation:isolate;overflow:hidden}.atlas-world{position:absolute;inset:0}.atlas-world svg{width:100%;height:100%;display:block;touch-action:none;cursor:grab}.atlas-world svg:active{cursor:grabbing}.geo-grid path{fill:none;stroke:#d5b970;stroke-width:.5;opacity:.095}.district-land{stroke:url(#coast-gold);stroke-width:1.25;stroke-linejoin:round}.land-grain{pointer-events:none}.coast-shimmer{stroke:#ffe7a0;stroke-width:1.7;stroke-dasharray:4 36;opacity:.24;animation:gold-flow 16s linear infinite;pointer-events:none}.geo-labels text{font-family:var(--serif);text-anchor:middle;pointer-events:none;paint-order:stroke;stroke:#153b3b;stroke-width:3px;stroke-linejoin:round}.district-name{fill:#d5c597;font-size:16px;letter-spacing:4px;opacity:.65}.geo-labels .sea-name{fill:#bfcca9;font-size:30px;letter-spacing:14px;opacity:.5;stroke:#0b2c34}.label-leader{stroke:#d9bd7d;stroke-width:.8;fill:none;opacity:.7}.point-core{fill:#ffe6a4;stroke:#ae8a46;stroke-width:1.5}.point-halo{fill:#f6d28110;stroke:#ddbd75;stroke-width:.8;animation:point-breathe 4s ease-in-out infinite}.scroll-vignette{position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,#061d28a6 0,transparent 25%,transparent 87%,#071f2555),linear-gradient(#071d2499 0,transparent 25%,transparent 74%,#05191fee)}.gilded-frame{position:absolute;inset:18px;border:1px solid #e2c47b50;pointer-events:none;box-shadow:inset 0 0 0 6px #061d2577,inset 0 0 0 7px #c8ae6a20}.gilded-frame::before,.gilded-frame::after{content:'';position:absolute;top:0;bottom:0;width:5px;background:linear-gradient(90deg,#80632e,#e1c47b99,#5c4925);opacity:.7}.gilded-frame::before{left:-3px}.gilded-frame::after{right:-3px}.gilded-frame i{position:absolute;width:48px;height:48px;border:2px solid #d1b574;border-right:0;border-bottom:0;left:6px;top:6px}.gilded-frame i::after{content:'◇';position:absolute;top:4px;left:6px;font-size:22px;color:#bca164}.gilded-frame i:nth-child(2){left:auto;right:6px;transform:rotate(90deg)}.gilded-frame i:nth-child(3){top:auto;bottom:6px;transform:rotate(-90deg)}.gilded-frame i:nth-child(4){left:auto;top:auto;right:6px;bottom:6px;transform:rotate(180deg)}.gold-dust{position:absolute;inset:15%;pointer-events:none;opacity:.4;background-image:radial-gradient(circle,#edce89 0 1px,transparent 2px),radial-gradient(circle,#fff2be 0 .8px,transparent 1.6px);background-size:163px 179px,257px 233px;background-position:10px 20px,83px 103px;animation:dust-drift 22s ease-in-out infinite alternate;mask-image:linear-gradient(transparent,#0008 30%,#000 70%,transparent)}.scroll-title{position:absolute;top:18%;left:6%;z-index:3;pointer-events:none}.scroll-title>p:first-child{font:9px/1.7 sans-serif;letter-spacing:3px;color:#bea976}.scroll-title h1{font:500 clamp(54px,5.3vw,82px)/1.18 var(--serif);letter-spacing:12px;margin:24px 0 16px;color:#e8cd8d;text-shadow:0 2px 20px #0007;background:linear-gradient(120deg,#a47e39,#fcebb5 40%,#c5a35b 65%,#f8e8b5);background-clip:text;-webkit-text-fill-color:transparent}.scroll-title h1 span{display:block;margin-left:44px}.seal{position:absolute;right:-35px;top:100px;padding:6px 8px;border:1px solid #bd7259;color:#d89576;font:14px/1.3 var(--serif);transform:rotate(-5deg)}.scroll-title .scroll-subtitle{font:14px/2 var(--serif);color:#c8c6ac;letter-spacing:2px;max-width:230px;margin-top:24px}.scroll-title button{pointer-events:auto;margin-top:28px;min-height:48px;border:1px solid #d3b87888;color:#f2dca5;padding:9px 22px;background:linear-gradient(100deg,#a98a4625,#b69d5820);font-size:14px;letter-spacing:3px;position:relative;overflow:hidden}.scroll-title button::after{content:'';position:absolute;inset:-20px;transform:translateX(-140%) skewX(-20deg);background:linear-gradient(90deg,transparent,#f4db9533,transparent);animation:button-sheen 7s ease infinite}.scroll-title button span{margin-left:22px}.map-regions{position:absolute;top:111px;left:50%;transform:translateX(-50%);display:flex;gap:2px;z-index:5;background:#0a2b30b8;border:1px solid #cbb06d40;padding:4px;backdrop-filter:blur(12px)}.map-regions button{min-height:40px;padding:8px 17px;color:#bdc7b5;font-size:13px;white-space:nowrap}.map-regions button[aria-pressed=true]{background:#d1b67522;color:#f5dda0}.atlas-compass{position:absolute;right:5%;top:21%;color:#d7bd7d;display:grid;justify-items:center;pointer-events:none}.atlas-compass span,.atlas-compass small{font:10px Georgia;letter-spacing:2px}.atlas-compass b{font:75px/1.15 Georgia;font-weight:400}.atlas-controls{position:absolute;right:4%;bottom:219px;display:grid;z-index:5;border:1px solid #d3b16c55;background:#08262fe0;backdrop-filter:blur(10px)}.atlas-controls button{width:44px;min-height:44px;color:#d2b579;border-bottom:1px solid #d3b16c25;font-size:22px}.atlas-controls #atlas-motion{font-size:11px}.atlas-controls button:hover{background:#d3b16c22}.atlas-controls button:disabled{opacity:.35}.map-scale{position:absolute;bottom:191px;left:4.5%;color:#a6b6a8;display:grid;gap:5px}.map-scale>span{display:block;border:1px solid #d2b674;border-top:0;height:5px;max-width:130px}.map-scale small{font-size:10px;letter-spacing:1px}.atlas-bottom{position:absolute;bottom:34px;left:4.5%;right:4.5%;display:flex;justify-content:space-between;font-size:11px;color:#98aa9e;z-index:4;gap:15px}.atlas-bottom a{text-decoration:underline;text-underline-offset:3px}.atlas-bottom>span:last-child{color:#d9c28a;white-space:nowrap}.atlas-pin{position:absolute;min-height:54px;width:188px;display:flex;align-items:center;gap:9px;text-align:left;padding:9px 12px;background:linear-gradient(110deg,#09242ff2,#10383bdc);border:1px solid #c6ad6a79;box-shadow:0 6px 26px #0004;backdrop-filter:blur(8px);color:#e9d7a8;z-index:4;transition:background .2s,border-color .2s;clip-path:polygon(0 0,calc(100% - 8px) 0,100% 8px,100% 100%,8px 100%,0 calc(100% - 8px))}.pin-orb{font:12px Georgia;display:grid;place-items:center;min-width:23px;height:26px;border-right:1px solid #be9e5b6b;padding-right:8px}.pin-label strong{display:block;font:15px/1.4 var(--serif);letter-spacing:1px}.pin-label small{display:block;font-size:10px;letter-spacing:1px;color:#9eafa5;margin-top:4px}.atlas-pin:hover,.atlas-pin[aria-pressed=true]{background:#294d46;border-color:#ffe2a0;color:#fff0bf}.atlas-pin.is-complete .pin-orb{color:#9fddbd}.atlas-pin:focus-visible{outline:3px solid #ffe2a0;outline-offset:5px;clip-path:none}.explore-toolbar{position:absolute;bottom:157px;left:50%;transform:translateX(-50%);z-index:7;display:flex;gap:12px;justify-content:center;align-items:center;margin:0;flex-wrap:nowrap;width:max-content;max-width:85%;padding:6px 10px;background:#08252de8;border:1px solid #c4a96a44;backdrop-filter:blur(12px);border-radius:2px}.theme-filters{flex-wrap:nowrap;gap:2px}.filter-chip,.view-toggle button{min-height:40px;padding:6px 12px;background:transparent;color:#aebcae;border:1px solid transparent;border-radius:0;font-size:12px;white-space:nowrap}.filter-chip[aria-pressed=true],.view-toggle button[aria-pressed=true]{background:#c7a85c20;color:#e2c98c;border-color:#c4a96a44}.view-toggle{flex-wrap:nowrap;gap:0;border-left:1px solid #c4a96a44;padding-left:6px}.explore-search{display:none;gap:8px}.explore-search input,.explore-search select{background:#12333b;border:1px solid #bfa56c44;color:#e3d8bd;border-radius:2px;font-size:13px;min-height:44px}.scene-dock{position:absolute;left:50%;transform:translateX(-50%);bottom:70px;width:82%;max-width:1160px;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:0;border-top:1px solid #c8ad6c70;border-bottom:1px solid #c8ad6c45;z-index:6;background:linear-gradient(90deg,#09242ad9,#13363bed,#09242ad9);backdrop-filter:blur(14px)}.dock-scene{display:grid;grid-template-columns:28px 1fr;gap:3px 8px;text-align:left;padding:13px 16px;min-height:72px;border-right:1px solid #c8ad6c30;color:#dec690}.dock-scene>span{grid-row:1/3;font:17px/2 Georgia;color:#a58a52}.dock-scene strong{font:15px var(--serif);letter-spacing:1px}.dock-scene small{font-size:10px;color:#8ea99d}.dock-scene:hover{background:#c5a95b20}.scroll-more{position:absolute;bottom:34px;left:50%;transform:translateX(-50%);color:#d7c08a;font-size:11px;letter-spacing:3px;z-index:4}.scroll-more span{padding-left:10px}.place-panel{display:none}.detail-open .place-panel,.list-only .place-panel{display:block;position:absolute;right:4%;top:100px;width:340px;max-height:calc(100% - 310px);overflow:auto;z-index:10;scrollbar-gutter:auto;background:#092a32ed;backdrop-filter:blur(20px);border:1px solid #c8ad6c77;box-shadow:0 20px 70px #0008}.place-detail{border:0;background:none;border-radius:0;color:#c4d0c2;padding:23px;gap:14px}.place-detail h3{font:26px/1.4 var(--serif);color:#ead39a}.place-detail .eyebrow{color:#cbb277}.detail-back,.asset-note,.source-link{color:#a5b8b0}.place-art{min-height:95px;font:20px/1.5 var(--serif);background:#1c4141!important;color:#dec997!important;border-radius:2px;letter-spacing:2px}.place-detail .primary-button{background:#c9ad6d;color:#112f35;border-radius:1px}.place-list,.list-only .place-list{display:grid;grid-template-columns:1fr;gap:8px;padding:0 14px 14px}.place-card{background:#12363c;border:1px solid #bda3623d;border-radius:2px;padding:17px;color:#dfcea6}.place-card strong{font-size:20px}.place-card>span:not(.place-tag){font-size:14px;color:#9fb8b1}.place-card .place-tag,.place-card small{font-size:12px;color:#c4ac73}.place-count{margin:16px;color:#cbb37a;font-size:12px}.list-only .map-panel{display:block}.list-only .place-panel{width:380px}.list-only .explore-toolbar .explore-search{display:flex}.list-only .explore-toolbar{max-width:95%;flex-wrap:wrap}.list-only .scene-dock{opacity:.25;pointer-events:none}.list-only .place-detail{max-width:none}.map-caption{position:absolute;right:4%;bottom:196px;z-index:5;display:flex;padding:0;background:transparent;color:#8da798;gap:8px}.map-caption p{display:none}.map-caption button{font-size:10px;color:#9bad9c;background:#08262fa8;border:1px solid #b99c5930;border-radius:0;padding:5px 8px;min-height:30px}.map-empty[hidden]{display:none}.map-canvas{height:100%;width:100%}.collection{color:#243f40;background:#f1eee3;margin-top:45px;padding:36px;border-radius:3px}.memory-section{background:#12363b;color:#ddd1b0;border:1px solid #baa05f44;border-radius:3px}.memory-copy p{color:#b4c5b8}.memory-section .primary-button{background:#c9b079;color:#143238}.site-footer{color:#acbcae;border-color:#b9a36b33}.site-footer a,.site-footer button{color:#c0c8b4}.chapter-dialog,.memory-dialog,.about-dialog{color:#203d45}.bottom-nav{display:none}.geo-dots,.geo-leaders{pointer-events:none}
@keyframes gold-flow{to{stroke-dashoffset:-160}}@keyframes point-breathe{50%{opacity:.35;stroke-width:1.5}}@keyframes dust-drift{to{transform:translate(14px,-22px);opacity:.2}}@keyframes button-sheen{0%,65%{transform:translateX(-140%) skewX(-20deg)}100%{transform:translateX(140%) skewX(-20deg)}}
.motion-paused *, .motion-paused *::after{animation-play-state:paused!important}.motion-paused .gold-dust{opacity:.15}
@media(max-width:1100px){.scroll-title{left:5%;top:20%}.scroll-title h1{font-size:60px}.scroll-title>p:first-child{max-width:150px;font-size:8px}.seal{right:-10px;top:80px}.scroll-title .scroll-subtitle{max-width:150px;font-size:12px}.scroll-title button{padding:8px 12px;letter-spacing:1px}.dock-scene{padding:12px 10px;gap:3px}.dock-scene strong{font-size:13px}.scene-dock{width:88%}.atlas-compass{top:20%;right:5%}.detail-open .place-panel{width:310px}.map-regions button{padding:7px 12px}.atlas-pin{width:180px}.pin-label strong{font-size:14px}}
@media(max-width:700px){body{padding-bottom:0}.explore-layout{height:100svh;min-height:750px}.site-header{height:65px;margin:0 20px;z-index:12}.brand{font-size:22px}.brand-en{font-size:7px}.sound-toggle{padding:7px 10px;font-size:11px;min-height:40px}.gilded-frame{inset:8px}.gilded-frame i{width:27px;height:27px}.gilded-frame i::after{font-size:14px;top:0;left:3px}.scroll-title{left:24px;top:132px}.scroll-title>p:first-child{font-size:7px;letter-spacing:1.5px;max-width:130px}.scroll-title h1{font-size:41px;letter-spacing:6px;margin:12px 0}.scroll-title h1 span{margin-left:26px}.seal{right:-12px;top:55px;font-size:11px;padding:4px}.scroll-title .scroll-subtitle{display:none}.scroll-title button{margin-top:9px;padding:7px 10px;font-size:12px;min-height:40px}.scroll-title button span{margin-left:6px}.map-regions{top:79px;width:max-content;max-width:90%;padding:3px;gap:0}.map-regions button{padding:6px 12px;font-size:12px;min-height:36px}.atlas-compass{top:148px;right:30px}.atlas-compass b{font-size:44px}.atlas-compass small{font-size:8px}.atlas-compass span{font-size:9px}.atlas-pin{width:146px;min-height:48px;padding:7px 8px;gap:7px}.pin-label strong{font-size:12px;letter-spacing:0}.pin-label small{font-size:9px;letter-spacing:0;margin-top:2px}.pin-orb{font-size:10px;min-width:20px;padding-right:5px}.district-name{font-size:12px;letter-spacing:2px}.geo-labels .sea-name{font-size:19px;letter-spacing:9px}.atlas-controls{right:16px;bottom:193px;grid-template-columns:repeat(4,38px);border-color:#b99d5950}.atlas-controls button{width:38px;min-height:40px;border-right:1px solid #b99d5930;border-bottom:0;font-size:20px}.atlas-controls #atlas-motion{font-size:10px}.map-scale{left:22px;bottom:203px}.map-scale small{font-size:9px}.map-scale>span{max-width:85px}.explore-toolbar{bottom:143px;left:16px;right:16px;transform:none;max-width:none;width:auto;padding:4px;gap:2px;justify-content:space-between}.theme-filters{width:auto;overflow-x:auto;flex:1;flex-wrap:nowrap;padding:0}.filter-chip{font-size:11px;padding:6px 9px;min-height:35px}.view-toggle{padding-left:2px}.view-toggle button{font-size:10px;padding:6px 7px;min-height:35px}.view-toggle button:first-child{display:none}.scene-dock{bottom:65px;width:calc(100% - 32px);display:flex;overflow-x:auto;scroll-snap-type:x mandatory;max-width:none}.dock-scene{flex:0 0 132px;min-height:65px;padding:11px;scroll-snap-align:start}.dock-scene strong{font-size:13px}.dock-scene>span{font-size:14px}.dock-scene small{font-size:9px}.atlas-bottom{bottom:16px;left:20px;right:20px;font-size:9px;gap:8px;line-height:1.6}.atlas-bottom>span:first-child{max-width:230px}.atlas-bottom>span:last-child{font-size:10px}.scroll-more{display:none}.map-caption{top:335px;bottom:auto;left:20px;right:auto;gap:4px}.map-caption button{min-height:28px;font-size:9px;padding:4px 6px}.detail-open .place-panel,.list-only .place-panel{position:absolute;left:16px;right:16px;top:128px;bottom:185px;width:auto;max-height:none;z-index:11}.place-detail{padding:20px;gap:12px}.place-detail h3{font-size:24px}.place-art{min-height:70px;font-size:17px}.place-detail .detail-lead{font-size:16px}.place-detail p{font-size:14px}.list-only .explore-toolbar{bottom:143px;left:16px;right:16px;max-width:none;flex-wrap:nowrap}.list-only .explore-search{position:absolute;bottom:calc(100svh - 131px);left:0;right:0;display:flex;background:#08252d;padding:5px;flex-wrap:nowrap}.explore-search label:first-child{min-width:0;flex:1}.explore-search input{width:100%;min-width:0}.explore-search select{max-width:110px}.collection{padding:26px 18px;margin:30px 4%}.section-heading h2{font-size:28px}.memory-section{margin:0 4%;padding:24px}.site-footer{padding-bottom:25px}.toast{bottom:20px}.map-empty{padding:0}.map-panel{margin:0}.place-panel{margin:0}.sea-wave-field{opacity:.65}}
@media(prefers-reduced-motion:reduce){html:not([data-motion=full]):not([data-motion=gentle]){scroll-behavior:auto}html:not([data-motion=full]):not([data-motion=gentle]) .coast-shimmer,html:not([data-motion=full]):not([data-motion=gentle]) .point-halo,html:not([data-motion=full]):not([data-motion=gentle]) .gold-dust,html:not([data-motion=full]):not([data-motion=gentle]) .scroll-title button::after{animation:none!important}html:not([data-motion=full]):not([data-motion=gentle]) .atlas-pin{transition:none}}

.atlas-controls #atlas-motion{white-space:nowrap;padding:0}

@media(max-width:700px){.explore-layout[data-region]:not([data-region=all]) .map-caption{display:none}}
/* Source design stage 0.6 — 海上有来信: luminous gold, pearl surf and cinematic ornament. */
body{background:#f5e8ca;color:#49351f}.explore-layout{background:radial-gradient(ellipse at 12% 23%,#fff6d3 0,transparent 43%),radial-gradient(ellipse at 80% 10%,#f9d4ad 0,transparent 46%),linear-gradient(155deg,#edd8a3 0%,#d5bd9a 33%,#879ba8 70%,#657c95 100%)}
.explore-layout::before{content:'';position:absolute;inset:0;pointer-events:none;z-index:2;background:repeating-linear-gradient(113deg,transparent 0 48px,#fff5cf12 50px,transparent 52px 105px);mix-blend-mode:soft-light;animation:light-sail 20s ease-in-out infinite alternate}
.site-header{border:0;height:92px;z-index:20}.brand,.brand-en{color:#71502c}.brand img{width:36px;height:36px;flex:none;filter:none}.brand{width:44px;min-height:44px;justify-content:center;gap:0;letter-spacing:0}.sound-toggle{color:#604724;background:#fff4d435;border:1px solid #99723b50;backdrop-filter:blur(12px);border-radius:30px}.site-header nav{visibility:hidden;pointer-events:none}.tools-open .site-header nav{visibility:visible;pointer-events:auto}.site-header nav a,.site-header nav button{color:#614827}
.scroll-vignette{background:linear-gradient(90deg,#fff3c837,transparent 42%),linear-gradient(0deg,#34495c40,transparent 26%);z-index:1}.gilded-frame{inset:16px;border-color:#fff8d594;box-shadow:inset 0 0 0 5px #a77e3914,inset 0 0 0 6px #fff7d77a;z-index:6}.gilded-frame::before,.gilded-frame::after{background:linear-gradient(90deg,#b68b45,#fff1bb,#b68b45);width:2px}.gilded-frame i{border-color:#fff4ca;width:60px;height:60px}.gilded-frame i::after{color:#a5793b}
.geo-grid{opacity:.12}.district-land{stroke:#b17d3d;stroke-width:.7;filter:drop-shadow(0 3px 3px #85664140)}.land-grain{opacity:.5}.coast-shimmer{stroke:#fffae1;stroke-width:2.6;stroke-dasharray:2 12;opacity:.8}.sea-wave-field{opacity:.12}.geo-labels text{stroke:#f3d796;stroke-width:3px}.district-name{fill:#9b743b;opacity:.55;font-size:13px}.geo-labels .sea-name{fill:#fff4cf;stroke:transparent;opacity:.66;font-size:27px;letter-spacing:16px}
.tidal-band{stroke:#fff8db;stroke-linejoin:round;stroke-width:var(--still-width);opacity:.17;animation:tide-arrive 14s linear infinite;animation-delay:var(--tide-delay)}.tidal-band:nth-child(2n){stroke:#fff5e3}.tidal-band:nth-child(3n){stroke:#b6bdc7;opacity:.17}
@keyframes tide-arrive{0%{stroke-width:190px;stroke-opacity:0}15%{stroke-opacity:.22}65%{stroke-opacity:.85}90%{stroke-opacity:.8}100%{stroke-width:3px;stroke-opacity:0}}
.romance-art{position:absolute;inset:0;width:100%;height:100%;z-index:2;pointer-events:none;overflow:hidden}.sun-glow{animation:sun-breathe 10s ease-in-out infinite alternate;mix-blend-mode:screen}.celestial-orbit{opacity:.38;stroke-width:.65}.mythic-surf{animation:surf-sway 18s ease-in-out infinite alternate;transform-origin:center bottom}.gull-flight{animation:gull-glide var(--flight-duration) ease-in-out infinite;animation-delay:var(--flight-delay)}.gull-wings{animation:gull-wing 3.7s ease-in-out infinite;transform-box:fill-box;transform-origin:center;filter:drop-shadow(2px 8px 4px #6e768640)}
@keyframes surf-sway{from{transform:translate(-12px,15px) rotate(-1deg)}to{transform:translate(22px,-16px) rotate(1deg)}}@keyframes gull-glide{0%,100%{transform:translate(-40px,12px) rotate(-7deg)}50%{transform:translate(65px,-45px) rotate(8deg)}}@keyframes gull-wing{0%,100%{transform:scaleY(.55)}50%{transform:scaleY(1)}}@keyframes sun-breathe{to{opacity:.5;transform:translate(12px,-9px)}}@keyframes light-sail{to{transform:translateX(25px);opacity:.35}}
.gold-dust{z-index:3;inset:8%;opacity:.8;background-image:radial-gradient(circle,#fffbe8 0 1px,transparent 2px),radial-gradient(circle,#fff2bb 0 1.2px,transparent 2.4px);background-size:101px 139px,173px 197px;mix-blend-mode:screen;animation-duration:17s}
.scroll-title{z-index:4;left:7%;top:20%;max-width:330px}.scroll-title>p:first-child{font-size:9px;letter-spacing:3px;color:#967440}.scroll-title .romance-kicker{font:12px var(--serif);letter-spacing:5px;color:#94713d;margin-top:26px}.scroll-title h1{font:400 clamp(68px,6.3vw,104px)/1.15 var(--serif);letter-spacing:10px;margin:19px 0;color:#7d5121;background:linear-gradient(135deg,#6c4724 0%,#c09a50 40%,#8d5727 75%,#e9c683);background-clip:text;-webkit-text-fill-color:transparent;text-shadow:none}.scroll-title h1 span{margin-left:38px;white-space:nowrap}.seal{top:90px;right:15px;border-color:#b37a54;color:#a16a45;font-size:12px;background:#fff5db33}.scroll-title .scroll-subtitle{max-width:none;font-size:13px;color:#82663e;letter-spacing:2px;margin-top:29px}.scroll-title button{color:#765327;border:0;border-bottom:1px solid #a8804480;background:none;padding:12px 0;font-size:12px;margin-top:14px;letter-spacing:4px}.scroll-title button::after{background:linear-gradient(90deg,transparent,#fffce0aa,transparent)}
.scroll-poem{position:absolute;right:7%;bottom:19%;z-index:3;font:17px/2.1 var(--serif);letter-spacing:5px;color:#fff4ce;text-shadow:0 2px 12px #4e56794d;pointer-events:none}.atlas-compass{color:#af8645;opacity:.65;top:16%;right:5%}.atlas-compass b{font-size:56px}.atlas-compass small{display:none}
.atlas-pin{background:transparent;border:0;box-shadow:none;backdrop-filter:none;clip-path:none;color:#65451f;padding:7px 9px;width:188px;text-shadow:0 1px 8px #fff6d8;transition:background .3s,color .3s;z-index:5}.pin-orb{border:1px solid #a87938;border-radius:50%;height:27px;min-width:27px;padding:0;font-size:10px;background:#fff0c46b;box-shadow:0 0 0 4px #fff1c82e}.pin-label strong{font-size:16px;letter-spacing:2px}.pin-label small{color:#896637;letter-spacing:2px;font-size:9px}.atlas-pin:hover,.atlas-pin[aria-pressed=true]{background:#fff5dcbf;color:#63431e;border-radius:0 18px 0 18px}.atlas-pin.is-complete .pin-orb{color:#79521b;background:#ffe8a2}.label-leader{stroke:#91662e;opacity:.65;stroke-width:.65}.point-core{fill:#fffbe2;stroke:#a67c3e;stroke-width:1.3}.point-halo{stroke:#fff6cf;fill:#fff2ba44;stroke-width:1.5}.atlas-pin:focus-visible{outline-color:#90602b}
.cinema-actions{position:absolute;bottom:54px;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:12px;z-index:15}.cinema-actions button{height:48px;color:#fff2ce;border:1px solid #fff0c780;background:#5d66694a;backdrop-filter:blur(16px);box-shadow:0 6px 35px #3f475e20}.cinema-actions #cinema-motion{width:48px;border-radius:50%;font:16px Georgia}.cinema-actions #explore-toggle{padding:0 25px;border-radius:40px;font:13px var(--serif);letter-spacing:3px}.cinema-actions i{font-style:normal;color:#ffe3a4;margin-right:12px}.cinema-actions button:hover{background:#9a7b4e88}.atlas-bottom{bottom:26px;left:4%;right:4%;color:#fff1cd;font-size:10px;z-index:7}.atlas-bottom>span:last-child{color:#fff1cd}.map-scale{bottom:78px;color:#fff1cd;opacity:.7;z-index:4}.map-scale>span{border-color:#fff1cd}.scroll-more{display:none}
/* Discovery controls are tucked away, not removed from the experience. */
body:not(.tools-open) .map-regions,body:not(.tools-open) .atlas-controls,body:not(.tools-open) .explore-toolbar,body:not(.tools-open) .scene-dock,body:not(.tools-open) .map-caption{visibility:hidden;pointer-events:none}
.tools-open .map-regions,.tools-open .atlas-controls,.tools-open .explore-toolbar,.tools-open .scene-dock,.tools-open .map-caption{visibility:visible;pointer-events:auto}.tools-open .cinema-actions{bottom:25px}.tools-open .atlas-bottom{bottom:7px;font-size:9px}.tools-open .scroll-poem{opacity:0}.tools-open .map-scale{bottom:205px}.map-regions{background:#fff5dbe8;border-color:#bb985960;box-shadow:0 8px 35px #856c3220;z-index:8}.map-regions button{color:#8f744c}.map-regions button[aria-pressed=true]{background:#bd955e2b;color:#68461d}.atlas-controls{background:#fff4dce8;border-color:#b8955d66;z-index:8}.atlas-controls button{color:#805b2e;border-color:#b8955d44}.explore-toolbar{background:#fff4dced;border-color:#b8955d66;box-shadow:0 9px 30px #6d563820}.filter-chip,.view-toggle button{color:#8a6b43}.filter-chip[aria-pressed=true],.view-toggle button[aria-pressed=true]{color:#6b4318;background:#cba7632b;border-color:#b8955d44}.scene-dock{background:#fff4d9eb;border-color:#c8a267;box-shadow:0 10px 35px #6d563829}.dock-scene{color:#79572c;border-color:#b8955d44}.dock-scene small{color:#917b57}.dock-scene>span{color:#ad884d}.map-caption button{background:#fff5dbe8;color:#79572c;border-color:#b8955d44}.detail-open .place-panel,.list-only .place-panel{background:#fff5e1f5;border-color:#c6a46a;color:#79572c;z-index:16;box-shadow:0 20px 70px #6c554455}.place-detail{color:#735d41}.place-detail h3{color:#734b23}.place-detail .eyebrow,.detail-back,.asset-note,.source-link{color:#8a6b40}.place-art{background:linear-gradient(120deg,#f7e6bb,#edd6a7)!important;color:#95703c!important}.place-detail .primary-button{background:#a78043;color:#fff4d7}.place-card{background:#f5e5c2;border-color:#c6a46a55;color:#71522e}.place-card>span:not(.place-tag),.place-card .place-tag,.place-card small,.place-count{color:#8a714c}.explore-search input,.explore-search select{background:#fff7e4;color:#71522e;border-color:#c6a46a66}.list-only .explore-search{background:#fff1d1}.memory-section{background:#e3c894;color:#6e512c;border-color:#c1a16b}.memory-copy p{color:#7b6242}.site-footer,.site-footer a,.site-footer button{color:#826940}
.page-hidden *, .page-hidden *::after{animation-play-state:paused!important}
@media(max-width:1100px){.scroll-title{left:6%;max-width:270px}.scroll-title h1{font-size:70px}.seal{right:5px}.scroll-title>p:first-child{max-width:none}.scroll-title .scroll-subtitle{max-width:210px}}
@media(max-width:700px){.explore-layout{min-height:680px}.site-header{height:72px;margin:0 25px}.brand{font-size:23px}.sound-toggle{font-size:10px;min-height:38px;padding:6px 10px}.site-header nav{display:none}.gilded-frame{inset:9px}.gilded-frame i{width:37px;height:37px}.scroll-title{top:108px;left:30px;max-width:250px}.scroll-title>p:first-child{font-size:7px;letter-spacing:2px}.scroll-title .romance-kicker{font-size:10px;letter-spacing:3px;margin-top:18px}.scroll-title h1{font-size:54px;letter-spacing:5px;margin:15px 0 12px;line-height:1.13}.scroll-title h1 span{margin-left:29px}.seal{top:70px;right:18px;font-size:10px}.scroll-title .scroll-subtitle{display:block;font-size:10px;letter-spacing:1px;margin-top:14px}.scroll-title button{margin-top:0;padding:8px 0;min-height:44px;font-size:11px}.atlas-compass{top:100px;right:25px}.atlas-compass b{font-size:35px}.atlas-compass span{font-size:8px}.atlas-pin{width:146px;padding:6px 5px;gap:7px}.pin-label strong{font-size:13px;letter-spacing:.5px}.pin-label small{font-size:8px;letter-spacing:0}.pin-orb{min-width:22px;height:22px;font-size:9px}.district-name{font-size:11px;letter-spacing:1px}.geo-labels .sea-name{font-size:19px;letter-spacing:6px}.romance-art{width:150%;left:-25%;opacity:.85}.scroll-poem{right:28px;bottom:151px;font-size:13px;letter-spacing:3px}.cinema-actions{bottom:62px;gap:10px;white-space:nowrap}.cinema-actions button{height:44px}.cinema-actions #cinema-motion{width:44px}.cinema-actions #explore-toggle{font-size:12px;padding:0 21px}.map-scale{bottom:125px;left:24px;font-size:9px}.atlas-bottom{bottom:20px;left:25px;right:25px;font-size:8px;line-height:1.6}.atlas-bottom>span:first-child{max-width:200px}.atlas-bottom>span:last-child{font-size:9px}.tools-open .map-regions{top:79px}.tools-open .scroll-title{opacity:.18;pointer-events:none}.tools-open .scroll-title button{pointer-events:none}.tools-open .cinema-actions{bottom:17px}.tools-open .atlas-bottom{display:none}.tools-open .scene-dock{bottom:72px}.tools-open .explore-toolbar{bottom:147px}.tools-open .map-scale{bottom:207px}.tools-open .atlas-controls{bottom:199px}.tools-open .map-caption{top:135px}.tools-open .romance-art{opacity:.5}.detail-open .place-panel,.list-only .place-panel{top:143px;bottom:210px}.tools-open .scroll-poem{display:none}.list-only .explore-search{bottom:calc(100svh - 144px)}}
@media(prefers-reduced-motion:reduce){html:not([data-motion=full]):not([data-motion=gentle]) .romance-art *,html:not([data-motion=full]):not([data-motion=gentle]) .tidal-band,html:not([data-motion=full]):not([data-motion=gentle]) .explore-layout::before{animation:none!important}html:not([data-motion=full]):not([data-motion=gentle]) .tidal-band{stroke-width:var(--still-width);stroke-opacity:.5}html:not([data-motion=full]):not([data-motion=gentle]) .sun-glow{opacity:.6}}
@media(max-width:700px){.romance-art{width:100%;left:0}.scroll-title h1{font-size:49px}.scroll-title .scroll-subtitle{font-size:9px}}
.motion-paused *::before,.page-hidden *::before{animation-play-state:paused!important}
/* Source design stage 0.6.1: stationary coastline; dedicated compositor layer for the foreground surf. */
.district-land{filter:none;stroke:#ab7e42;stroke-width:.7}.shore-band{animation:none}.point-halo{animation:none;opacity:.8}.mythic-surf{animation:none}.surf-art{position:absolute;inset:0;width:100%;height:100%;z-index:2;pointer-events:none;overflow:visible;will-change:transform;animation:surf-roll 6s ease-in-out infinite;contain:layout style}.mythic-surf>use:nth-child(3){stroke-width:3}.mythic-surf>use:nth-child(4){stroke-width:2}.gull-wings{filter:none}.sun-glow{mix-blend-mode:normal;animation:none}.gold-dust{mix-blend-mode:normal}.explore-layout::before{animation:none}.atlas-controls{grid-template-columns:repeat(3,38px)}
@keyframes surf-roll{0%,100%{transform:translate3d(-30px,22px,0)}50%{transform:translate3d(36px,-27px,0)}}
@media(min-width:701px){.atlas-controls{grid-template-columns:44px}}
@media(max-width:700px){.surf-art{animation-name:surf-roll-mobile}.mythic-surf>use:nth-child(3){stroke-width:4}.tools-open .surf-art{opacity:.7}}
@keyframes surf-roll-mobile{0%,100%{transform:translate3d(-16px,17px,0)}50%{transform:translate3d(20px,-21px,0)}}
@media(prefers-reduced-motion:reduce){html:not([data-motion=full]):not([data-motion=gentle]) .surf-art{animation:none!important;will-change:auto}}
.shore-band{stroke-linejoin:round;stroke-linecap:round}
/* Source design stage 0.6.2 — complete lettering, unified luminous gold and cached coastal washes. */
.scroll-title{isolation:isolate;overflow:visible}.scroll-title h1{width:max-content;max-width:none;padding-right:.18em;padding-bottom:.08em;overflow:visible;filter:drop-shadow(0 2px 1px #fff5ce90)}.scroll-title h1 span{width:max-content}.scroll-title::before{content:'';position:absolute;z-index:-1;inset:8% -15% 2% -18%;background:radial-gradient(ellipse,#fff4cb80,transparent 70%);pointer-events:none}.atlas-world{will-change:transform;animation:atlas-float 20s ease-in-out infinite}.atlas-world>svg{position:relative;z-index:1}.atlas-world>#atlas-pins{position:absolute;inset:0;z-index:2;pointer-events:none}.atlas-pin{pointer-events:auto}.coastal-wash{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;opacity:0;will-change:opacity;animation:shore-arrive 6s linear infinite;animation-delay:var(--shore-delay)}
@keyframes shore-arrive{0%,70%,100%{opacity:0}22%{opacity:.55}45%{opacity:.23}}
@keyframes atlas-float{0%,100%{transform:translate3d(-12px,8px,0)}50%{transform:translate3d(14px,-9px,0)}}
.tools-open .atlas-world,.atlas-world:focus-within{animation-play-state:paused}.district-land{stroke:#a17a3e;stroke-opacity:.8;stroke-width:1.05;vector-effect:non-scaling-stroke}.geo-labels .district-name{fill:#80643a;stroke:#fff1ce;stroke-width:1.2px;stroke-opacity:.45;opacity:.72}.land-grain{opacity:.24}
@media(max-width:700px){.atlas-world{animation-name:atlas-float-mobile}.scroll-title h1{padding-right:.12em}}
@keyframes atlas-float-mobile{0%,100%{transform:translate3d(-6px,5px,0)}50%{transform:translate3d(7px,-5px,0)}}
@media(prefers-reduced-motion:reduce){html:not([data-motion=full]):not([data-motion=gentle]) .atlas-world,html:not([data-motion=full]):not([data-motion=gentle]) .coastal-wash{animation:none!important;will-change:auto}html:not([data-motion=full]):not([data-motion=gentle]) .coastal-wash{opacity:.14}}
.atlas-world:has(.atlas-pin:hover){animation-play-state:paused}
/* Desktop letter shell. Preserve the original geographic and decorative layers. */
.letter-atlas .scroll-title h1 .title-comma{display:inline;margin:0;font-size:.35em;letter-spacing:0}
.letter-atlas .scroll-title h1 .title-line{display:block;margin-left:26px}
.letter-atlas .drawer-heading{position:sticky;top:0;z-index:2;display:flex;align-items:center;justify-content:space-between;padding:10px 18px;background:#fff3ddf5;border-bottom:1px solid #b8955d44;font:16px var(--serif)}
.letter-atlas .drawer-heading button{color:#79572c}
.letter-atlas .place-panel .explore-search{position:static;display:flex;flex-wrap:nowrap;padding:16px 14px 6px;background:none}
.letter-atlas .explore-search label:first-child{min-width:0;flex:1}
.letter-atlas .explore-search input{width:100%;min-width:0}
.letter-atlas .explore-search select{max-width:110px}
.letter-atlas .place-count{padding:8px 16px}
.letter-atlas .place-detail{background:transparent;border:0;border-radius:0;padding:18px 24px 28px;gap:16px}
.letter-atlas .place-detail:focus{outline-offset:-4px}
.letter-atlas .place-art{min-height:100px}
.letter-atlas .source-link{min-height:44px;display:flex;align-items:center}
.letter-atlas .letter-dialog{width:440px;max-width:90vw;max-height:calc(100dvh - 140px);padding:36px;color:#73512e;background:#fff5e1ed;border:1px solid #c6a46a99;box-shadow:0 18px 65px #624c3b38;backdrop-filter:blur(18px);overflow:auto}
.letter-atlas .letter-dialog::backdrop{background:#433b2525;backdrop-filter:blur(1px)}
.letter-atlas .letter-dialog .eyebrow{font-size:10px;letter-spacing:2px;color:#94713d}
.letter-atlas .letter-dialog h2{font:400 30px/1.5 var(--serif);margin:18px 0}
.letter-atlas .letter-dialog p{font-size:14px;line-height:1.9}
.letter-atlas .letter-dialog .fiction-label{font-size:11px;color:#8a6b40;margin-top:20px}
.letter-atlas .letter-dialog .intro-quote{font:18px/2 var(--serif);margin:26px 0;padding-left:16px;border-left:1px solid #b8955d88}
.letter-atlas .intro-stop{display:flex;justify-content:space-between;border-top:1px solid #b8955d44;padding-top:20px}
.letter-atlas .intro-actions{display:grid;gap:8px;margin-top:22px}
.letter-atlas .intro-actions .primary-button{background:#8d6939;color:#fff7df;border-color:#8d6939}
.letter-atlas .text-button,.letter-atlas .letter-dialog .icon-button{color:#79572c}
.letter-atlas .about-note{background:#ead6ac66;border-color:#b8955d88}
.letter-atlas .letter-dialog a{color:#7c582e;text-decoration:underline;text-underline-offset:3px}
.letter-atlas .about-details{display:grid;gap:20px;margin-top:24px}
.letter-atlas .about-details h3{font:19px var(--serif);margin-bottom:8px}
.letter-atlas .toast{background:#73532e;color:#fff5dd}
@media(min-width:701px){
  body.letter-atlas{padding:0}
  .letter-atlas .explore-layout{height:100dvh;min-height:0}
  .letter-atlas .site-header nav{display:flex;visibility:visible;pointer-events:auto;margin-right:0;gap:24px}
  .letter-atlas .site-header nav button{min-height:44px}
  .letter-atlas .scroll-title{max-width:400px}
  .letter-atlas .scroll-title h1{font-size:clamp(62px,5vw,86px);letter-spacing:6px}
  .letter-atlas .seal{top:92px;right:-28px}
  .letter-atlas .scroll-title .scroll-subtitle{font-size:12px;letter-spacing:1px}
  .letter-atlas .atlas-bottom{bottom:16px;align-items:center;font-size:10px}
  .letter-atlas .atlas-bottom>span:first-child{display:flex;align-items:center;gap:18px}
  .letter-atlas .atlas-bottom a,.letter-atlas .atlas-bottom button{display:inline-flex;align-items:center;min-height:44px;color:inherit}
  .letter-atlas .cinema-actions{bottom:64px}
  .letter-atlas.tools-open .cinema-actions{bottom:66px}
  .letter-atlas.tools-open .scene-dock{bottom:124px}
  .letter-atlas.tools-open .explore-toolbar{bottom:212px;max-width:85%;flex-wrap:nowrap}
  .letter-atlas.tools-open .map-scale{bottom:268px}
  .letter-atlas .drawer-open .place-panel{display:block;position:absolute;top:100px;right:4%;bottom:80px;width:380px;max-height:none;overflow:auto;overscroll-behavior:contain;z-index:16}
  .letter-atlas .drawer-open .scene-dock{visibility:hidden;pointer-events:none}
  .letter-atlas .drawer-open .explore-toolbar{left:4%;transform:none;bottom:90px;max-width:calc(92% - 400px)}
  .letter-atlas .drawer-open .atlas-controls{right:calc(4% + 395px)}
  .letter-atlas .intro-dialog,.letter-atlas .about-dialog{margin:auto 6% auto auto}
}
/* A short desktop uses the map pins and catalogue instead of a duplicate dock. */
@media(min-width:701px) and (max-height:820px){
  .letter-atlas.tools-open .scene-dock{display:none}
  .letter-atlas.tools-open .explore-toolbar{top:88px;bottom:auto;left:4%;transform:none}
  .letter-atlas.tools-open .map-regions{top:150px;left:auto;right:4%;transform:none}
}


/* Quiet title composition: one title, one invitation. */
@media(min-width:701px){.letter-atlas .scroll-title{top:25%;left:5.5%}.letter-atlas .scroll-title h1{margin:0;line-height:1.24}.letter-atlas .scroll-title button{margin-top:38px;margin-left:26px;letter-spacing:3px}}

/* Map gestures never select decorative labels; story and source text remain selectable. */
.atlas-world,.atlas-pin,.atlas-compass,.map-scale{-webkit-user-select:none;user-select:none}
.letter-atlas .explore-layout:not(.drawer-open) .atlas-pin[aria-pressed=true]:not(:hover):not(:focus-visible){background:transparent;border-radius:0}
.map-viewbar{position:absolute;z-index:18;left:50%;bottom:64px;transform:translateX(-50%);display:flex;align-items:center;gap:6px;padding:6px 10px;background:#fff4dced;border:1px solid #b8955d66;box-shadow:0 8px 30px #6d563830;border-radius:30px;color:#71522e;white-space:nowrap}
.map-viewbar[hidden]{display:none}.map-viewbar>span{font-size:12px;padding:0 12px}.map-viewbar button{min-width:44px;min-height:44px;padding:8px 12px;color:inherit}.map-viewbar button:hover{background:#cba76333;border-radius:22px}.map-viewbar button:disabled{opacity:.35}.map-viewbar small{opacity:.6;margin-left:6px}
body.map-viewing .scroll-title,body.map-viewing .site-header,body.map-viewing .site-header nav,body.map-viewing .story-beacon,body.map-viewing .scroll-poem,body.map-viewing .cinema-actions,body.map-viewing .map-regions,body.map-viewing .atlas-controls,body.map-viewing .explore-toolbar,body.map-viewing .scene-dock,body.map-viewing .map-caption,body.map-viewing .atlas-compass{visibility:hidden;pointer-events:none}
body.map-viewing .romance-art,body.map-viewing .surf-art,body.map-viewing .gold-dust{opacity:0;animation-play-state:paused}
body.map-viewing .atlas-world{animation:none;transform:none}
body.map-viewing .label-leader{opacity:.45}
body.map-viewing .atlas-pin{width:44px;min-height:44px;height:44px;display:grid;place-items:center;padding:0;background:none;border:0;box-shadow:none;border-radius:50%;text-shadow:none}
body.map-viewing .atlas-pin .pin-label{display:none}
body.map-viewing .atlas-pin .pin-orb{width:30px;height:30px;min-width:30px;background:#fff0c4e6}
body.map-viewing .atlas-pin:hover .pin-orb,body.map-viewing .atlas-pin:focus-visible .pin-orb{background:#ffe4a0;box-shadow:0 0 0 5px #fff1c855}
body.map-viewing .map-scale{bottom:78px}
body.map-viewing .atlas-bottom{bottom:16px;font-size:10px}
#geo-map:focus-visible{outline:2px solid #a87f42;outline-offset:-24px}