:root{color-scheme:dark;--forest:#142e2b;--deep:#0d201e;--mist:#a7bdb0;--cream:#f1e9cf;--gold:#e5c477;--wine:#a6323e;--line:#c4cdb52e;font-family:'Trebuchet MS',Arial,sans-serif;color:var(--cream);background:var(--deep)}*{box-sizing:border-box}body{margin:0}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}button:disabled{cursor:wait;opacity:.65}button, a{touch-action:manipulation}button:focus-visible,a:focus-visible,canvas:focus-visible{outline:2px solid var(--gold);outline-offset:5px}button svg{width:20px;height:20px;flex-shrink:0}svg{fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}.svg-definitions{position:absolute;width:0;height:0;overflow:hidden}button{color:inherit}button:hover{filter:brightness(1.13)}button:active{transform:translateY(1px)}.garden{height:100svh;height:100dvh;min-height:480px;position:relative;isolation:isolate;overflow:hidden;background:var(--forest)}#world{position:absolute;width:100%;height:100%;inset:0;display:block;touch-action:none}.vignette{position:absolute;inset:0;pointer-events:none;box-shadow:inset 0 0 130px #06151080;z-index:1}.topbar{position:absolute;top:0;left:0;right:0;padding:calc(26px + env(safe-area-inset-top)) 42px 22px;display:flex;justify-content:space-between;align-items:center;z-index:4;background:linear-gradient(#0d201eb3,transparent);pointer-events:none}.topbar>*{pointer-events:auto}.wordmark{color:var(--cream);text-decoration:none;display:flex;align-items:center;gap:12px;font-size:13px}.wordmark strong{display:block;font:24px/1.15 Georgia,serif}.moon{width:27px;height:27px;border:1px solid var(--gold);border-radius:50%;position:relative;overflow:hidden}.moon:after{content:'';position:absolute;background:var(--gold);width:24px;height:26px;border-radius:50%;left:12px;top:-3px;opacity:.9}.top-actions{display:flex;gap:9px;align-items:center}.quiet-button,.icon-button{border:1px solid var(--line);background:#102923ad;border-radius:50px;min-height:44px;display:inline-flex;align-items:center;justify-content:center;gap:9px;padding:10px 15px;font-size:12px;backdrop-filter:blur(12px)}.quiet-button b{font-weight:normal;color:var(--gold);padding-left:8px;border-left:1px solid var(--line)}.icon-button{padding:11px;width:44px}.quiet-button[aria-pressed=true]{border-color:#e5c47780;color:var(--gold)}.overlay{position:absolute;inset:0;z-index:3}.intro{display:flex;align-items:center;padding:120px max(7vw,42px) 100px;background:linear-gradient(90deg,#0c211ff5 0%,#102823c4 42%,#10282359 65%,#10282328 100%)}.intro-copy{position:relative;z-index:2;flex:0 0 52%}.eyebrow{text-transform:uppercase;letter-spacing:2.6px;font-size:10px;color:var(--gold);line-height:1.7;margin:0 0 23px}h1,h2{font-family:Georgia,'Times New Roman',serif;font-weight:400;letter-spacing:-2.5px}h1{font-size:clamp(62px,6.7vw,104px);line-height:1.02;margin:0 0 27px}h1 em{font-weight:400;color:var(--gold)}.intro-description{font:20px/1.5 Georgia,serif;margin:0 0 18px;color:var(--cream)}.intro-invitation{font-size:13px;line-height:1.8;color:var(--mist);margin:0 0 30px}.primary-button{border:1px solid var(--gold);background:var(--gold);color:#23352a;border-radius:5px;padding:16px 22px;display:inline-flex;align-items:center;justify-content:center;gap:28px;font-size:13px;font-weight:bold;min-height:50px}.saved-note{font-size:11px;color:var(--mist);margin:14px 0 0;min-height:14px}.portrait{position:absolute;width:46%;aspect-ratio:1;right:3%;top:50%;transform:translateY(-45%);display:flex;justify-content:center;align-items:center;pointer-events:none}.hero-skipper{width:93%;height:93%;object-fit:contain;position:relative;z-index:2;filter:drop-shadow(0 24px 20px #06171399)}.portrait-orbit{position:absolute;width:76%;height:76%;border:1px solid #ddca8b24;border-radius:50%;background:radial-gradient(ellipse,#dec7801b,transparent 69%)}.portrait-caption{position:absolute;bottom:4%;font:italic 13px Georgia,serif;color:#e2d9b3b0;letter-spacing:.5px;z-index:3}.glow{position:absolute;width:5px;height:5px;background:var(--gold);border-radius:50%;box-shadow:0 0 15px 5px #e5c47750;animation:float 6s ease-in-out infinite}.glow-a{top:21%;left:24%}.glow-b{right:10%;top:57%;animation-delay:-2s}.glow-c{bottom:19%;left:9%;animation-delay:-4s}@keyframes float{50%{transform:translate(8px,-14px);opacity:.35}}.intro-footer{position:absolute;bottom:calc(28px + env(safe-area-inset-bottom));left:max(7vw,42px);right:42px;display:flex;align-items:center;justify-content:space-between;font-size:11px;color:var(--mist)}.small-spark{font-size:21px;margin-right:10px;color:var(--gold);vertical-align:middle}.text-button{background:none;border:none;padding:12px 0;color:var(--mist);font-size:12px;display:inline-flex;gap:15px;align-items:center}.text-button:hover{color:var(--gold)}.play-only{display:none}.garden[data-screen=playing] .play-only{display:flex}.garden[data-screen=playing] .intro{display:none}.progress-panel{position:absolute;z-index:2;top:115px;left:50%;transform:translateX(-50%);flex-direction:column;align-items:center;gap:10px;white-space:nowrap;pointer-events:none;font-size:12px;text-shadow:0 1px 8px #061510}.progress-panel>span{padding:9px 16px;background:#0d201e9c;backdrop-filter:blur(8px);border-radius:20px}.progress-dots{display:flex;gap:7px}.progress-dots i{height:6px;width:6px;border-radius:50%;border:1px solid #f1e9cfa6;background:#102823}.progress-dots i.found{background:var(--gold);border-color:var(--gold);box-shadow:0 0 10px #e5c4777a}.message{position:absolute;bottom:115px;left:50%;transform:translateX(-50%);background:#112b24d9;backdrop-filter:blur(10px);border:1px solid var(--line);border-radius:7px;padding:12px 20px;max-width:min(560px,85%);text-align:center;z-index:2;font:16px/1.45 Georgia,serif;pointer-events:none;transition:opacity .3s}.message.faded{opacity:0}.game-bottom{position:absolute;bottom:calc(28px + env(safe-area-inset-bottom));left:40px;right:40px;justify-content:space-between;align-items:center;z-index:2;pointer-events:none}.game-bottom>*{pointer-events:auto}.hint-control{display:flex;align-items:center;gap:12px;border:1px solid var(--line);background:#102923c9;backdrop-filter:blur(8px);width:40px;height:40px;border-radius:50%;justify-content:center;font:18px Georgia,serif;white-space:nowrap;position:relative}.hint-control span{position:absolute;left:54px;font:11px 'Trebuchet MS',sans-serif;text-shadow:0 1px 8px #102923}.scent-button{min-height:56px;display:flex;gap:13px;align-items:center;border:1px solid #e5c4779c;background:#253b2af2;backdrop-filter:blur(10px);border-radius:50px;padding:15px 23px;color:var(--gold);font-size:14px}.scent-button svg{width:23px;height:23px}kbd{font:10px 'Trebuchet MS',sans-serif;border:1px solid var(--line);border-radius:3px;padding:3px 5px;margin-left:8px;color:var(--mist)}.ending{background:#0d211ded;backdrop-filter:blur(9px);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:100px 24px 45px}.ending[hidden]{display:none}.ending-spark{color:var(--gold);font:50px Georgia,serif;margin:0 0 20px}.ending .eyebrow{margin-bottom:15px}.ending h2{font-size:clamp(38px,5vw,64px);line-height:1.13;margin:0 0 24px}.ending p:not(.eyebrow){font:16px/1.8 Georgia,serif;color:var(--mist);margin:0 0 28px}.ending-actions{display:flex;gap:22px;align-items:center}.ending small{font-size:11px;color:var(--mist);margin-top:35px}dialog{color:var(--cream);background:#19342f;border:1px solid #c4cdb54d;border-radius:12px;width:min(470px,calc(100vw - 28px));max-height:85dvh;padding:30px;box-shadow:0 20px 100px #0005}dialog::backdrop{background:#061510b0;backdrop-filter:blur(5px)}.dialog-heading{display:flex;justify-content:space-between;align-items:center;gap:12px}.dialog-heading .eyebrow{margin:0}.dialog-heading .icon-button{background:transparent;width:36px;min-height:36px;padding:8px}.dialog-heading svg{width:17px;height:17px}dialog h2{font-size:34px;letter-spacing:-1px;margin:20px 0 10px}.dialog-description{font-size:13px;line-height:1.7;color:var(--mist);margin:0 0 24px}.discoveries{list-style:none;padding:0;margin:24px 0 10px}.discoveries li{display:flex;gap:18px;align-items:center;padding:15px 0;border-bottom:1px solid var(--line)}.discovery-leaf{width:34px;height:44px;flex-shrink:0;color:var(--mist);opacity:.3}.discovered .discovery-leaf{opacity:1}.discoveries h3{font:19px Georgia,serif;margin:0 0 6px}.discoveries p{font-size:12px;line-height:1.5;color:var(--mist);margin:0}.discoveries .unfound h3{font-size:16px;color:var(--mist);font-style:italic}.journal-footnote{font-size:11px;color:var(--mist);line-height:1.5;margin:24px 0 4px}.instructions p{font-size:13px;color:var(--mist);line-height:1.8;margin:18px 0}.instructions strong{color:var(--cream)}#help .primary-button{margin-top:22px}#pause>.primary-button,#confirm-reset>.primary-button{width:100%;margin-top:3px}.restart,#confirm-reset>.text-button{display:block;margin:14px auto 0}.fallback{position:absolute;z-index:20;inset:0;display:grid;place-items:center;background:var(--forest);padding:30px}.garden[data-screen=intro] .wordmark{opacity:.7}.garden[data-screen=ending] .play-only{display:none}
[hidden]{display:none!important}
@media(min-width:1600px){.intro{padding-left:12vw}.portrait{right:8%;width:40%}.intro-footer{left:12vw}}
@media(max-width:700px){.garden{min-height:420px}.topbar{padding:calc(19px + env(safe-area-inset-top)) 19px 20px}.wordmark{font-size:10px;gap:8px}.wordmark strong{font-size:21px}.moon{width:23px;height:23px}.quiet-button{padding:10px 12px}.music-button span{display:none}.top-actions{gap:6px}.top-actions .icon-button{width:40px}.quiet-button span{font-size:11px}.quiet-button b{padding-left:6px}.intro{padding:98px 28px 66px;align-items:flex-start;background:linear-gradient(90deg,#0c211fe8,#10282366),linear-gradient(0deg,#0c211ff5,transparent 75%)}.intro-copy{flex-basis:100%}.eyebrow{font-size:9px;letter-spacing:1.9px;margin-bottom:18px}h1{font-size:64px;margin-bottom:20px;letter-spacing:-2.5px}.intro-description{font-size:17px;line-height:1.5;max-width:250px}.desktop-break{display:none}.intro-invitation{font-size:12px;line-height:1.7;max-width:240px;margin-bottom:24px}.portrait{width:65%;right:3%;top:auto;bottom:75px;transform:none;opacity:.95}.portrait-caption{display:none}.portrait-orbit{width:90%;height:90%}.intro .primary-button{position:relative;z-index:3;max-width:90%;padding:15px 20px;gap:17px}.intro-footer{left:26px;right:26px;bottom:calc(20px + env(safe-area-inset-bottom));font-size:9px}.intro-footer .text-button{font-size:11px}.saved-note{font-size:10px;max-width:190px;line-height:1.5}.progress-panel{top:100px;font-size:10px}.game-bottom{left:20px;right:20px;bottom:calc(22px + env(safe-area-inset-bottom))}.hint-control span{display:none}.scent-button{min-height:52px;padding:13px 20px}.scent-button kbd{display:none}.message{bottom:100px;font-size:14px;width:max-content;padding:10px 15px}.ending{padding-top:90px}.ending .eyebrow{font-size:8px}.ending-actions{flex-direction:column;gap:6px}.ending small{margin-top:24px}.ending-spark{font-size:35px;margin-bottom:14px}dialog{padding:24px}dialog h2{font-size:30px}.journal-dialog{max-height:86dvh}.discoveries li{padding:12px 0}}
@media(max-width:700px) and (min-height:800px){.intro{padding-top:125px}.portrait{bottom:105px;width:68%;right:2%}.intro .primary-button{margin-top:12px}}
@media(max-height:620px) and (min-width:701px){.intro{padding:90px 7vw 55px}h1{font-size:58px;margin-bottom:12px}.eyebrow{margin-bottom:12px}.intro-description{font-size:17px;margin-bottom:12px}.intro-invitation{margin-bottom:18px}.portrait{width:37%;right:9%}.intro-footer{bottom:16px}.ending-spark{display:none}.ending h2{font-size:40px}.ending p:not(.eyebrow){font-size:14px;margin-bottom:18px}.ending small{margin-top:15px}}
@media(max-height:700px) and (max-width:700px){.intro{padding-top:95px}h1{font-size:51px;margin-bottom:14px}.intro-description{font-size:16px;max-width:230px}.intro-invitation{margin-bottom:20px;max-width:215px}.portrait{bottom:55px;width:52%;right:1%}.intro-footer{bottom:14px}.eyebrow{margin-bottom:12px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}