:root{color-scheme:dark;font-family:Arial,"Hiragino Kaku Gothic ProN",Meiryo,sans-serif;color:#e6e9ed;background:#03050a;font-synthesis:none}
*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden;overscroll-behavior:none}body{position:fixed;inset:0}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer}button:focus-visible,a:focus-visible,main:focus-visible{outline:1px solid #d0dfef;outline-offset:6px}main{position:absolute;inset:0;touch-action:none;outline:none}canvas{display:block;width:100%;height:100%;background:radial-gradient(ellipse at center,#121725,#03050a 70%)}header{position:absolute;top:max(32px,env(safe-area-inset-top));left:max(34px,env(safe-area-inset-left));pointer-events:none}header a{pointer-events:auto;text-decoration:none;color:#e6e9ed;font-size:13px;letter-spacing:.38em;font-weight:400}header span{display:block;font-size:9px;letter-spacing:.18em;color:#9ba5b0;margin-top:9px}
#loading{position:absolute;inset:0;display:grid;place-content:center;text-align:center;background:#03050a;pointer-events:none;transition:opacity 1.1s}#loading.ready{opacity:0}#loading p{font-size:11px;letter-spacing:.25em;color:#aeb7c4}.seed{display:block;margin:0 auto 20px;width:3px;height:3px;border-radius:50%;background:white;box-shadow:0 0 20px 6px #b7cef377}#hint{position:absolute;bottom:max(42px,calc(env(safe-area-inset-bottom) + 20px));left:0;right:0;text-align:center;font-size:11px;letter-spacing:.12em;color:#c8cbd3;pointer-events:none;transition:opacity 2s}#hint span{display:block;margin-top:10px;font-size:10px;color:#7e8796;letter-spacing:.18em}.quiet{opacity:0!important}#revelation{position:absolute;inset:45% 20px auto;text-align:center;font-size:clamp(15px,2vw,23px);line-height:2.2;letter-spacing:.16em;font-weight:300;pointer-events:none;opacity:0;transition:opacity 2.2s;text-shadow:0 2px 20px #000}#revelation.visible{opacity:1}
#info-toggle{position:absolute;right:max(30px,env(safe-area-inset-right));bottom:max(34px,calc(env(safe-area-inset-bottom) + 18px));width:30px;height:30px;border:1px solid #d2dce333;background:#0a101940;border-radius:50%;font:italic 14px Georgia,serif;color:#b9c3cf}#info{position:absolute;right:max(30px,env(safe-area-inset-right));bottom:max(82px,calc(env(safe-area-inset-bottom) + 60px));width:min(330px,calc(100% - 48px));max-height:calc(100dvh - 160px);overflow:auto;overscroll-behavior:contain;padding:28px;background:#090e18ed;border:1px solid #d7e0f021;backdrop-filter:blur(20px);border-radius:4px;box-shadow:0 20px 80px #0005}#info .eyebrow{font-size:9px;letter-spacing:.22em;color:#8898ad;margin:0 0 20px}h1{font-weight:400;font-size:19px;letter-spacing:.1em;margin:0 0 12px}.scale{font:28px Georgia,serif;letter-spacing:.05em;margin:0 0 18px}#info p:not(.scale):not(.eyebrow){font-size:11px;line-height:1.9;color:#a5b2c3}#info .caption{color:#697c92!important;font-size:10px!important}.hairline{height:1px;background:#d7e0f017;margin:20px 0}#tour{width:100%;background:none;border:1px solid #b0bfd12b;padding:12px;text-align:left;font-size:11px;letter-spacing:.1em;margin:12px 0}#tour span{float:right}#diagnostics{font:10px monospace;color:#829bad}#failure,.no-script{position:absolute;inset:30% 24px auto;max-width:560px;margin:auto;text-align:center;background:#0b1120;padding:30px}#failure h2{font-size:16px;font-weight:400}#failure p{font-size:12px;line-height:2}#failure button{padding:10px 20px;background:#151e30;border:1px solid #8390a0} [hidden]{display:none!important}
@media(max-width:600px){header{top:max(26px,env(safe-area-inset-top));left:24px}header a{font-size:11px}header span{font-size:8px}#info-toggle{right:24px}#info{right:24px}#hint{font-size:10px}}
@media(prefers-reduced-motion:reduce){*{transition:none!important}}
.share{position:absolute;right:max(30px,env(safe-area-inset-right));top:max(30px,env(safe-area-inset-top));border:1px solid #c6d3e329;background:#07101a66;padding:10px 14px;border-radius:24px;font-size:10px;letter-spacing:.15em}.movement{position:absolute;left:max(24px,env(safe-area-inset-left));bottom:max(32px,calc(env(safe-area-inset-bottom) + 18px));display:flex;gap:6px}.movement button{border:1px solid #bdcddd2b;border-radius:22px;background:#08101999;padding:10px 16px;font-size:11px;letter-spacing:.1em}.movement button[aria-pressed=true]{border-color:#b6cdd386;background:#142333}.routes{display:grid;grid-template-columns:1fr 1fr;gap:8px}.routes a{color:#d9e3e9;text-decoration:none;border:1px solid #c2d2da29;padding:14px 11px;font-size:11px;background:linear-gradient(140deg,#25413844,#07131d22)}.routes a[data-route=water]{background:linear-gradient(140deg,#2a4e6644,#07131d22)}.routes a[data-route=mineral]{background:linear-gradient(140deg,#48486544,#07131d22)}.routes a[data-route=human]{background:linear-gradient(140deg,#64504444,#07131d22)}.routes a[aria-current]{border-color:#a7c5d28c}.routes span{display:block;margin-top:6px;font-size:8px;letter-spacing:.12em;color:#8fa4b2}.route-heading{margin-top:24px!important;margin-bottom:12px!important}#share-status{position:absolute;top:80px;right:24px;max-width:280px;color:#d7e4ed;font-size:11px;line-height:1.8;overflow-wrap:anywhere;pointer-events:none}#hint{bottom:max(84px,calc(env(safe-area-inset-bottom) + 62px))}