:root{color-scheme:light;font-family:Arial,sans-serif;color:#233c38;background:#dfebe6}*{box-sizing:border-box}body{margin:0;overflow:hidden}canvas{display:block;width:100vw;height:100dvh;touch-action:none}button,input{font:inherit}button{cursor:pointer;color:inherit}button:focus-visible,input:focus-visible{outline:2px solid #b84736;outline-offset:4px}header{position:absolute;top:34px;left:40px;pointer-events:none}.eyebrow{font-size:10px;letter-spacing:3px;text-transform:uppercase}h1{font-family:Georgia,serif;font-weight:400;font-size:46px;letter-spacing:-2px;margin:13px 0 8px}header p{font-size:12px;color:#5a716b;margin:0}.seal{display:inline-block;background:#ae4134;color:#fff4df;padding:8px;font:18px Georgia;letter-spacing:4px;writing-mode:vertical-rl;position:absolute;left:325px;top:8px}aside{position:absolute;right:28px;top:28px;width:250px;padding:24px;background:#f4faf3c9;backdrop-filter:blur(24px);border:1px solid #ffffffc0;border-radius:16px;box-shadow:0 16px 50px #294a3810;transition:transform .4s,opacity .4s}body.hidden aside{pointer-events:none}body.hidden aside{transform:translateX(300px);opacity:0}#hide{position:absolute;right:302px;top:30px;border:1px solid #ffffffa0;border-radius:50%;background:#f4faf3c9;width:36px;height:36px;transition:right .4s}body.hidden #hide{right:26px}h2{font:24px Georgia;margin:0 0 8px}.sub{font-size:11px;line-height:1.6;color:#63736b}.label{font-size:9px;letter-spacing:2px;text-transform:uppercase;margin:25px 0 10px}.modes{display:grid;gap:7px}.modes button{border:1px solid #b5c9bf;background:transparent;text-align:left;border-radius:7px;padding:10px 12px;font-size:12px}.modes button.active{background:#294d43;color:#f6f9ec;border-color:#294d43}.modes span{float:right;opacity:.6}input{width:100%;accent-color:#ad4938}.stat{display:flex;justify-content:space-between;font-size:11px;margin:12px 0}.meter{height:3px;background:#c9d9d0}.meter i{display:block;background:#ae493a;height:100%;width:0;transition:width .2s}.controls{border-top:1px solid #c7d7cd;margin-top:22px;padding-top:12px;line-height:2;font-size:10px;color:#5a7067}.controls b{color:#294b40;font-weight:400;float:right}footer{position:absolute;bottom:25px;left:40px;right:30px;display:flex;justify-content:space-between;align-items:end;font-size:10px;color:#536f64;pointer-events:none}footer strong{display:block;font:18px Georgia;color:#344f44;margin-bottom:6px}#views{position:absolute;bottom:30px;left:50%;transform:translateX(-50%);display:flex;gap:3px;background:#eff7edc9;padding:5px;border-radius:30px}#views button{border:0;background:none;padding:8px 15px;font-size:10px;border-radius:20px}#views button:hover{background:#d4e2d8}#error{position:absolute;inset:0;display:grid;place-content:center;background:#e3ede7;padding:30px;z-index:10}#error[hidden]{display:none}body.night header,body.night footer,body.night footer strong{color:#e3ebe0}body.night header p{color:#a9beb7}@media(max-width:700px){header{left:20px;top:24px}h1{font-size:33px}.seal{left:238px}aside{top:140px;right:15px;width:210px;padding:18px;max-height:calc(100dvh - 230px);overflow-y:auto}#hide{right:18px;top:25px}footer{left:20px}footer>div:last-child{display:none}#views{bottom:85px}}@media(prefers-reduced-transparency:reduce){aside{background:#f0f6ee}}@media(prefers-reduced-motion:reduce){aside,#hide{transition:none}}
.reset{width:100%;padding:10px;margin-top:12px;border:1px solid #a8bdb0;background:transparent;border-radius:6px;font-size:11px}aside{max-height:calc(100dvh - 56px);overflow-y:auto;scrollbar-width:thin}header{z-index:2}aside,#hide,#views{z-index:3}@media(max-width:700px){aside{max-height:calc(100dvh - 225px)}header p{max-width:210px}#views{bottom:72px}} .modes{grid-template-columns:1fr 1fr;gap:6px}.modes button{padding:10px 7px;text-align:center;font-size:10px}.lighting{border-top:1px solid #c7d7cd;margin-top:22px;padding-top:16px}.lighting summary{cursor:pointer;font:19px Georgia;margin-bottom:18px}.lighting label{display:flex;justify-content:space-between;align-items:center;font-size:11px;margin-top:12px}.lighting output{font-variant-numeric:tabular-nums;color:#6c7d70}.lighting input[type=range]{height:15px;margin-top:10px}.lighting .check{margin:15px 0}.lighting .check input{width:auto;accent-color:#294d43}.modes button.active{box-shadow:inset 0 0 0 1px #294d43}aside{padding:23px} #scene-actions{position:absolute;z-index:4;right:348px;top:30px;display:flex;gap:8px;transition:right .4s}body.hidden #scene-actions{right:74px}.scene-icon{display:grid;place-items:center;width:36px;height:36px;padding:0;border:1px solid #ffffffb0;border-radius:50%;background:#f4faf3e8;color:#294d43;box-shadow:0 3px 14px #294a3808;transition:background .18s,color .18s,transform .18s}.scene-icon:hover{background:#fffaf0;transform:translateY(-1px)}.scene-icon svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round}.scene-icon[aria-pressed=true]{background:#294d43;color:#fff4df;border-color:#294d43}#music[aria-pressed=true] .music-off{display:none}#snapshot:disabled{cursor:wait;opacity:.7}#snapshot-note{position:absolute;z-index:5;top:77px;right:302px;background:#f4faf3f0;border-radius:8px;padding:8px 12px;font-size:11px;pointer-events:none}#snapshot-note:empty{display:none}body.hidden #snapshot-note{right:26px}@media(max-width:700px){#scene-actions,body.hidden #scene-actions{top:132px;right:64px}#hide,body.hidden #hide{top:132px;right:18px}aside{top:182px;max-height:calc(100dvh - 267px)}#snapshot-note{top:174px;right:18px}}@media(prefers-reduced-motion:reduce){#scene-actions,.scene-icon{transition:none}}
/* The first view is an actual loading state, not a timed splash. */
#loading-screen{position:fixed;inset:0;z-index:100;display:grid;place-items:center;background:#ecebe4;color:#233c38;opacity:1;transition:opacity .55s ease;overflow:auto;padding:100px 24px 85px}#loading-screen[data-state="about"]{cursor:pointer}#loading-screen[data-state="about"] .loading-track{visibility:hidden}#loading-screen:focus{outline:none}#loading-screen[hidden]{display:none}#loading-screen.is-leaving{opacity:0;pointer-events:none}.loading-brand{position:absolute;top:36px;left:40px;font-size:9px;letter-spacing:3px;text-transform:uppercase}.loading-content{width:min(420px,100%);text-align:center}.loading-art{display:block;width:210px;height:150px;margin:0 auto 32px;fill:none;stroke:#294d43;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.loading-art .red{stroke:#ae4134;fill:#ae4134}.loading-art .lantern{transform-origin:center 25px;animation:lantern-breathe 3.4s ease-in-out infinite}.loading-art .pond-line{stroke:#a6bcb1;stroke-width:1.1}.loading-kicker{font-size:9px;text-transform:uppercase;letter-spacing:3px;color:#64796f}.loading-content h2{font:42px/1.08 Georgia,serif;letter-spacing:-1.6px;margin:13px 0 18px}.loading-copy{font:13px/1.7 Arial,sans-serif;color:#61746b;margin:0 auto 28px;max-width:290px}.loading-track{height:2px;width:160px;margin:0 auto 17px;background:#d1dcd3;overflow:hidden;position:relative}.loading-track:after{content:'';position:absolute;inset:0;background:#ae4134;transform:translateX(-100%);animation:garden-load 2.2s ease-in-out infinite}#loading-message{min-height:38px;font:11px/1.6 Arial,sans-serif;color:#5a716b;margin:0 auto;max-width:310px}.loading-retry{margin-top:15px;padding:10px 20px;border:1px solid #9db6aa;border-radius:24px;background:#f5f7ef;color:#294d43;font-size:11px}.loading-footer{position:absolute;bottom:33px;left:0;right:0;text-align:center;font:11px Georgia,serif;color:#64796f}.is-error .loading-track:after{animation:none;transform:none;background:#ae4134}.is-error .loading-art .lantern{animation:none}.loading-noscript{position:fixed;z-index:101;bottom:70px;left:24px;right:24px;text-align:center;background:#ecebe4;color:#ae4134;font:12px Arial;padding:12px}@keyframes garden-load{0%{transform:translateX(-105%)}65%,100%{transform:translateX(105%)}}@keyframes lantern-breathe{0%,100%{opacity:.7;transform:rotate(-3deg)}50%{opacity:1;transform:rotate(3deg)}}@media(max-width:600px){.loading-brand{left:24px;top:27px;font-size:8px;letter-spacing:2px}.loading-content h2{font-size:36px}.loading-art{width:180px;height:130px;margin-bottom:25px}}@media(prefers-reduced-motion:reduce){#loading-screen{transition:none}.loading-art .lantern,.loading-track:after{animation:none}.loading-track:after{transform:none;opacity:.6}}
@media(max-height:650px){#loading-screen{padding-top:72px;padding-bottom:50px}.loading-art{height:86px;width:145px;margin-bottom:12px}.loading-content h2{font-size:32px;margin:10px 0}.loading-copy{margin-bottom:18px}.loading-footer{bottom:15px}.loading-brand{top:20px}}@media(max-height:450px){.loading-art{display:none}}