:root{color-scheme:dark;font-family:Georgia,serif;background:#162a1b;color:#fff1cf}
*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden}#unity-canvas{display:block;width:100%;height:100%;background:#162a1b}
#loading{position:fixed;inset:0;overflow:hidden;isolation:isolate;background:#162a1b;transition:opacity .8s ease}#loading.depart{opacity:0;pointer-events:none}
.forest,.shade,#fireflies{position:absolute;inset:0;pointer-events:none}.forest{z-index:-3;background:url('loading-garden.webp') center 43%/cover no-repeat;animation:breathe 24s ease-in-out infinite alternate}.shade{z-index:-2;background:linear-gradient(0deg,#0b201aaa,transparent 32%)}
.content{position:absolute;width:min(580px,82vw);left:50%;bottom:max(4vh,env(safe-area-inset-bottom));transform:translateX(-50%);text-align:center}#progress{width:100%;filter:drop-shadow(0 12px 14px #07190dc0)}.sign{width:100%;height:auto;display:block;overflow:visible}.vine-stroke{fill:none;stroke-linecap:round;stroke-linejoin:round}.growth{transform:scale(0);transition:transform .65s cubic-bezier(.2,.9,.3,1.3);transform-box:fill-box;transform-origin:center}.growth.open{transform:scale(1)}.flower.open{animation:flower-glow 3s ease-in-out infinite alternate}.engraving{font-family:Georgia,serif;font-size:48px;font-weight:bold;letter-spacing:2px;text-anchor:middle}.spark{position:absolute;left:var(--x);top:var(--y);width:3px;height:3px;border-radius:50%;background:#fff1af;box-shadow:0 0 12px 3px #ebd47a66;animation:drift var(--duration) ease-in-out infinite alternate;animation-delay:var(--delay)}
#error{font:13px/1.5 system-ui,sans-serif;background:#16271df2;border:1px solid #ba995d;padding:12px;border-radius:12px;margin:4px 0 10px}button{font:600 13px system-ui,sans-serif;border:1px solid #d3b46e;background:#d8b46a;color:#17271b;padding:10px 20px;border-radius:20px;cursor:pointer}button:focus-visible{outline:3px solid white;outline-offset:4px}noscript{position:absolute;bottom:20px;left:0;right:0;text-align:center}
@keyframes breathe{to{transform:scale(1.025)}}@keyframes drift{0%{opacity:.15;transform:translate(0,18px)}50%{opacity:.9}100%{opacity:.2;transform:translate(22px,-32px)}}@keyframes flower-glow{to{filter:drop-shadow(0 0 5px #ffe49f99)}}
@media(max-aspect-ratio:4/5){.forest{background-image:url('loading-garden-portrait.webp');background-size:cover;background-position:center center;background-color:#172c1d}.shade{background:linear-gradient(0deg,#10251a 5%,transparent 35%,transparent 100%)}.content{width:94vw;bottom:max(8vh,env(safe-area-inset-bottom))}}
@media(max-height:500px) and (min-aspect-ratio:4/5){.content{width:350px;bottom:0}.forest{background-position:center 40%}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}
/* Flower light shares the artwork's coordinate system, so it follows its motion. */
.flower-magic{position:absolute;width:0;height:0;pointer-events:none;--light:.08;--bloom-scale:.55;transform-origin:0 0}
.flower-aura{position:absolute;left:-150px;top:-150px;width:300px;height:300px;border-radius:50%;background:radial-gradient(ellipse,#fff2ba66 0%,#ffd56355 17%,#efb4402e 38%,#efae2f0d 57%,transparent 72%);opacity:var(--light);transform:scale(var(--bloom-scale));mix-blend-mode:screen}
.flower-core{position:absolute;left:-47px;top:-52px;width:94px;height:104px;border-radius:50%;background:radial-gradient(ellipse,#fffce4b0 0%,#ffe99478 20%,#ffc44e28 46%,transparent 72%);opacity:var(--light);mix-blend-mode:screen;animation:flower-heartbeat 3.4s ease-in-out infinite alternate}
.flower-spark-carrier{position:absolute;left:0;top:0;opacity:0;transition:opacity .7s ease}.flower-spark-carrier.lit{opacity:1}
.flower-spark{position:absolute;width:var(--size);height:var(--size);border-radius:50%;background:#fff5c8;box-shadow:0 0 5px 1px #ffe6a9,0 0 15px 3px #ffbc4566;animation:flower-ember var(--life) linear infinite;animation-delay:var(--phase)}
.flower-spark.star{border-radius:0;background:linear-gradient(45deg,#eeb95c,#fffde7 45%,#fff6c1 65%,#e8b051);clip-path:polygon(50% 0,61% 37%,100% 50%,61% 61%,50% 100%,39% 61%,0 50%,39% 39%)}
@keyframes flower-ember{0%{opacity:0;transform:translate(var(--start-x),var(--start-y)) scale(.25) rotate(0deg)}18%{opacity:.95}50%{opacity:.7;transform:translate(var(--mid-x),var(--mid-y)) scale(1) rotate(80deg)}72%{opacity:1}100%{opacity:0;transform:translate(var(--end-x),var(--end-y)) scale(.2) rotate(170deg)}}
@keyframes flower-heartbeat{from{transform:scale(.88)}to{transform:scale(1.12)}}
@media(prefers-reduced-motion:reduce){.flower-spark{opacity:.75;transform:translate(var(--mid-x),var(--mid-y))}.flower-core{transform:none}}