:root{--bg:#0b191b;--surface:#112225;--ink:#efe5ce;--muted:#b8bca5;--gold:#c9aa72;--line:#5e624a;--accent:#dbc08a;--dialog-bg:#112123}body{background:radial-gradient(ellipse at 30% 0,#253c3766,transparent 60%),url('./assets/texture.svg'),#0b191b}.atlas-top{max-width:1370px;margin:auto;padding:25px 44px 12px;display:flex;align-items:center;justify-content:space-between;color:#cab991}.atlas-top>.eyebrow{font-size:9px;letter-spacing:3px}.atlas-top>div{display:flex;gap:10px}.atlas-top .icon{width:20px;height:20px}.atlas-layout{display:grid;grid-template-columns:minmax(0,810px) minmax(300px,390px);gap:65px;max-width:1330px;margin:auto;padding:0 30px}.chart-border{border:1px solid #7b704e;padding:6px;border-radius:18px;position:relative;box-shadow:0 0 0 3px #0b1413,0 0 0 4px #55573f,0 15px 40px #0008}.chart-viewport{overflow:hidden;position:relative;border-radius:13px;background:#0d1d1f;aspect-ratio:800/1100;touch-action:pan-y}.chart-viewport.zoomed{touch-action:none;cursor:grab}.chart{position:absolute;width:100%;height:100%;transform-origin:center;will-change:transform}.terrain{width:100%;height:100%;display:block}.voyage-lines{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.voyage-lines path{fill:none;stroke:#efcf91;stroke-width:1.8;stroke-dasharray:5 6;filter:drop-shadow(0 0 5px #f2b970)}.voyage-lines circle{fill:#ffeead;stroke:#ab8648;stroke-width:2;filter:drop-shadow(0 0 7px #ffd488)}.atlas-brand{position:absolute;left:50%;top:48.7%;transform:translate(-50%,-50%);text-align:center;padding:15px 10px 14px;background:radial-gradient(ellipse,#0a1410ed 20%,#0a1410b0 55%,transparent 75%);width:30%;pointer-events:none}.atlas-brand .brand-word{font-family:Unifraktur,Georgia,serif;font-size:clamp(65px,8vw,114px);font-weight:400;letter-spacing:-3px;filter:drop-shadow(0 2px 0 #070d09)}.atlas-brand .brand-sub{font-size:8px;letter-spacing:4px;margin-top:8px}.island-marker{position:absolute;transform:translate(-50%,-50%);text-align:left;width:27%;padding:13px 10px 16px;background:radial-gradient(ellipse,#07120fed 20%,#091512a3 55%,transparent 76%);color:#f4ead6;min-height:120px;text-shadow:0 2px 4px #000,0 0 9px #000}.island-marker .icon{width:35px;height:35px;color:#dfc397;display:block;margin-bottom:7px;filter:drop-shadow(0 2px 2px #000)}.island-marker strong{font-size:clamp(25px,3vw,41px);font-weight:500;line-height:1;display:block}.island-marker small{font-size:clamp(13px,1.6vw,20px);line-height:1.1;display:block;max-width:150px;margin-top:9px;padding-top:8px;border-top:1px solid #c5a86a88}.island-marker[aria-pressed=true] .icon{color:#ffe0a1;filter:drop-shadow(0 0 9px #efd690)}.island-marker[aria-pressed=true]:after{content:"";position:absolute;width:6px;height:6px;border:1px solid #fce7b9;border-radius:50%;right:14px;top:25px;box-shadow:0 0 11px #e9c882;background:#c3a063}.map-annotation{position:absolute;font:7px var(--sans);letter-spacing:3px;color:#b4ac86;pointer-events:none}.northern{top:2%;left:26%}.southern{bottom:2%;right:12%}.map-tools{display:flex;position:absolute;bottom:15px;right:16px;background:#0a1715e8;border:1px solid #8a805b;color:#dccda9}.map-tools button{min-height:40px;min-width:40px;display:grid;place-items:center}.map-tools button+button{border-left:1px solid #6c684a}.map-tools #reset-map{font:10px var(--sans);padding-inline:14px}.map-tools .icon{width:17px;height:17px}.hemisphere-switch{display:flex;justify-content:center;gap:15px;align-items:center;margin-top:21px}.hemisphere-switch button{font:11px var(--sans);min-height:44px;color:#aeb39d;border-bottom:1px solid transparent}.hemisphere-switch button[aria-pressed=true]{color:#f0d5a1;border-color:#b29b68}.hemisphere-switch>span{color:#6a755f}.map-hint{font:10px var(--sans);color:#afad90;text-align:center;margin-top:5px}.harbor{align-self:start;position:sticky;top:30px;padding-top:25px}.harbor-heading{display:flex;align-items:center;justify-content:space-between;color:#c6b582;border-block:1px solid #656447;padding-block:12px;margin-bottom:40px}.harbor-heading .eyebrow{font-size:9px}.harbor-heading>span:last-child{font:10px var(--sans)}.harbor-icon>.icon{width:48px;height:48px;color:#d4b782;margin-bottom:22px}.harbor h1{font-size:78px;margin-bottom:15px}.island-intro{font-size:28px;color:#c1c4ad;line-height:1.2}.harbor .divider{margin:30px 0}.landing{border-top:1px solid #555f45;padding:20px 0}.landing .eyebrow{font-size:9px;color:#c9b585}.landing h2{font-size:31px;margin:8px 0 12px}.landing p{font-size:18px;color:#b5baa5;line-height:1.4}.landing .primary{font-size:20px;min-height:48px;background:linear-gradient(110deg,#a99259,#e1cea1,#b5a175);border-color:#d1bf94;border-radius:3px;padding:9px 20px}.landing:first-child{border-top:0;padding-top:0}.landing:not(:first-child){display:flex;align-items:center;gap:10px}.landing:not(:first-child)>button{display:flex;width:100%;align-items:center;justify-content:space-between;text-align:left;font-size:23px;line-height:1.2;padding:0}.landing button small{display:block;font:9px var(--sans);letter-spacing:1px;color:#b6b296;margin-bottom:6px}.cartographer-note{margin-top:36px;border:1px solid #535e46;padding:21px;background:url('./assets/texture.svg'),#24312844}.cartographer-note .eyebrow{font-size:8px;color:#c1ae7e}.cartographer-note p{font-size:23px;margin-top:13px}.cartographer-note .micro{font-size:11px;margin-bottom:0;color:#b7b6a0}.atlas-footer{display:flex;align-items:center;justify-content:space-between;max-width:1330px;margin:35px auto;padding:20px 30px;border-top:1px solid #48523c;font:8px var(--sans);letter-spacing:2px;color:#aeb096}.atlas-footer button{font:13px var(--serif);letter-spacing:0;min-height:44px}.atlas-footer .icon{width:16px}.first-entry .chart{animation:unchart 1.25s ease-out}@keyframes unchart{from{opacity:0;filter:blur(8px);transform:scale(1.08)}to{opacity:1;filter:blur(0);transform:scale(1)}}
.atlas-brand .brand-word{font-size:82px;letter-spacing:-2px}.map-tools{position:relative;bottom:auto;right:auto;justify-content:flex-end;margin:5px 3px 0;border:0;border-top:1px solid #566148;background:transparent}.map-tools button{min-height:44px}.map-tools #reset-map{padding-inline:20px}
@media(max-width:1000px){.atlas-layout{gap:30px;grid-template-columns:minmax(0,1.5fr) minmax(270px,1fr)}.harbor h1{font-size:62px}.harbor-heading .eyebrow{font-size:7px}.atlas-brand .brand-word{font-size:60px}.island-marker{padding:10px 3px}.island-marker .icon{width:28px;height:28px}.island-marker strong{font-size:29px}.island-marker small{font-size:15px}}
@media(max-width:760px){.atlas-top{padding:17px 18px 8px}.atlas-top>.eyebrow{font-size:7px;letter-spacing:1.6px}.atlas-top>div{gap:0}.atlas-top .icon{width:19px}.atlas-layout{display:block;padding:0 12px;max-width:580px}.chart-border{padding:3px;border-radius:14px}.chart-viewport{border-radius:11px}.atlas-brand .brand-word{font-size:clamp(65px,17vw,95px)}.atlas-brand .brand-sub{font-size:6px;letter-spacing:3px}.island-marker{padding:12px 1px;width:29%;min-height:96px}.island-marker .icon{width:28px;height:28px;margin-bottom:6px}.island-marker strong{font-size:clamp(25px,6.8vw,36px)}.island-marker small{font-size:clamp(14px,3.6vw,20px);margin-top:5px;padding-top:5px;max-width:125px}.island-marker[aria-pressed=true]:after{top:18px;right:4px;width:4px;height:4px}.map-annotation{font-size:5px;letter-spacing:1.6px}.map-tools{bottom:8px;right:8px}.map-tools button{min-width:36px;min-height:36px}.map-tools #reset-map{font-size:9px;padding-inline:8px}.hemisphere-switch{margin-top:13px;gap:10px}.hemisphere-switch button{font-size:10px}.harbor{position:static;padding:16px 14px 0}.harbor-heading{margin-bottom:25px}.harbor-icon{float:right}.harbor-icon>.icon{width:38px;height:38px;margin:0}.harbor h1{font-size:63px}.island-intro{font-size:27px;max-width:290px}.harbor .divider{margin:23px 0}.landing h2{font-size:35px}.landing p{font-size:21px}.landing .primary{width:100%;min-height:53px;font-size:24px}.cartographer-note{margin-top:26px}.atlas-footer{margin:25px 15px 15px;padding:14px 5px;gap:20px;font-size:6px}.atlas-footer>span:last-child{display:none}.map-hint{font-size:9px}}
@media(max-width:760px){.atlas-brand .brand-word{font-size:clamp(43px,12vw,65px)}.map-tools{bottom:auto;right:auto}.map-tools button{min-height:44px;min-width:44px}}