@import"https://fonts.googleapis.com/css2?family=Roboto:wght@300&display=swap";html{height:-webkit-fill-available}body{padding:0;margin:0;min-height:100vh;min-height:-webkit-fill-available;font-family:Roboto Condensed,sans-serif;background:black;overflow-y:auto}body.loading{overflow:hidden}#scroller{min-height:1200vh;height:1200vh;position:relative;z-index:1}.garden #scroller{display:none}needle-engine{position:fixed;top:0;left:0;width:100%;height:100%;-webkit-tap-highlight-color:transparent;user-select:none;touch-action:none}.garden needle-engine{position:absolute}needle-engine canvas{position:absolute;user-select:none;touch-action:none}needle-engine .ar>*,needle-engine .vr>*,needle-engine .desktop>*{pointer-events:auto!important}needle-engine .loading{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#000;z-index:4;display:flex;flex-direction:column;justify-content:center;align-items:center;pointer-events:none;color:#fff}needle-engine .webxr-buttons{position:fixed;bottom:21px;left:50%;transform:translate(-50%);display:flex;flex-direction:row;justify-content:center;align-items:flex-start;gap:10px}needle-engine .webxr-button:disabled{transform:none;opacity:.5!important}needle-engine.presentation-mode .hide-in-presentation{display:none!important}.fixed{position:fixed;top:0;left:0;width:100%;height:100%}button,.button{border:solid 2px #000;box-shadow:3px 3px #1b54f2;background:white;color:#000;font-family:Roboto Condensed;font-size:18px;letter-spacing:-.5px;transition:all .15s;padding:10px 20px;text-transform:uppercase;font-weight:700;cursor:pointer;text-decoration:none}button:hover,.button:hover{background:black;color:#fff}#view-names{margin-right:10px}.circle-button{position:fixed;bottom:20px;right:20px;z-index:2;width:40px;height:40px;background:url(./sound.3b7773cf.svg) no-repeat left center;background-size:auto 100%;overflow:hidden;cursor:pointer;transition:all .2s;transform:scale(1)}.circle-button:hover{transform:scale(1.1)}.circle-button.muted{background-image:url(./sound-mute.82279810.svg)}#help{right:80px;background:white;border-radius:40px;color:#000;font-weight:700;display:flex;justify-content:center;align-items:center;font-size:28px}#name-buttons{position:fixed;bottom:20px;left:0;width:100%;opacity:0;transition:opacity .5s ease-in;text-align:center}.walking #name-buttons{opacity:1}#nav{opacity:0;z-index:2;transition:all .5s;display:flex;flex-direction:column;justify-content:center}.garden #nav.close{opacity:0;pointer-events:none}.garden #nav{opacity:1}#nav div{opacity:0;transition:all .5s}.garden #nav div{opacity:1}#nav .info{margin:0 auto;text-align:center}.moving #nav .info{opacity:0}#nav h2{font-size:clamp(48px,7vw,72px);line-height:clamp(48px,7vw,72px);background-color:#000;color:#fff;padding:10px 20px;display:inline-block;letter-spacing:-.2vw;text-transform:uppercase;font-weight:700;margin:20px 0}#nav .overview{background:white;padding:20px 0;max-width:500px;margin:0 auto 20px}.touch #nav .overview{max-width:90%;padding:20px;box-sizing:border-box}#nav h3{text-transform:uppercase;margin:0 0 5px;padding:0}#nav .info p{background:white;padding:0;margin:0;font-size:14px;max-width:70%}body.touch #nav button{display:none}#moveLeft{transform:scaleX(-1)}#moveForward{transform:rotate(-90deg)}.poem{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none}.poem h2{opacity:0;transition:opacity .5s;position:absolute;transform:translate(-50%,-50%);top:60%;left:50%;font-size:clamp(24px,4vw,42px);letter-spacing:0;width:75%;text-align:center;text-transform:uppercase;line-height:24px;font-weight:700;color:#fff;padding:5px 0}.poem h2.instructions{top:75%;color:#fff;padding:15px;background:rgba(0,0,0,.5)}.start .poem .instructions,.stair1 .poem .line1,.stair2 .poem .line2,.stair3 .poem .line3{opacity:1}.garden .poem,body .touch{display:none}body .desktop,body.touch .touch{display:inline-block}body.touch .desktop{display:none}#help-window{position:fixed;top:50%;left:50%;max-width:80%;height:auto;background-color:#fff;z-index:9;flex-direction:column;border:solid 2px black;padding:25px;text-align:left;transform:translate(-50%,-60%);opacity:0;pointer-events:none;transition:all .5s ease-out}.touch #help-window{width:90%}#help-window.show{opacity:1;pointer-events:auto;transform:translate(-50%,-50%)}#help-window *{margin:0;padding:0}#help-window h2{text-transform:uppercase;background-color:#000;color:#fff;padding:5px 10px;margin-bottom:15px;display:inline-block}#help-window h3,#help-window h4{text-transform:uppercase}#help-window h4{margin-top:20px}#help-window p{font-weight:400;font-size:18px;padding:10px 0}#help-window .credits{font-size:14px}#help-window .credits a{color:orange}#help-window button{padding:5px 15px;margin:20px auto 10px;display:block}#name-window{position:fixed;top:20px;left:20px;width:300px;background:white;color:#000;max-height:90%;overflow-y:scroll;opacity:0;pointer-events:none}#name-window.show{opacity:1;pointer-events:auto}#name-window a{display:block;font-weight:700;padding:5px 10px;cursor:pointer}#name-window a:hover{background:black;color:#fff}#movement{position:absolute;bottom:100px;left:50%;transform:translate(-50%);width:30vw;height:30vw;z-index:999;border:solid 2px rgba(0,0,0,.5);border-radius:50%;display:none}#movement div{position:absolute;top:5vw;left:5vw;width:20vw;height:20vw;background:rgba(0,0,0,.5) url(./move.3201f644.png) no-repeat center center;background-size:80% auto;border-radius:50%;transform:translate(0);pointer-events:none}body.garden{overflow:hidden}body.touch.garden #movement{display:block}#loading{background-color:#fff;z-index:3;text-align:center;opacity:0;transition:opacity 1s ease-in;pointer-events:none}body.loading #loading{opacity:1}#loading img{width:100px;height:auto;position:relative;left:5px}#loading h1{text-transform:uppercase;font-size:18px;font-weight:700;display:inline-block;border:solid 2px black;padding:0 0 0 5px}#loading h1 span{background:black;color:#fff;padding:0 5px}#loading>div{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%}#loading .progress{font-weight:700;padding:10px 0 0}#loading p{font-size:14px}#loading .sound{opacity:0;pointer-events:none;transition:opacity .25s ease-in}.start #loading .sound{opacity:1;pointer-events:auto}#loading button{display:block;max-width:320px;margin:20px auto;font-size:14px;padding:8px 15px}
