@import url('https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Newsreader:ital,opsz,wght@0,6..72,400;1,6..72,400;1,6..72,600&display=swap');
body{overflow-x:hidden}
@media(max-width:680px){.page{width:100%;overflow:hidden}.story h1{font-size:44px;overflow-wrap:anywhere}}
:root{--paper:#e8dfca;--ink:#28332b;--rust:#a54d2e;--sage:#839277;--line:#9b9585}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:"DM Mono",monospace}.page{max-width:1600px;margin:auto;padding:0 3vw}header{height:78px;display:flex;align-items:center;border-bottom:1px solid var(--line)}.brand{font-weight:500;color:inherit;text-decoration:none;font-size:17px}.brand span{font-size:9px;margin-left:18px;color:#6b716b}nav{margin-left:auto;display:flex}button{font:inherit}nav button{background:transparent;border:0;border-left:1px solid var(--line);padding:15px 24px;font-size:10px;letter-spacing:.1em;cursor:pointer}.layout{min-height:calc(100vh - 78px);display:grid;grid-template-columns:.72fr 1.55fr .7fr}.map-panel{border-right:1px solid var(--line);padding:38px 28px 0 0;position:relative;overflow:hidden}.label,.chapter{font-size:9px;letter-spacing:.18em;font-weight:500}.map-panel h2{font-family:Newsreader,serif;font-style:italic;font-size:36px;font-weight:400;margin:8px 0}.compass{position:absolute;right:26px;top:36px;width:55px;height:55px;border:1px solid var(--ink);border-radius:50%;display:grid;place-items:center;font-size:10px}.compass i{position:absolute;height:22px;border-left:1px solid var(--rust);transform:translateY(9px)}.map{position:absolute;inset:150px 10px 0 20px}.map svg{width:100%;height:100%;stroke:var(--ink);fill:var(--paper)}.trail{fill:none;stroke-dasharray:7 6}.marker{position:absolute;left:32px;bottom:31px;width:19px;height:19px;background:var(--rust);border:5px solid var(--paper);outline:1px solid var(--rust);border-radius:50%;transition:transform .6s cubic-bezier(.2,.8,.2,1)}.story{padding:6vh 4.5vw;border-right:1px solid var(--line)}.chapter{color:var(--rust)}.illustration{height:31vh;min-height:230px;margin:24px 0 32px;border:1px solid var(--ink);position:relative;overflow:hidden;background:linear-gradient(#b7c1ad 0 48%,#8c9b83 48%);isolation:isolate}.sun{position:absolute;width:90px;height:90px;border-radius:50%;background:#d3693e;right:15%;top:12%}.ridge{position:absolute;left:-10%;right:-10%;bottom:-50px;height:73%;background:var(--ink);clip-path:polygon(0 100%,0 65%,20% 30%,35% 60%,53% 15%,72% 67%,88% 37%,100% 68%,100% 100%)}.ridge.two{background:#566653;transform:translateY(-35px) scaleX(1.08);z-index:-1}.tree{position:absolute;bottom:0;width:4px;height:75%;background:#172219}.tree:after{content:"";position:absolute;width:70px;height:100px;background:#25372a;clip-path:polygon(50% 0,100% 100%,0 100%);left:-34px;top:4%}.t1{left:14%}.t2{left:72%;height:62%}.t3{left:87%;height:82%}.story h1{font-family:Newsreader,serif;font-size:clamp(45px,5vw,74px);font-weight:400;line-height:.94;letter-spacing:-.035em;margin:0}.narrative{font-family:Newsreader,serif;font-size:19px;line-height:1.55;max-width:700px;margin:24px 0 30px}.choices{display:grid;grid-template-columns:1fr 1fr;gap:10px}.choices button{text-align:left;background:transparent;border:1px solid var(--ink);padding:17px;cursor:pointer;display:grid;grid-template-columns:30px 1fr auto;gap:10px;align-items:center;transition:.2s}.choices button:hover{background:var(--ink);color:var(--paper);transform:translateY(-2px)}.choices span{font-size:10px;color:var(--rust)}.field-notes{padding:6vh 0 0 28px}.meter{display:grid;grid-template-columns:1fr auto;gap:8px;margin:24px 0}.meter span,.meter b{font-size:10px}.meter div{grid-column:1/-1;height:5px;background:#c7beaa}.meter i{display:block;height:100%;background:var(--rust);transition:width .5s}.notes-title{margin-top:60px;border-bottom:1px solid var(--line);padding-bottom:12px}.field-notes ol{padding-left:22px;font-family:Newsreader,serif;font-style:italic;color:#596158}.field-notes li{padding:8px 0}dialog{background:var(--paper);color:var(--ink);border:1px solid var(--ink);padding:54px;max-width:520px}dialog::backdrop{background:rgba(40,51,43,.72)}dialog h2{font:italic 58px Newsreader;margin:18px 0}dialog button{background:var(--rust);color:white;border:0;padding:14px 18px;cursor:pointer}
@media(max-width:950px){.layout{grid-template-columns:1fr 2fr}.field-notes{display:none}}@media(max-width:680px){.page{padding:0 18px}.brand span{display:none}nav button{padding:12px}.layout{display:block}.map-panel{height:175px;border-right:0;border-bottom:1px solid var(--line);padding-top:28px}.map{left:45%;top:20px}.story{border-right:0;padding:42px 0}.illustration{height:250px}.story h1{font-size:49px}.choices{grid-template-columns:1fr}.field-notes{display:block;padding:30px 0;border-top:1px solid var(--line)}}
@media(prefers-reduced-motion:reduce){*{transition-duration:.01ms!important}}
.inventory{list-style:none;padding:0;display:flex;flex-wrap:wrap;gap:6px}.inventory li{border:1px solid var(--line);border-radius:999px;padding:5px 8px;font-size:9px}.start-dialog{max-width:680px}.start-dialog>p:not(.label){font:22px/1.5 Newsreader,serif}.start-dialog ul{display:flex;list-style:none;padding:18px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);gap:24px;font-size:10px}.path-summary{max-height:230px;overflow:auto;border-top:1px solid var(--line);margin:20px 0;padding-top:12px}.path-summary strong{font-size:9px;letter-spacing:.16em}.path-summary p{display:grid;grid-template-columns:32px 1fr;text-align:left;font:15px Newsreader;margin:8px 0}.path-summary span{font:9px "DM Mono";color:var(--rust)}