/* The atlas is an original, scalable illustration. Its landscape is schematic. */
.atlas-layout{display:block}
.map-frame{background:#f1e7d2;border:1px solid #bca67d;box-shadow:0 24px 50px #4b382015,0 3px 8px #4b382010}
.map-frame:before{inset:7px;border-color:#b29a6c66;z-index:1}
.map-topline{padding:20px 28px;border-bottom:1px solid #bfa67b5c;color:#78633f;font-size:9px;letter-spacing:2px}
.map-tools{display:flex;gap:24px;align-items:center}
.small-toggle{font-size:11px;color:#6d614f;letter-spacing:0}
.small-toggle input{width:14px;height:14px;margin:0;accent-color:var(--wine)}
.map-expand{border:0;background:transparent;color:var(--wine);font:600 11px var(--sans);padding:5px 0;border-bottom:1px solid #a3856166}
.map-expand span{margin-left:9px}
.world-map{width:100%;aspect-ratio:3/2;position:relative;overflow:hidden}
.world-map svg{display:block;width:100%;height:100%}
.map-bottom{padding:16px 28px;border-top:1px solid #bfa67b5c;font-size:10px;color:#7a6a52;letter-spacing:.1px;flex-wrap:wrap}
.map-download{font-size:11px;color:var(--wine);border-bottom:1px solid #9a7b5666;padding-bottom:2px;white-space:nowrap}
.map-download span{padding-left:8px}
.map-download:hover,.map-expand:hover{color:#9a4a51;border-color:#9a4a51}
.map-region:focus-visible{outline:none;stroke:#653843!important;stroke-width:4!important}
.realm-tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;margin:18px 0 0;border:1px solid var(--line);background:#f3ebdf}
.realm-tabs button{font:21px var(--font);padding:17px 12px;border:0;border-right:1px solid var(--line);background:transparent;color:#5d5142;transition:background .2s,color .2s;white-space:normal}
.realm-tabs button:last-child{border-right:0}
.realm-tabs button span{font:10px var(--sans);margin-right:13px;letter-spacing:1px;color:inherit;opacity:.65}
.realm-tabs button:hover{background:#e8ddcb}
.realm-tabs button[aria-pressed=true]{background:var(--wine);color:#f8eddb}
.realm-detail{display:grid;grid-template-columns:1.1fr .95fr 1fr;gap:36px;padding:34px 2px 12px;align-self:auto;align-items:start}
.realm-overview .realm-index{font:italic 15px var(--font);color:#9a7950}
.realm-overview h3{font-size:39px;margin:8px 0 15px}
.realm-description{font-size:13px;line-height:1.85;color:var(--muted);margin-bottom:17px}
.realm-character{font:italic 17px/1.6 var(--font);border:0;padding:0;margin:0;color:#6e5743}
.realm-facts{padding:5px 0}
.realm-facts dl{grid-template-columns:65px 1fr;gap:16px 13px;font-size:12px;line-height:1.75}
.realm-facts dd{margin:0}
.realm-reading{border-left:1px solid var(--line);padding:5px 0 5px 28px}
.realm-reading .realm-notebook{margin:0 0 19px;padding-bottom:16px}
.realm-reading .realm-notebook summary{font-size:12px;font-weight:600}
.realm-reading .text-link{font-size:11px;line-height:1.8;display:inline-block}
.atlas-dialog{width:min(1440px,calc(100vw - 44px));height:min(96dvh,1080px);max-width:none;max-height:96dvh;padding:0;border:1px solid #bca67d;background:var(--paper);color:var(--ink);box-shadow:0 25px 120px #21170d66;overflow:hidden}
.atlas-dialog::backdrop{background:#201812c4;backdrop-filter:blur(5px)}
.atlas-dialog[open]{display:flex;flex-direction:column}
.atlas-dialog-header{display:flex;justify-content:space-between;align-items:center;padding:20px 26px;border-bottom:1px solid var(--line);flex-shrink:0}
.atlas-dialog-header .eyebrow{font-size:8px;margin-bottom:6px}
.atlas-dialog-header h2{font-size:30px;margin:0;letter-spacing:-.5px}
.atlas-dialog .dialog-close{position:static;width:38px;height:38px;flex-shrink:0}
.atlas-dialog-toolbar{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:11px 26px;background:#eee5d5;border-bottom:1px solid var(--line);flex-shrink:0}
.atlas-zoom-controls{display:flex;align-items:center;gap:6px}
.atlas-zoom-controls button{font-size:16px;border:1px solid #cab79a;background:#faf5ea;color:var(--ink);min-width:33px;height:33px;padding:0 10px}
.atlas-zoom-controls button:hover{background:#e0d2bc}
.atlas-zoom-controls button[data-map-zoom=reset]{font-size:11px;margin-left:6px;min-width:64px}
.atlas-zoom-controls output{font:11px var(--sans);width:44px;text-align:center;font-variant-numeric:tabular-nums;color:#74634d}
.atlas-viewport{overflow:auto;flex:1;min-height:0;background:#e6dac2;overscroll-behavior:contain;scrollbar-color:#ae9670 #e6dac2}
.atlas-large{width:100%;margin:0 auto;line-height:0}
.atlas-large svg{display:block;width:100%;height:auto}
.atlas-dialog-footer{padding:12px 26px;display:flex;justify-content:space-between;gap:18px;align-items:center;border-top:1px solid var(--line);flex-shrink:0}
.atlas-dialog-footer p{font:16px/1.4 var(--font);margin:0;color:var(--wine)}
.atlas-dialog-footer small{font-size:10px;color:var(--muted)}
@media(max-width:900px){
 .realm-detail{grid-template-columns:1fr 1fr;gap:24px}
 .realm-reading{grid-column:1/-1;border-left:0;border-top:1px solid var(--line);padding:20px 0 0}
 .realm-reading .realm-notebook{margin-bottom:13px}
 .map-topline,.map-bottom{padding-left:20px;padding-right:20px}
}
@media(max-width:600px){
 .map-frame{margin:0 -8px}
 .map-topline{padding:14px 16px;font-size:7px;letter-spacing:1.2px;gap:8px}
 .map-tools{gap:12px}
 .small-toggle{font-size:9px;gap:4px}
 .small-toggle input{width:12px;height:12px}
 .map-expand{font-size:9px;white-space:nowrap}
 .map-expand span{margin-left:3px}
 .map-bottom{padding:13px 16px;gap:10px;font-size:8px}
 .map-bottom #passport-status{width:100%;padding-top:4px;border-top:1px solid #c7b28b44}
 .map-bottom .map-download{font-size:9px}
 .realm-tabs{margin-top:13px}
 .realm-tabs button{font-size:16px;padding:14px 3px}
 .realm-tabs button span{display:none}
 .realm-detail{grid-template-columns:1fr;gap:20px;padding-top:26px}
 .realm-overview h3{font-size:36px}
 .realm-description{font-size:13px}
 .realm-character{font-size:17px}
 .realm-facts{border-top:1px solid var(--line);padding-top:21px}
 .realm-facts dl{grid-template-columns:65px 1fr;gap:11px 14px}
 .realm-reading{grid-column:auto;padding-top:20px}
 .atlas-dialog{width:100vw;height:100dvh;max-height:100dvh;margin:0;border:0}
 .atlas-dialog-header{padding:17px 16px}
 .atlas-dialog-header h2{font-size:26px}
 .atlas-dialog-toolbar{padding:11px 12px;gap:10px}
 .atlas-dialog-toolbar .map-download{font-size:9px}
 .atlas-zoom-controls{gap:4px}
 .atlas-zoom-controls button{min-width:30px;padding:0 7px}
 .atlas-zoom-controls output{width:36px;font-size:10px}
 .atlas-zoom-controls button[data-map-zoom=reset]{min-width:53px;font-size:10px;margin-left:3px}
 .atlas-dialog-footer{padding:13px 16px;display:block}
 .atlas-dialog-footer p{font-size:15px;margin-bottom:5px}
 .atlas-dialog-footer small{font-size:9px}
}