@charset "UTF-8";
:root{font-family:Arial,Helvetica,sans-serif;font-synthesis:none;color:#26382d;background:#eeeade;--ink:#26382d;--paper:#faf8ef;--muted:#66745d}*{box-sizing:border-box}body{margin:0;overflow:hidden}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer;border:0}a{color:inherit;text-decoration:none}h1,h2,h3,p{margin:0}button:focus-visible,a:focus-visible,canvas:focus-visible{outline:3px solid #737742;outline-offset:4px}[hidden]{display:none!important}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.skip{position:fixed;left:20px;top:-100px;z-index:100;background:var(--ink);color:white;padding:15px;border-radius:12px}.skip:focus{top:20px}header{position:fixed;top:0;left:0;right:0;display:flex;align-items:center;justify-content:space-between;padding:30px 42px;z-index:10;pointer-events:none;gap:20px}header>*{pointer-events:auto}.brand{display:flex;align-items:center;gap:9px;font-size:28px;font-weight:700;letter-spacing:-1.5px}.brand>span{color:#89986e;margin-left:-9px}.header-caption{font-size:12px;letter-spacing:1.7px;color:#69735f;position:absolute;left:50%;transform:translateX(-50%)}.header-actions{display:flex;gap:8px;align-items:center}.icon-button{width:40px;height:40px;border:1px solid #536c3826;background:#faf8efeb;border-radius:50%;display:grid;place-items:center;font-size:22px;flex-shrink:0}.icon-button:hover,.text-button:hover{background:white}.icon-button[aria-pressed=true]{background:#dce5c9}.text-button{background:#faf8efeb;border:1px solid #536c3826;border-radius:100px;padding:11px 18px;font-size:11px;min-height:40px}#world-stage{position:fixed;inset:0;z-index:0;background:radial-gradient(ellipse at 60% 50%,#e6e9d9,#eeeade 70%)}#world-canvas{display:block;width:100%;height:100%;cursor:grab;touch-action:none}#world-canvas:active{cursor:grabbing}.vignette{position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,#eeeade99,transparent 43%),linear-gradient(0deg,#eeeadecc,transparent 17%,transparent 83%,#eeeade88)}.intro{position:fixed;left:48px;top:clamp(135px,21vh,220px);z-index:2;pointer-events:none;width:340px}.intro button{pointer-events:auto}.eyebrow{font-size:11px;letter-spacing:1.6px;line-height:1.7;font-weight:600;display:flex;align-items:center;gap:8px}.intro .eyebrow>span{font-size:24px;color:#829461;line-height:1}.intro h1{font-size:clamp(45px,4.6vw,71px);line-height:1.03;font-weight:500;letter-spacing:-3.4px;margin-top:25px}.intro h1 em{font-family:Georgia,serif;color:#71865c;font-weight:400;letter-spacing:-3.5px}.intro>p:not(.eyebrow){font-size:13px;line-height:1.9;margin-top:22px;color:var(--muted)}.explore{display:flex;align-items:center;justify-content:space-between;gap:35px;background:#354b36;color:#faf8ef;border-radius:100px;padding:15px 21px;font-size:12px;margin-top:26px;box-shadow:0 5px 12px #26382d18;min-height:46px}.explore>span{font-size:20px}.explore:hover{background:#4a6144}.intro-note{font-size:11px;color:#71815f;margin-top:22px}.world-tools{position:fixed;z-index:4;right:32px;bottom:126px;display:flex;flex-direction:column;gap:7px}.world-labels{position:absolute;inset:0;pointer-events:none;overflow:hidden}.map-label{position:absolute;transform:translate(-50%,-50%);display:flex;align-items:center;gap:8px;padding:10px 13px;border-radius:100px;border:1px solid #aab49c88;background:#fffdf3ed;box-shadow:0 5px 15px #26382d12;font-size:11px;white-space:nowrap;min-height:40px;pointer-events:auto;backdrop-filter:blur(10px)}.map-label i{width:6px;height:6px;background:#7f9962;border-radius:50%}.map-label>span{margin-left:8px;font-size:15px}.map-label.purple i{background:#9c89b6}.map-label.coral i{background:#bf8367}.map-label:hover{background:white}#loading-status{position:absolute;left:61%;top:50%;transform:translate(-50%,-50%);font-size:11px;color:var(--muted);background:#faf8efeb;padding:13px 20px;border:1px solid #b9c0a7;border-radius:100px;white-space:nowrap}.island-navigation{position:fixed;bottom:67px;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:18px;z-index:5;padding:7px 10px 7px 20px;border:1px solid #aab49c66;border-radius:100px;box-shadow:0 10px 30px #26382d0b;background:#faf8efe8;backdrop-filter:blur(16px)}.nav-caption{font-size:12px;letter-spacing:1.1px;color:#78806e;white-space:nowrap}.island-buttons{display:flex;gap:5px}.island-buttons>button{display:flex;gap:8px;align-items:center;background:transparent;border-radius:100px;padding:12px 15px;min-height:42px;font-size:11px}.island-buttons>button:hover{background:#e7ebde}.island-buttons>button[aria-current=true]{background:#dce6cb}.island-buttons small{font-size:12px;color:#78806e}.visited{display:none;font-size:11px;color:#6d8a4e}.is-visited .visited{display:block}#visited-count{font-size:11px;white-space:nowrap;border-left:1px solid #cdd3c3;padding:5px 6px 5px 17px;color:#78806e}footer{position:fixed;left:44px;right:44px;bottom:27px;display:flex;justify-content:space-between;gap:20px;color:#78806e;font-size:11px;z-index:3}.simple-mode{overflow:auto}.simple-mode #world-stage,.simple-mode .intro,.simple-mode .world-tools,.simple-mode .island-navigation,.simple-mode footer{display:none}.simple-mode header{position:relative}.simple-mode #motion-toggle,.simple-mode .header-caption{display:none}.simple-world{position:relative;z-index:3;max-width:1100px;margin:35px auto 80px;padding:30px 40px}.simple-world h2{font-size:clamp(38px,5.4vw,70px);letter-spacing:-2.6px;font-weight:500;line-height:1.08;margin-top:25px}.simple-lead{max-width:550px;font-size:17px;color:var(--muted);line-height:1.9;margin-top:25px}.simple-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:45px}.simple-grid article{background:#faf8ef;padding:28px;border:1px solid #d4d7c7;border-radius:20px}.simple-grid small{font-size:12px;letter-spacing:1.1px;color:#78806e}.simple-grid h3{font-size:27px;letter-spacing:-1px;margin-top:23px;font-weight:500}.simple-grid p{font-size:13px;line-height:1.9;color:var(--muted);margin-top:16px}.simple-grid a,.simple-grid button{display:inline-block;border:0;border-bottom:1px solid #a4af90;background:none;padding:10px 0;margin-top:18px;font-size:11px;min-height:40px;overflow-wrap:anywhere}.simple-note{font-size:11px;line-height:1.8;color:#78806e;margin-top:25px}dialog{width:calc(100% - 32px);max-width:425px;max-height:calc(100dvh - 36px);overflow:auto;padding:0 30px 27px;border:1px solid #d6d5c6;border-radius:28px;background:var(--paper);color:var(--ink);box-shadow:0 25px 100px #26382d30}dialog::backdrop{background:#2c3e3444;backdrop-filter:blur(5px)}.dialog-stripe{height:5px;background:#9cab74;margin:0 -30px}.dialog-top{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-top:20px}.dialog-top .eyebrow{font-size:12px;color:#78806e}.dialog-top .icon-button{width:34px;height:34px;background:#eeeddf;font-size:23px}#place-symbol{font-family:Georgia,serif;font-size:66px;line-height:1;height:116px;display:grid;place-items:center;background:#e7eadb;color:#667e47;border-radius:20px;margin-top:20px}dialog[data-place=ayizi] #place-symbol{background:#eae3f1;color:#81739c}dialog[data-place=ayizi] .dialog-stripe{background:#9d8eb8}dialog[data-place=contact] #place-symbol{background:#f0dfd3;color:#b9785c}dialog[data-place=contact] .dialog-stripe{background:#bc8061}dialog h2{font-size:36px;line-height:1.1;letter-spacing:-1.4px;font-weight:500;margin-top:24px}#place-description{font-size:14px;line-height:1.9;color:var(--muted);margin-top:16px}#place-details{display:flex;flex-wrap:wrap;gap:6px;margin-top:20px}#place-details span{font-size:11px;padding:7px 9px;border:1px solid #d8ddce;border-radius:6px;color:var(--muted)}#place-action{display:block;border-radius:100px;background:#354b36;color:var(--paper);padding:16px 20px;font-size:12px;margin-top:25px;overflow-wrap:anywhere}#place-note{font-size:11px;line-height:1.8;color:#78806e;margin-top:15px}
@media(max-width:1000px){.header-caption{display:none}header{padding:25px 28px}.intro{left:30px;top:140px;width:270px}.intro h1{font-size:47px;letter-spacing:-2.5px}.intro h1 em{letter-spacing:-2.5px}.intro>p:not(.eyebrow){font-size:12px}.nav-caption{display:none}.island-navigation{padding-left:8px;gap:5px}footer{left:28px;right:28px}.simple-grid{grid-template-columns:1fr}}
@media(max-width:600px){header{padding:18px 20px}.brand{font-size:24px;gap:8px}.brand img{width:29px;height:29px}.brand>span{margin-left:-8px}.icon-button{width:36px;height:36px}.text-button{font-size:11px;padding:9px 12px;min-height:36px}.header-actions{gap:6px}.intro{top:103px;left:24px;right:24px;width:auto}.intro .eyebrow{font-size:12px;letter-spacing:1.1px}.intro .eyebrow>span{font-size:20px}.intro h1{font-size:42px;line-height:1.02;letter-spacing:-2.3px;margin-top:15px}.intro h1 em{letter-spacing:-2.3px}.intro>p:not(.eyebrow){font-size:11px;line-height:1.7;margin-top:15px}.explore{padding:12px 16px;font-size:12px;gap:26px;margin-top:17px;min-height:42px}.explore>span{font-size:18px}.intro-note{display:none}.vignette{background:linear-gradient(0deg,#eeeadecc,transparent 16%,transparent 80%,#eeeade88)}.world-tools{bottom:130px;right:16px;gap:5px}.world-tools .icon-button{width:34px;height:34px;font-size:20px}.map-label{font-size:11px;gap:6px;padding:8px 10px;min-height:36px}.map-label span{font-size:12px;margin-left:3px}#loading-status{left:50%;top:60%;font-size:12px}.island-navigation{max-width:calc(100% - 24px);bottom:59px;gap:0;padding:6px;border-radius:24px}.island-buttons{gap:0}.island-buttons>button{font-size:12px;padding:10px;gap:5px;min-height:40px}.island-buttons small{font-size:12px}#visited-count{font-size:12px;padding-inline:9px 4px}footer{left:20px;right:20px;bottom:22px;font-size:12px}footer>.hint{display:none}.simple-world{padding:20px 24px;margin:20px auto 40px}.simple-world h2{font-size:43px;letter-spacing:-1.8px}.simple-lead{font-size:15px}.simple-grid{margin-top:30px;gap:13px}.simple-grid article{padding:25px}.simple-note{font-size:12px}dialog{padding-inline:24px;border-radius:24px;max-height:calc(100dvh - 24px)}.dialog-stripe{margin-inline:-24px}.dialog-top .eyebrow{font-size:12px}#place-symbol{height:90px;font-size:55px;margin-top:15px}dialog h2{font-size:31px;margin-top:20px}#place-description{font-size:13px;margin-top:13px}#place-details{margin-top:16px}}
@media(max-height:620px) and (min-width:601px){.intro{top:107px}.intro h1{font-size:42px}.intro-note{display:none}.intro>p:not(.eyebrow){font-size:11px}.island-navigation{bottom:46px}footer{bottom:15px}.explore{margin-top:17px}.world-tools{bottom:110px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}
.footer-links{display:flex;gap:16px}.footer-links a,.simple-note a{text-decoration:underline;text-underline-offset:3px}.footer-links a:hover{color:var(--ink)}