:root{color-scheme:dark;font:15px/1.55 system-ui,sans-serif;background:#101418;color:#e8edef}*{box-sizing:border-box}body{margin:0}a{color:#d6e8ed}button,input,select{font:inherit;color:inherit;background:#172127dd;border:1px solid #ffffff25;border-radius:10px;padding:10px 13px}button{cursor:pointer;min-width:44px;min-height:44px}button:hover,button[aria-pressed=true]{background:#43565ddc}button:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid #dae9ea;outline-offset:2px}[hidden]{display:none!important}.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0)}h2{font-weight:500;font-size:1.35rem;margin:0 32px 14px 0}p{margin:12px 0;color:#c2ccd1}label{display:flex;flex-direction:column;font-size:.8rem;gap:6px}input[type=number]{width:120px;max-width:100%}.toolbar{display:flex;gap:8px;flex-wrap:wrap}.atlas-stage{position:relative;width:100%;height:100dvh;overflow:hidden}#map{display:block;width:100%;height:100%;background:#182228;touch-action:none;cursor:grab}#map:active{cursor:grabbing}.grid-line{stroke:#e4eef0;stroke-opacity:.3;stroke-width:1;vector-effect:non-scaling-stroke}.tile-fill{fill:#d1efeb;fill-opacity:.18;stroke:#edffff;stroke-width:2;vector-effect:non-scaling-stroke}.route-line{fill:none;stroke:#ffdb90;stroke-width:3;vector-effect:non-scaling-stroke}.point{fill:#ffdb90}.tile-label{fill:#fff;text-anchor:middle;paint-order:stroke;stroke:#132129;stroke-width:2px;pointer-events:none}.atlas-search{position:absolute;left:20px;top:20px;width:min(360px,calc(100% - 230px));z-index:3}.atlas-search input{width:100%;backdrop-filter:blur(20px);box-shadow:0 8px 30px #0004}.atlas-actions{position:absolute;right:20px;top:20px;display:flex;gap:8px;z-index:2}.atlas-actions button,.zoom-controls button{backdrop-filter:blur(20px)}#search-results{margin-top:8px;background:#152025f0;backdrop-filter:blur(22px);border:1px solid #ffffff25;border-radius:12px;padding:6px;max-height:50vh;overflow:auto}#search-results button{display:block;width:100%;text-align:left;border:0;background:none}#search-results p{padding:8px}.zoom-controls{position:absolute;left:20px;bottom:20px;display:flex;gap:6px}.glass{background:#182328d9;backdrop-filter:blur(20px);border:1px solid #ffffff24;border-radius:12px}#grid-controls{position:absolute;left:20px;top:80px;display:flex;align-items:center;gap:10px;padding:6px;z-index:2}#grid-controls select{border:0;background:none}#grid-controls a{padding:8px;text-decoration:none}.floating-panel{position:absolute;right:20px;top:80px;width:min(360px,calc(100% - 40px));max-height:calc(100% - 110px);overflow:auto;padding:24px;background:#111d24e8;backdrop-filter:blur(26px);border:1px solid #ffffff25;border-radius:16px;box-shadow:0 18px 60px #0005;z-index:3}.close{position:absolute;right:8px;top:8px;background:transparent;border:0;font-size:22px}.floating-panel details{font-size:.85rem;margin-top:18px}.floating-panel summary{cursor:pointer}.floating-panel dl{display:grid;gap:12px}.floating-panel dt{font-size:.8rem;color:#9bafb7}.floating-panel dd{margin:2px 0}.floating-panel #selected{overflow-wrap:anywhere;font-size:1.1rem}#message{position:absolute;left:20px;bottom:78px;max-width:calc(100% - 40px);color:#fff;background:#142028d9;border-radius:8px;padding:6px 10px;font-size:.8rem;pointer-events:none}#message:empty{display:none}@media(max-width:650px){.atlas-search{top:12px;left:12px;width:calc(100% - 24px)}.atlas-actions{top:auto;bottom:12px;right:12px;gap:4px}.zoom-controls{left:12px;bottom:12px;gap:4px}.atlas-actions button,.zoom-controls button{padding:8px;min-width:40px}.floating-panel{top:70px;right:12px;width:calc(100% - 24px);max-height:calc(100% - 140px);padding:20px}#grid-controls{left:12px;top:70px}#message{left:12px;bottom:68px}#search-results{max-height:55vh}}

body:not([data-writing="true"]) #grid-toggle,body:not([data-writing="true"]) #travel-toggle,body:not([data-writing="true"]) #grid-controls,body:not([data-writing="true"]) #travel-panel,body:not([data-writing="true"]) #square-notes{display:none!important}

/* Lettering follows the painted land; no badges, pins or permanent captions. */
.region-label{cursor:pointer;outline:none}
.region-label text{font-family:'Palatino Linotype','Book Antiqua',Palatino,Georgia,serif;font-variant:small-caps;font-weight:600;text-anchor:middle;fill:#f1e5c9;stroke:#172019;stroke-opacity:.85;paint-order:stroke fill;stroke-linejoin:round;filter:drop-shadow(0 2px 3px #0009);pointer-events:none}
.region-label:hover text,.region-label:focus-visible text{fill:#fff6df;stroke:#0b1216}
.region-label:focus-visible rect{stroke:#ead9af;stroke-width:1;vector-effect:non-scaling-stroke}
.region-label.sea-name text{fill:#d2dfe0;font-style:italic;font-weight:400;stroke:#152b36;opacity:.9}

.settings-launch{position:absolute;bottom:20px;left:50%;transform:translateX(-50%);background:#202024df;backdrop-filter:blur(20px);z-index:2;white-space:nowrap}.settings-dialog{color:#e8e5ed;background:#161619f5;border:1px solid #ffffff20;border-radius:20px;width:min(1100px,94vw);max-height:88dvh;padding:24px;box-shadow:0 30px 100px #0008}.settings-dialog::backdrop{background:#08080ba6;backdrop-filter:blur(9px)}.settings-dialog header{display:flex;justify-content:space-between;align-items:center}.settings-dialog nav{display:flex;gap:8px;margin:16px 0 24px;flex-wrap:wrap}.settings-dialog nav input{margin-left:auto;min-width:180px}.settings-dialog button,.settings-dialog input{background:#26262b;border-color:#ffffff15}.settings-dialog button[aria-pressed=true]{background:#44404e}.setting-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:16px}.setting-card{display:flex;flex-direction:column;text-align:left;gap:10px;padding:20px;border-radius:16px;transition:background .15s}.setting-card:hover{background:#333139}.setting-card strong{font-size:20px;font-weight:550}.setting-card>span:not(.setting-art){color:#bdb9c4;font-size:13px}.setting-card small{color:#bdadd0;margin-top:auto;font-size:11px}.setting-art{height:65px;width:100%;font-size:45px;color:#b7a98d;background:linear-gradient(135deg,#ffffff07,transparent),repeating-linear-gradient(90deg,transparent 0 24px,#ffffff06 24px 25px);border-radius:10px;display:grid;place-items:center}.setting-type{font-size:11px;letter-spacing:.05em;color:#aaa3b5}.setting-detail{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin-top:24px}.setting-detail>div:first-child{grid-column:1/-1}.setting-detail section{border-top:1px solid #ffffff15;padding-top:12px;overflow-wrap:anywhere}.setting-detail h3{font-size:14px;font-weight:500}.setting-detail p,.setting-detail li{font-size:14px;line-height:1.7;color:#c4bfcc}.setting-detail ul{padding-left:18px}.settings-dialog{scrollbar-width:thin;scrollbar-color:#ffffff30 transparent}@media(max-width:650px){.settings-launch{bottom:68px}.settings-dialog{padding:16px}.setting-detail{grid-template-columns:1fr}.settings-dialog nav input{width:100%;margin:0}.setting-grid{grid-template-columns:1fr}}
/* Layered atlas: Leaflet owns gestures; UI floats above its panes. */
#map{z-index:0;background:#20343b;font-family:inherit}.atlas-search,.atlas-actions,#grid-controls,.zoom-controls,.atlas-view-controls{z-index:1000}.floating-panel{z-index:1001}.settings-launch{z-index:1000}.atlas-view-controls{position:absolute;top:82px;left:20px;display:flex;gap:8px;align-items:center}.atlas-view-controls select,.atlas-view-controls button{background:#202024e8;backdrop-filter:blur(16px)}#detail-level{color:#e5e1d9;font-size:11px;max-width:180px;text-shadow:0 1px 4px #000;pointer-events:none}#grid-controls{top:140px}.leaflet-container .leaflet-control-attribution{background:#141419c9;color:#b4b1bb;font-size:9px}.leaflet-control-attribution a{color:#c9bed7}.leaflet-tooltip{background:#222128e8;color:#ddd4c5;border:1px solid #ffffff20;box-shadow:none}.leaflet-tooltip:before{display:none}.terrain-note{font-size:11px}.leaflet-container{outline:none}.leaflet-container:focus-visible{outline:2px solid #c8b4e0;outline-offset:-3px}.leaflet-pane svg{max-width:none;max-height:none}body[data-writing=true] .atlas-stage{height:calc(100dvh - 64px)}@media(max-width:650px){.atlas-view-controls{top:68px;left:12px;gap:5px}#detail-level{display:none}#grid-controls{top:120px}.floating-panel{top:120px;max-height:calc(100% - 195px)}.atlas-view-controls button,.atlas-view-controls select{padding:7px;font-size:12px}.leaflet-control-attribution{max-width:110px}.settings-launch{bottom:70px}}@media(prefers-reduced-motion:reduce){.leaflet-zoom-animated{transition:none!important}}