/* A travel journal: quiet paper, generous typography, one clear action per place. */
@keyframes sky-arrival{from{opacity:.2}to{opacity:1}}
#world.sky-arrival{animation:sky-arrival .6s ease-out}
@media(prefers-reduced-motion:reduce){#world.sky-arrival{animation:none}}
#map-overlay .atlas-panel{width:min(1220px,94vw);max-width:none;height:min(900px,92dvh);max-height:92dvh;padding:30px 36px;overflow:hidden;display:flex;flex-direction:column}
#map-overlay .atlas-panel>h2{margin-bottom:5px}
#map-overlay .atlas-panel>.atlas-intro{max-width:680px;margin:0 0 18px;font-size:14px;line-height:1.65}
.atlas-layout{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(300px,1fr);gap:24px;min-height:0;flex:1}
.atlas-chart{min-width:0;min-height:0;align-self:stretch;position:relative;display:flex;flex-direction:column}
#map-overlay #big-map{width:100%;height:0;flex:1;min-height:0;max-height:none;border-radius:22px;border:1px solid #54736322;object-fit:contain;background:#e8ede1}
.atlas-chart .map-legend{justify-content:center;font-size:11px;gap:18px;margin-top:12px}
.atlas-sidebar{display:flex;flex-direction:column;min-height:0;overflow:hidden}
.atlas-quarter{padding:18px 14px 12px;border-left:4px solid var(--quarter);margin:20px 0 6px;background:#f0f1df;border-radius:4px 16px 16px 4px}
.atlas-quarter:first-child{margin-top:4px}
.atlas-quarter h3{margin:0 0 5px;font:800 18px/1.3 "Lumi UI",sans-serif;color:#3d584a}
.atlas-quarter p{margin:0;font:600 12px/1.5 "Lumi UI",sans-serif;color:#657363}
.atlas-tabs{display:flex;gap:6px;border-bottom:1px solid #64736122;padding-bottom:12px;margin-bottom:5px}
.atlas-tabs button{font:650 12px "Lumi UI",sans-serif;box-shadow:none;padding:10px 15px;border:1px solid transparent;background:transparent;color:#697b70;border-radius:9px;min-height:40px}
.atlas-tabs button[aria-selected=true]{color:#f9f4e8;background:#52695d}
#atlas-list{overflow-y:auto;overscroll-behavior:contain;padding-right:12px;scrollbar-width:thin;scrollbar-color:#c0b69e transparent;min-height:0}
.atlas-route{display:flex;gap:14px;padding:18px 0;border-bottom:1px solid #65745e20}
.atlas-isle-number{display:grid;place-items:center;width:38px;height:38px;flex:0 0 38px;background:var(--isle);border-radius:50% 44% 48% 40%;font:650 12px "Lumi UI";color:#324c3b;box-shadow:inset 0 0 0 1px #ffffff60}
.atlas-route h3,.atlas-memory h3{font:500 21px/1.2 "Lumi Display",serif;margin:0 0 6px;color:#3d584a;letter-spacing:-.35px}
.atlas-route p{font-size:12px;line-height:1.5;margin:0 0 7px;color:#647363}
.atlas-route small,.atlas-memory small{display:block;font:600 10px/1.6 "Lumi UI";letter-spacing:.3px;color:#82705a}
.atlas-route button,.atlas-memory button{border:0;background:none;box-shadow:none;color:#466a59;font:700 12px "Lumi UI";padding:10px 0 2px;text-align:left;min-height:36px}
.atlas-route button:hover,.atlas-memory button:hover{color:#b37642}
.atlas-route.is-here h3:after{content:' ·';color:#ba9453}
.atlas-memory{padding:20px 0;border-bottom:1px solid #64736122}
.atlas-memory>.eyebrow{font-size:9px;letter-spacing:1px;margin-bottom:8px;display:block}
.atlas-memory p{font-size:13px;line-height:1.8;margin:10px 0;color:#667467}
.atlas-memory:not(.is-kept){opacity:.8}
.atlas-footer{display:flex;align-items:center;justify-content:space-between;gap:15px;padding-top:18px;font:550 11px/1.6 "Lumi UI";color:#73816f}
.atlas-signature{font-size:10px;letter-spacing:1.1px;color:#916f4b}
@media(max-width:850px){#map-overlay .atlas-panel{padding:22px}.atlas-layout{grid-template-columns:minmax(0,1fr) minmax(270px,1fr);gap:16px}.atlas-route h3{font-size:18px}.atlas-isle-number{width:30px;height:30px;flex-basis:30px}.atlas-route{gap:10px}.atlas-footer{font-size:10px}}
@media(max-width:600px){#map-overlay .atlas-panel{height:auto;padding:24px 18px 15px;max-height:94dvh;overflow:auto}#map-overlay .atlas-panel>h2{font-size:31px}.atlas-layout{display:flex;flex-direction:column;overflow:visible;flex:none}.atlas-chart{width:100%;height:29dvh;flex:none}#map-overlay #big-map{max-height:29dvh}.atlas-sidebar{height:37dvh;flex:none}.atlas-chart .map-legend{display:none}#map-overlay .atlas-panel>.atlas-intro{font-size:12px;margin-bottom:10px}.atlas-footer{align-items:flex-start;flex-direction:column;gap:4px;padding-top:10px}.atlas-signature{font-size:9px}}