:root{--paper:#f2f1e8;--ink:#203831;--muted:#6b7870;--line:#d5d9cd;--panel:#fffef8;--accent:#c9e699;color-scheme:light}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;background:var(--paper);color:var(--ink);font:15px/1.6 'Segoe UI',Arial,sans-serif}button,input,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button,input{font:inherit}button,a,input{outline-offset:5px}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #809b47}button{color:inherit}button:disabled{opacity:.4;cursor:default}[hidden]{display:none!important}.skip{position:fixed;top:-80px;left:20px;background:white;padding:12px;z-index:20}.skip:focus{top:10px}.masthead{height:86px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 5%;gap:20px}.brand{display:flex;align-items:center;gap:12px;font-size:19px;font-weight:850;letter-spacing:1px}.brand-icon{position:relative;background:var(--ink);color:var(--paper);width:35px;height:36px;text-align:center;font-family:Georgia,serif;font-size:29px;line-height:36px;transform:rotate(-7deg);border-radius:6px}.brand-icon span{position:absolute;right:-6px;top:-9px;color:#8b9e66;font-size:17px}.edition{border-left:1px solid var(--line);padding-left:17px;margin-left:6px;font-size:9px;letter-spacing:2px;font-weight:600;color:var(--muted)}nav{display:flex;align-items:center;gap:27px;font-size:12px;font-weight:600}.status-link{border:1px solid var(--line);border-radius:30px;padding:8px 16px}.theme{border:0;background:none;font-size:23px}main{max-width:1600px;margin:auto;padding:0 5%}.intro{display:flex;align-items:center;justify-content:space-between;padding:43px 0 34px;gap:20px}.eyebrow{font-size:10px;font-weight:800;letter-spacing:2px;margin:0 0 10px}h1{font-size:clamp(30px,3.6vw,55px);letter-spacing:-2px;line-height:1.12;margin:0 0 15px;font-weight:600}h1 em{font-family:Georgia,serif;font-weight:400;color:#64804a}.lead{margin:0;color:var(--muted);font-size:14px}.atlas-stamp{display:flex;align-items:center;gap:13px;border:1px solid var(--line);border-radius:50%;width:116px;height:116px;justify-content:center;transform:rotate(9deg);flex-shrink:0}.atlas-stamp>span{font:28px Georgia,serif}.atlas-stamp small{font-size:7px;letter-spacing:1px;line-height:1.9}.toolbar{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:17px}.view-switch{display:flex;border:1px solid var(--line);border-radius:8px;padding:4px;gap:4px}.view-switch button{border:0;background:transparent;padding:8px 15px;border-radius:5px;font-size:12px;font-weight:650}.view-switch button[aria-pressed=true]{background:var(--ink);color:var(--paper)}.view-switch span{font-size:10px;opacity:.7;margin-left:5px}.search{display:flex;align-items:center;border-bottom:1px solid var(--line);gap:12px;max-width:260px}.search>span{font-size:25px}.search input{width:100%;border:0;background:none;color:var(--ink);font-size:12px;padding:10px 0}.atlas{position:relative;border:1px solid #456064;border-radius:13px;overflow:hidden;background:#102e35;color:#e4ebdc;box-shadow:0 18px 38px #20383115}.map-scroll{overflow:auto;scrollbar-width:thin;scrollbar-color:#58756f #102e35;cursor:grab;max-height:730px}.map-scroll.dragging{cursor:grabbing}.map-canvas{width:100%;position:relative;min-width:800px;aspect-ratio:1360/720;user-select:none}.map-canvas.zoom-1{width:130%}.map-canvas.zoom-2{width:165%}.map-canvas.zoom-3{width:200%}.world-image{display:block;width:100%;height:100%;pointer-events:none}.map-corner{position:absolute;top:23px;left:26px;z-index:2;pointer-events:none;display:flex;flex-direction:column;gap:2px}.map-corner .eyebrow{font-size:9px;margin:0;letter-spacing:2px}.map-corner>span:last-child{font-size:10px;color:#96aeac}.map-pin{position:absolute;transform:translate(-50%,-50%);border:0;background:none;padding:10px;color:#edf0df;min-width:135px}.pin-dot{display:block;width:9px;height:9px;background:#f1f2c9;border:2px solid #fff7c2;box-shadow:0 0 0 6px #eef2c526;margin:0 auto 9px;border-radius:50%;transition:box-shadow .2s}.pin-label{display:block;border:1px solid #68827a;border-radius:7px;background:#102c2fee;padding:8px 14px;box-shadow:0 5px 14px #0003;transition:transform .2s,border-color .2s}.pin-label small{display:block;font-size:7px;letter-spacing:1.7px;color:#ccddaa}.pin-label strong{display:block;font:17px/1.4 Georgia,serif;white-space:nowrap}.pin-label>span{display:block;font-size:10px;color:#b6ccc6}.pin-label b{margin-left:6px;color:#e1eacb}.map-pin:hover .pin-label,.map-pin:focus-visible .pin-label{transform:translateY(-4px);border-color:#d6e5b1;background:#1d3b39}.map-pin:hover .pin-dot{box-shadow:0 0 0 10px #eef2c529}.pin-campus{left:21.32%;top:44%}.pin-cyber{left:59.93%;top:39.8%}.pin-port{left:44.12%;top:74%}.pin-mail{left:77.2%;top:68%}.pin-bots{left:80.15%;top:30%}.pin-ideas{left:19.12%;top:82%}.map-bottom{display:flex;justify-content:space-between;align-items:center;padding:12px 20px;background:#0b242bea;gap:10px;border-top:1px solid #335155;font-size:10px;letter-spacing:.3px}.map-bottom i{display:inline-block;width:6px;height:6px;border-radius:50%;background:#c9dca6;margin-right:8px}.zoom{display:flex;gap:4px}.zoom button{background:#19373d;border:1px solid #416066;color:#e2e9df;min-width:32px;min-height:32px;border-radius:4px}.zoom #reset-map{font-size:10px;padding:0 12px}.under-map{display:flex;justify-content:space-between;gap:12px;padding:16px 0 30px;font-size:11px;color:var(--muted)}.under-map p{margin:0}.under-map p span{color:#708153;margin-right:8px}.under-map b{margin-left:12px}footer{border-top:1px solid var(--line);margin-top:10px;padding:26px 5%;display:flex;align-items:center;justify-content:space-between;gap:20px;color:var(--muted);font-size:10px}.footer-brand{font-size:13px;font-weight:800;color:var(--ink);letter-spacing:1px}.footer-brand span{display:block;font-size:10px;font-weight:400;letter-spacing:0;color:var(--muted);margin-top:4px}footer>div{display:flex;gap:22px}.service-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.service-card{border:1px solid var(--line);background:var(--panel);border-radius:10px;overflow:hidden;--region:#b7d6a3}.region-cyber{--region:#bea9e3}.region-port{--region:#e3bb83}.region-mail{--region:#91cbd7}.region-bots{--region:#e8a48c}.region-ideas{--region:#d7dc91}.card-art{height:116px;background:var(--region);background-image:radial-gradient(ellipse at 20% 110%,#fff5 0 40%,transparent 40%),repeating-linear-gradient(135deg,transparent 0 25px,#23463407 25px 26px);display:flex;justify-content:space-between;align-items:center;padding:25px;color:#25433a}.card-symbol svg{width:44px;height:44px;stroke-width:1.3}.card-region{font:italic 20px Georgia,serif;max-width:135px;text-align:right}.card-content{padding:24px}.card-content h2{font-size:24px;line-height:1.3;margin:4px 0 12px;letter-spacing:-.6px}.description{color:var(--muted);font-size:13px;min-height:65px}.open-service{display:flex;justify-content:space-between;gap:12px;background:var(--ink);color:var(--paper);padding:11px 14px;border-radius:5px;font-size:12px;font-weight:650}.open-service:hover{opacity:.85}.unavailable{display:block;padding:10px;background:var(--paper);color:var(--muted)}dialog{padding:0;border:1px solid var(--line);border-radius:12px;max-width:410px;width:calc(100% - 32px);color:var(--ink);background:var(--panel)}dialog::backdrop{background:#051a21a8;backdrop-filter:blur(4px)}dialog .service-card{border:0}dialog .card-art{height:175px}dialog .description{min-height:0;margin-bottom:24px}dialog .card-content{padding:28px}.close-dialog{position:absolute;right:12px;top:12px;border:0;background:#ffffffbd;color:#16322d;border-radius:50%;width:34px;height:34px;font-size:24px;z-index:2}html[data-theme=dark]{--paper:#122327;--ink:#e3ebd7;--muted:#9db0a7;--line:#34484b;--panel:#1b3033;color-scheme:dark}html[data-theme=dark] h1 em{color:#b8d894}@media(max-width:800px){.edition,.atlas-stamp{display:none}.masthead{height:70px}nav{gap:15px}nav>a:first-child,nav>a:nth-child(2){display:none}.intro{padding:30px 0 24px}h1{letter-spacing:-1px}.service-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.map-canvas{min-width:900px}.toolbar{align-items:stretch}.view-switch button{padding:8px;font-size:11px}.search{max-width:180px}.under-map{flex-direction:column;gap:8px}footer{flex-wrap:wrap}.map-scroll{max-height:540px}.map-corner{top:15px;left:15px}}@media(max-width:500px){.brand{font-size:16px}.status-link{font-size:10px;padding:7px 10px}.masthead{gap:8px}nav{gap:9px}.intro .eyebrow{font-size:8px;letter-spacing:1.5px}h1{font-size:36px;max-width:330px}.lead{font-size:12px;max-width:290px}.toolbar{flex-direction:column;gap:10px}.view-switch{align-self:flex-start}.search{max-width:none;width:100%}.map-bottom{padding:10px;flex-wrap:wrap}.map-bottom>span{font-size:9px}.map-canvas{min-width:850px}.service-grid{grid-template-columns:1fr}.map-corner{background:#102e35d9;padding:5px;border-radius:4px}.map-scroll{max-height:485px}footer{gap:16px}footer>div{width:100%;gap:20px}.card-art{height:100px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}

/* Local island views retain the shared light/dark palette. */
dialog.island-dialog{max-width:1080px;width:calc(100% - 40px);max-height:90dvh;overflow:auto;overscroll-behavior:contain;border-radius:18px;background:var(--panel)}
.island-dialog .close-dialog{position:absolute;top:18px;left:18px;right:auto;width:auto;height:auto;min-height:42px;padding:10px 16px;border:1px solid #8aa79b;border-radius:30px;background:#173b3f;color:#f1efdb;font-size:12px;font-weight:650;box-shadow:0 4px 18px #071d2540}
.island-scene{position:relative;background:#102e35;overflow:hidden;min-height:260px}
.island-scene>img{display:block;width:100%;height:auto;max-height:57dvh;object-fit:cover}
.island-caption{position:absolute;top:25px;right:28px;left:225px;color:#f1efdb;text-align:right;pointer-events:none;text-shadow:0 2px 8px #102e35}
.island-caption .eyebrow{font-size:9px;color:#c4d4bf}.island-caption h2{font:32px/1.15 Georgia,serif;margin:0}
.island-details{display:grid;grid-template-columns:1fr 1fr;gap:30px;padding:26px 32px;background:var(--panel)}
.island-story{padding-right:30px;border-right:1px solid var(--line)}.island-story h3{font:26px/1.2 Georgia,serif;margin:5px 0 12px;color:var(--ink)}.island-story p{font-size:14px;line-height:1.7;color:var(--muted);margin:0;max-width:390px}
.island-dialog .card-content{padding:0}.island-dialog .card-content h2{font-size:21px;margin:0 0 7px}.island-dialog .card-content .eyebrow{display:none}.island-dialog .description{margin:0 0 14px;font-size:13px;line-height:1.6}.island-dialog .service-card{background:transparent;border:0;border-radius:0}.island-dialog .open-service{min-height:44px;align-items:center}
@media(max-width:650px){dialog.island-dialog{width:calc(100% - 16px);max-height:94dvh;border-radius:12px}.island-scene{min-height:0}.island-scene>img{height:auto;max-height:none;width:100%;padding-top:100px;object-fit:contain}.island-caption{top:74px;left:16px;right:16px;text-align:center}.island-caption h2{font-size:26px}.island-caption .eyebrow{font-size:8px;margin-bottom:6px}.island-dialog .close-dialog{top:12px;left:12px}.island-details{grid-template-columns:1fr;padding:22px;gap:20px}.island-story{padding:0 0 18px;border-right:0;border-bottom:1px solid var(--line)}.island-story h3{font-size:23px}.island-story p{font-size:13px}}

/* The stage keeps SVG and keyboard-accessible residents on one coordinate grid. */
.island-scene{padding-top:74px}.island-stage{position:relative;width:100%;aspect-ratio:5/3}.island-art{display:block;width:100%;height:100%}.island-caption{top:20px;right:145px;left:220px}.island-caption h2{font-size:27px}.scene-theme{position:absolute;right:16px;top:18px;border:1px solid #8aa79b;border-radius:24px;padding:10px 14px;min-height:42px;background:#173b3f;color:#f1efdb;font-size:12px}
.resident{position:absolute;z-index:1;transform:translate(-50%,-100%);width:44px;height:52px;background:transparent;border:0;padding:0;border-radius:12px;color:#203831}.resident-0{left:36%;top:57.667%}.resident-1{left:62%;top:64.167%}.resident-figure{position:absolute;bottom:0;left:14px;width:16px;height:33px;filter:drop-shadow(1px 3px 1px #102e3550)}.resident-head{position:absolute;width:11px;height:11px;border-radius:50%;background:#dcae87;left:3px;top:0;border-top:4px solid #36423d}.resident-body{position:absolute;top:11px;left:0;width:16px;height:14px;border-radius:5px 5px 2px 2px;background:#bd674f}.resident-1 .resident-body{background:#4c6891}.resident-legs{position:absolute;top:25px;left:3px;width:11px;height:8px;border-left:4px solid #314340;border-right:4px solid #314340}.robot .resident-head{border-radius:3px;background:#d7e4d4;border-top:3px solid #627c74}.resident-hint{position:absolute;top:0;right:0;border-radius:12px 12px 12px 0;background:#fff0c8;color:#344a41;border:1px solid #778c72;font:bold 17px/20px Georgia,serif;width:25px;height:22px;box-shadow:0 2px 8px #102e3530}.resident:hover .resident-hint,.resident[aria-expanded=true] .resident-hint{background:#d5edaa;transform:translateY(-3px)}
.resident-invitation{margin:0;padding:9px 24px;background:var(--panel);color:var(--muted);font-size:12px;border-bottom:1px solid var(--line)}
.resident-chat{margin:18px 30px 0;padding:18px 20px;border:1px solid var(--line);border-left:4px solid var(--ink);border-radius:12px;background:var(--paper);color:var(--ink)}.resident-reply strong{font-family:Georgia,serif;font-size:21px}.resident-reply p{margin:8px 0 14px;font-size:14px;line-height:1.6}.resident-actions{display:flex;flex-wrap:wrap;gap:10px}.resident-actions button{padding:9px 12px;min-height:44px;border:1px solid var(--line);border-radius:6px;background:var(--panel);color:var(--ink);font-size:12px}
.island-dock{padding:22px 32px 26px;border-top:1px solid var(--line);background:var(--paper)}.dock-intro h3{font:24px/1.2 Georgia,serif;margin:0 0 8px}.dock-intro p{color:var(--muted);font-size:13px;margin:0}.voyage-route{height:44px;border-bottom:1px dashed var(--muted);margin:0 0 18px;position:relative;overflow:hidden}.voyage-boat{display:block;position:absolute;left:0;bottom:0;font-size:30px;line-height:36px}.sailing .voyage-boat{animation:crossing .75s ease-in-out forwards}@keyframes crossing{to{left:calc(100% - 38px)}}.dock-controls{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.dock-controls label{font-size:12px;font-weight:700}.dock-controls select{flex:1;min-width:140px;max-width:100%;padding:10px;border:1px solid var(--line);border-radius:6px;min-height:44px;background:var(--panel);color:var(--ink);font:inherit}.sail-button{min-height:44px;border:0;border-radius:6px;padding:10px 20px;background:var(--ink);color:var(--paper);font-weight:650}.voyage-status{font-size:13px;margin:10px 0 0;color:var(--muted)}.voyage-status:empty{display:none}
html[data-nk-theme=dark] .island-scene{background:#09182c}html[data-nk-theme=dark] .resident-figure{filter:drop-shadow(0 0 4px #ffe6a04d)}
@media(max-width:650px){.island-scene{padding-top:128px}.island-caption{top:74px;left:10px;right:10px}.island-caption h2{font-size:25px}.scene-theme{top:12px;right:12px;padding:10px}.resident-figure{transform:scale(.8);transform-origin:bottom center}.resident-hint{width:21px;height:19px;font-size:15px;line-height:16px;top:4px}.resident{height:44px}.resident-chat{margin:16px 16px 0;padding:16px}.resident-invitation{padding:10px 16px;font-size:11px}.island-dock{padding:20px}.dock-controls label{width:100%}.sail-button{width:100%}.island-stage{margin:0}.island-caption .eyebrow{margin-bottom:7px}}
@media(prefers-reduced-motion:reduce){.sailing .voyage-boat{animation:none!important}}