:root{color-scheme:dark;font-family:Segoe UI,system-ui,sans-serif;color:#eee8d7;background:#12201a}*{box-sizing:border-box}[hidden]{display:none!important}body{margin:0;overflow:hidden}#world{position:fixed;inset:0;outline:none;touch-action:none}canvas{display:block;width:100%;height:100%}a{color:#d5bd8e;text-underline-offset:4px}button{font:inherit;font-size:13px;color:#e8e4d4;background:rgba(20,34,26,.85);border:1px solid #8d95775e;border-radius:24px;padding:10px 15px;cursor:pointer;backdrop-filter:blur(10px)}button:hover{border-color:#d5bd8e;background:#253629}button:focus-visible,a:focus-visible{outline:3px solid #e6c489;outline-offset:4px}.warm{background:#d5bd8e;color:#1a2a21;border-color:#d5bd8e}.eyebrow{font-size:10px;text-transform:uppercase;letter-spacing:.16em;color:#d5bd8e;margin:0 0 7px}header{position:fixed;left:26px;right:26px;top:22px;display:flex;justify-content:space-between;align-items:start;gap:20px;pointer-events:none;text-shadow:0 2px 8px #000}header>*{pointer-events:auto}header>a{font-size:13px;padding-top:8px}header>div:nth-child(2){text-align:center}h1{font-family:Georgia,serif;font-size:26px;font-weight:400;margin:0}.tools{display:flex;gap:8px}.tools button:last-child{width:38px;padding:9px}#welcome{position:fixed;left:8%;top:30%;padding:26px 29px 30px;max-width:400px;border:1px solid #c1bb8655;border-radius:16px;background:rgba(16,30,23,.8);backdrop-filter:blur(12px)}h2{font-family:Georgia,serif;font-weight:400;font-size:38px;margin:10px 0 18px}p{line-height:1.75;color:#dbdfce}#welcome p{font-size:15px}footer{position:fixed;left:25px;right:25px;bottom:27px;display:flex;align-items:center;justify-content:space-between;gap:16px;pointer-events:none}footer>*{pointer-events:auto}.location{display:flex;flex-direction:column;background:#12201a99;border-radius:12px;padding:11px 15px;min-width:150px}.location span:last-child{font-family:Georgia,serif;font-size:17px}footer nav,.pace{display:flex;gap:7px}#walkHint{position:fixed;bottom:88px;left:50%;transform:translateX(-50%);white-space:nowrap;font-size:11px;letter-spacing:.035em;color:#e4ddc5;background:#12201a99;border-radius:20px;padding:5px 12px;pointer-events:none}#observation{position:fixed;left:50%;transform:translateX(-50%);bottom:128px;font-family:Georgia,serif;font-style:italic;color:#ddd4b8;font-size:17px;pointer-events:none;text-shadow:0 2px 7px #000}#observation:empty{display:none}#touchWalk{display:none;position:fixed;bottom:125px;left:20px;text-align:center;touch-action:none}#touchWalk button{width:46px;height:46px;font-size:22px;padding:5px;margin:3px;user-select:none;-webkit-user-select:none}dialog,#encounter{background:#16281ff2;color:#e8e1cc;border:1px solid #89937075;border-radius:18px;padding:32px;max-width:490px}dialog::backdrop{background:#070d09aa}dialog h2,#encounter h2{font-size:31px}dialog p{font-size:14px}.close{position:absolute;right:12px;top:12px;border:0;background:none;font-size:22px;padding:4px 10px}#encounter{position:fixed;right:25px;top:115px;width:300px}#encounter p{font-size:14px}#loading{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;align-items:center;background:#12201a;z-index:10}.leaf{width:24px;height:40px;border:1px solid #d5bd8e;border-radius:80% 10%;transform:rotate(35deg);animation:stir 3s ease-in-out infinite}#loadText{font-family:Georgia,serif;font-size:20px}.fallback{position:fixed;inset:20%;padding:40px;background:#12201a}@keyframes stir{50%{transform:rotate(50deg)}}
@media(pointer:coarse){#touchWalk{display:block}#walkHint{display:none}}@media(max-width:760px){header{left:15px;right:15px;top:15px;gap:10px}header>div:nth-child(2){text-align:left;margin-right:auto}header>a{font-size:0}header>a:first-letter{font-size:19px}header .eyebrow{font-size:8px}h1{font-size:21px}.tools #sound{font-size:11px;padding:9px}footer{left:12px;right:12px;bottom:12px;flex-wrap:wrap;gap:8px}.location{min-width:120px;padding:8px 12px}.location span:last-child{font-size:15px}footer nav{order:3;width:100%;justify-content:center}footer button{font-size:11px;padding:9px 12px}.pace{margin-left:auto}#welcome{left:7%;right:7%;top:24%;max-width:340px}#observation{bottom:135px;font-size:14px;max-width:80%;text-align:center}#encounter{left:15px;right:15px;top:95px;width:auto;max-width:340px}#walkHint{display:none}dialog{max-width:calc(100% - 28px);padding:27px}dialog h2{font-size:28px}}@media(prefers-reduced-motion:reduce){.leaf{animation:none}}

#notesList section{border-top:1px solid #66715a;padding:16px 0}#notesList h3{font-family:Georgia,serif;font-weight:400;font-size:23px;margin:5px 0}#notesList p{font-size:12px}#notesList textarea{display:block;width:100%;min-height:100px;color:#ece7d7;background:#0f1d16;border:1px solid #66715a;border-radius:9px;padding:12px;font:inherit;margin:12px 0}#notesDialog{max-height:85vh;overflow:auto}@media(max-width:760px){#touchWalk{display:block;bottom:128px;left:12px}.tools{gap:5px}.tools #notes{font-size:11px;padding:9px}.tools button:last-child{width:32px}}

#waterControls{position:fixed;right:25px;bottom:145px}#waterControls button{background:#284936ed;border-color:#b6c2a5}button:disabled{opacity:.45;cursor:default}@media(max-width:760px){#waterControls{right:15px;bottom:145px;max-width:170px}}

header .tools button:last-child{width:auto;min-width:94px}#exploreMenu{position:fixed;inset:0 0 0 auto;margin:0;width:min(340px,92vw);max-width:none;height:100dvh;max-height:100dvh;overflow-y:auto;border-radius:20px 0 0 20px;padding:32px 23px;box-shadow:-12px 0 45px #0005}#exploreMenu::backdrop{background:#07120b38}#exploreMenu h2{font-size:30px;margin-bottom:22px}#exploreMenu nav{display:grid;gap:6px}#exploreMenu nav button{text-align:left;border-radius:10px;padding:10px 13px;font-size:15px;background:#0d20177d}#exploreMenu nav button span{display:block;font-size:11px;color:#aeb89e;margin-top:4px}#exploreMenu nav button[aria-pressed=true]{border-color:#d5bd8e;background:#35432b}#exploreMenu .menu-section{border-top:1px solid #87927555;margin-top:19px;padding-top:16px;display:grid;grid-template-columns:1fr 1fr;gap:8px}#exploreMenu .menu-tools button{border-radius:10px;font-size:12px;padding:11px 6px}#storyDialog{max-height:88dvh;overflow:auto;width:min(520px,calc(100vw - 28px))}#storyDialog p{font-size:14px}footer{left:20px;bottom:20px;right:auto}#walkHint{bottom:20px}#waterControls{bottom:83px}#touchWalk{bottom:96px}#observation{bottom:87px}@media(max-width:760px){header{align-items:start}.tools #explore{font-size:12px;padding:10px 13px}#exploreMenu{width:min(320px,92vw);padding:28px 21px}#exploreMenu .pace{margin-left:0}footer{bottom:16px;left:14px}#touchWalk{bottom:90px;left:12px}#waterControls{bottom:90px;right:14px}#observation{bottom:170px;max-width:85%}#storyDialog h2{font-size:28px}}@media(max-height:680px){#exploreMenu nav{gap:4px}#exploreMenu nav button{padding:8px 11px}#exploreMenu h2{margin-bottom:15px}#exploreMenu .menu-section{margin-top:12px;padding-top:12px}}
header .tools{flex:0 0 94px;min-width:94px}header .tools #explore{width:94px;white-space:nowrap}

.quality-control{display:flex;align-items:center;justify-content:space-between;gap:12px;border-top:1px solid #87927555;margin-top:19px;padding-top:16px;font-size:12px}.quality-control select{font:inherit;color:#e8e1cc;background:#14251c;border:1px solid #89937075;border-radius:8px;padding:9px;max-width:145px}

#walkHint{transition:opacity 1.2s ease}#walkHint.understood{opacity:0}@media(prefers-reduced-motion:reduce){#walkHint{transition:none}}

#waterControls{display:flex;flex-direction:column;align-items:flex-end;gap:7px}#climb,#climbDown{touch-action:none;user-select:none;-webkit-user-select:none}#waterControls button{font-size:12px}#walkHint{max-width:70vw;white-space:normal;text-align:center}