@font-face{font-family:Story;src:url(../assets/editorial.otf)}*{box-sizing:border-box}html,body,#atlas{width:100%;height:100%;margin:0;overflow:hidden}body{background:#e4d3a7;color:#203c42;font:14px/1.7 Georgia,serif}button,input{font:inherit}button{cursor:pointer}button:focus-visible,input:focus-visible,#viewport:focus-visible{outline:2px solid #466969;outline-offset:2px}#viewport{position:absolute;inset:0;overflow:hidden;touch-action:none;cursor:grab}#viewport.dragging{cursor:grabbing}#world{position:absolute;left:0;top:0;width:2200px;height:1238px;transform-origin:0 0;will-change:transform}.cartography{display:block;width:100%;height:100%;user-select:none;pointer-events:none}#pins{position:absolute;inset:0}.pin{position:absolute;transform:translate(-50%,-100%) scale(var(--pin-scale,1));transform-origin:bottom center;width:24px;height:30px;border:0;background:transparent;color:var(--pin-color);padding:0;filter:drop-shadow(0 2px 2px #0005);z-index:1}.pin:before{content:'';position:absolute;inset:2px 2px 7px;border-radius:50% 50% 50% 0;background:var(--pin-color);border:2px solid #fff8db;transform:rotate(-45deg)}.pin:after{content:'';position:absolute;width:5px;height:5px;border-radius:50%;background:#ffefd2;top:9px;left:9px}.pin:hover,.pin.active,.pin:focus-visible{z-index:4;filter:drop-shadow(0 0 4px #fff7d7)}.pin-label{display:none;position:absolute;bottom:36px;left:50%;transform:translateX(-50%);white-space:nowrap;background:#fffdf8;padding:5px 12px;border-radius:3px;color:#29444a;font:13px Georgia;box-shadow:0 3px 20px #0003}.pin:hover .pin-label,.pin:focus-visible .pin-label{display:block}.atlas-tools{position:absolute;z-index:5;left:15px;top:15px;display:flex;align-items:center;gap:5px;padding:6px;background:#fffdf8f0;border:1px solid #a48c6055;box-shadow:0 5px 25px #35291b25;border-radius:8px}.atlas-tools button,.close{border:0;background:transparent;color:#29444a;width:38px;height:38px;font:25px Georgia;border-radius:5px}.atlas-tools button:hover,.close:hover{background:#ece3cf}.atlas-name{font:16px Story,Georgia;letter-spacing:3px;padding:0 12px}#directory{position:absolute;z-index:4;top:78px;bottom:50px;left:15px;width:270px;background:#fffdf8f5;padding:18px;box-shadow:0 4px 25px #30241633;border:1px solid #aa916052;overflow:auto;border-radius:8px}#search-label{display:block;font-size:13px;margin-bottom:8px}#search{width:100%;padding:10px;border:1px solid #baa67b;background:white;border-radius:3px}#search-count{font-size:11px;color:#8a7344}#place-list button{display:block;width:100%;text-align:left;border:0;background:none;border-bottom:1px solid #b19b6c22;padding:10px 4px;color:#29444a;line-height:1.4}#place-list button:hover{color:#8c6c31;background:#f0e7d5}#article{position:absolute;z-index:10;top:0;right:0;width:min(460px,90%);height:100%;background:#fffdf8;overflow:auto;box-shadow:-10px 0 45px #38291e44;scrollbar-color:#c1ad82 #fffdf8}.close{position:sticky;top:10px;left:calc(100% - 48px);z-index:2;background:#fffdf8ee;border:1px solid #baa67b66}.article-image{width:100%;max-height:290px;object-fit:cover;display:block;margin-top:-48px;mask-image:linear-gradient(#000 80%,transparent)}#article-content h1{font:35px/1.2 Story,Georgia;margin:25px 35px;text-transform:uppercase}#article-content h2{font:22px Story;margin:24px 35px}#article-content p{margin:20px 35px;font-size:15px;line-height:1.85}#article-content .related{margin:30px 35px 45px;display:flex;flex-wrap:wrap;gap:8px}.related button{padding:8px 13px;background:#f2eadb;border:1px solid #bbaa8150;border-radius:25px;color:#29444a;font-size:12px}#hint{position:absolute;pointer-events:none;bottom:13px;left:50%;transform:translateX(-50%);margin:0;padding:5px 14px;border-radius:20px;background:#fffdf8df;font:11px/1.4 sans-serif;letter-spacing:.5px;text-align:center;white-space:nowrap}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}[hidden]{display:none!important}@media(max-width:600px){.atlas-name{font-size:13px;letter-spacing:2px;padding:0 5px}.atlas-tools{top:10px;left:10px}.atlas-tools button{width:32px;height:32px}#directory{top:65px;left:10px;width:250px}#article{width:94%}#hint{font-size:9px;max-width:95%;white-space:normal}#article-content h1{font-size:30px}#article-content p,#article-content h1,#article-content h2{margin-inline:26px}}

#article-content blockquote{margin:1.4rem 0;padding:1rem 1.2rem;border-left:3px solid #a58a54;background:#e8e2d6;color:#31474a;font-style:italic;line-height:1.8}

#article-content blockquote{margin:1.4rem 0;padding:1rem 1.2rem;border-left:3px solid #a58a54;background:#e8e2d6;color:#31474a;font-style:italic;line-height:1.8}

#article-content blockquote{margin:1.4rem 0;padding:1rem 1.2rem;border-left:3px solid #a58a54;background:#e8e2d6;color:#31474a;font-style:italic;line-height:1.8}
/* Original symbol categories replace generic location drops. */
.pin{width:29px;height:29px;transform:translate(-50%,-50%) scale(var(--pin-scale,1));transform-origin:center center;filter:drop-shadow(0 1px 2px #0005)}
.pin:before,.pin:after{content:none}.pin-symbol{display:block;width:100%;height:100%;object-fit:contain;pointer-events:none}
.water-pin{width:22px;height:22px;opacity:.8}.pin:hover,.pin.active,.pin:focus-visible{filter:drop-shadow(0 0 4px #fff1ac);z-index:4}.pin-label{bottom:34px}
.atlas-tools .map-back{width:auto;font:12px/1.5 Georgia;padding:9px 12px;height:auto;white-space:nowrap;border-left:1px solid #baa67b66}
.village-preview{display:block;background:none;border:0;padding:0;margin:15px 35px 0;width:calc(100% - 70px);cursor:pointer}.village-preview img{width:100%;display:block;transition:filter .4s}.village-preview:hover img{filter:brightness(1.1)}
.open-map{display:block;margin:15px 35px 28px;padding:13px 18px;background:#29484b;border:1px solid #a58a54;color:#fff8e8;font:13px/1.5 Georgia;letter-spacing:1px;transition:background .3s}.open-map:hover{background:#50696a}
@media(max-width:650px){.atlas-tools{flex-wrap:wrap;max-width:calc(100% - 20px)}.atlas-name{max-width:125px;white-space:normal;font-size:12px}.atlas-tools .map-back{font-size:11px;padding:8px}.pin{width:25px;height:25px}.water-pin{width:19px;height:19px}}

/* Neutral field around the parchment map. */
body,#atlas,#viewport{background:#fff}