:root{color-scheme:dark;background:#0b1a1d;color:#f2eedf;font:15px/1.6 system-ui}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 70% 25%,#203b3c,transparent 60%),#0b1a1d}a{color:#bfd7b2;text-decoration:none}button{font:inherit;color:inherit;border:1px solid #71827166;border-radius:24px;padding:9px 18px;background:#23372e;cursor:pointer}button:hover{background:#38503c}button:focus-visible,a:focus-visible{outline:3px solid #f0bcad;outline-offset:4px}header{display:flex;justify-content:space-between;align-items:center;padding:20px 4vw;gap:16px}header span,.eyebrow{font-size:10px;letter-spacing:.2em;color:#d8c495}main{display:grid;grid-template-columns:34% 66%;min-height:650px;align-items:center}.intro{padding:30px 0 30px 4vw;z-index:1}h1{font:clamp(32px,3.8vw,62px)/1.1 Georgia;margin:22px 0}h2{font:30px/1.2 Georgia}.intro>p:not(.eyebrow){color:#b5c8bf}.intro>a{display:block;margin-top:20px;font-size:13px}#progress{color:#e3c58f!important}#garden{height:660px;position:relative;overflow:hidden}#garden svg,#stars,#nodes{position:absolute;inset:0;width:100%;height:100%}.thread{fill:none;stroke:#c6a96c;stroke-width:2;stroke-dasharray:8 8;opacity:.45;animation:flow 16s linear infinite}@keyframes flow{to{stroke-dashoffset:-160}}.star{position:absolute;width:2px;height:2px;background:#e8e3b9;border-radius:50%;animation:twinkle 4s ease-in-out infinite alternate}@keyframes twinkle{to{opacity:.15;transform:scale(.5)}}.node{position:absolute;transform:translate(-50%,-50%);width:105px;background:none;border:0;padding:0;text-align:center;z-index:1}.node:hover{background:none}.orb{display:flex;width:66px;height:66px;margin:auto;justify-content:center;align-items:center;border:1px solid #ccb98680;border-radius:50%;font:32px Georgia;background:#172d2c;box-shadow:0 0 34px #deb97a26;animation:breathe 4s ease-in-out infinite alternate}.node small{display:block;margin-top:10px;font-size:11px;line-height:1.4;color:#d8dfcf}.node.collected .orb{background:#56734b;color:#fff4bc;box-shadow:0 0 45px #b4d59555}.node.knot .orb{border-style:dashed;color:#dbb0a4;background:#352e30;animation:none;box-shadow:none}@keyframes breathe{to{box-shadow:0 0 50px #deb97a60;transform:translateY(-5px)}}.legend{position:absolute;bottom:0;left:8%;font-size:11px;color:#98afa3}.ground{position:absolute;bottom:20px;left:5%;right:5%;height:35px;background:radial-gradient(ellipse,#95b78924,transparent 70%);pointer-events:none}#shelf{padding:35px 4vw;border-top:1px solid #71827133}#checkpoints{display:flex;gap:14px;overflow-x:auto;padding:15px 3px 25px;scroll-snap-type:x proximity}.checkpoint{flex:0 0 175px;border-radius:8px;padding:0;overflow:hidden;text-align:left;background:#1e302e;scroll-snap-align:start}.checkpoint img{width:100%;height:110px;object-fit:cover;display:block}.checkpoint span{padding:10px;display:block;font-size:12px}dialog{width:min(820px,94vw);max-height:90dvh;padding:0;border:1px solid #82947766;border-radius:15px;background:#162b29;color:inherit;overflow:auto}dialog::backdrop{background:#030b0bdd;backdrop-filter:blur(8px)}dialog>img{width:100%;max-height:42dvh;object-fit:cover;display:block}.card-copy{padding:24px 30px}#close{position:absolute;right:12px;top:12px;background:#112a28}#truth{border-left:2px solid #c8ad75;padding-left:15px;font-size:13px;color:#bdcbbd}#gather{display:block;margin-top:20px;background:#4b6341}footer{padding:20px 4vw 40px;font-size:12px;color:#96aca2}footer button{margin:10px}.paused *, .paused *::before{animation-play-state:paused!important}@media(max-width:700px){header span{display:none}main{display:block}.intro{padding:30px 6vw 0}h1{font-size:43px}.intro br{display:none}#garden{height:550px}.node{width:80px}.orb{width:54px;height:54px;font-size:27px}.node small{font-size:10px}.legend{left:6%;font-size:9px}#shelf{padding:28px 6vw}h2{font-size:26px}}@media(prefers-reduced-motion:reduce){*{animation:none!important}}
