:root{--paper:#f4efe6;--ink:#2b2a27}html,body{background:var(--paper);height:100%;color:var(--ink);margin:0;font-family:Hiragino Mincho ProN,Yu Mincho,Georgia,serif;overflow:hidden}#garden{width:100vw;height:100vh;touch-action:none;outline:none;height:100dvh;display:block}body.graded #grain{display:none}#grain{pointer-events:none;opacity:.1;mix-blend-mode:multiply;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='220' height='220'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 0.45 0 0 0 0 0.4 0 0 0 0 0.32 0 0 0 0.9 0'/%3E%3C/filter%3E%3Crect width='220' height='220' filter='url(%23n)'/%3E%3C/svg%3E");position:fixed;inset:0}#koi-label{z-index:2;color:var(--ink);background:#f4efe6db;border-radius:2px;padding:6px 12px 7px;animation:.5s both label-in;position:fixed;top:0;left:0;box-shadow:0 1px 6px #2b2a272e}#koi-label[hidden]{display:none}.koi-name{width:9em;color:inherit;background:0 0;border:0;border-bottom:1px solid #0000;outline:none;padding:0;font:italic 1.25rem/1.3 Hiragino Mincho ProN,Yu Mincho,Georgia,serif;display:block}.koi-name:focus{border-bottom-color:#2b2a2759}.koi-meta{letter-spacing:.08em;opacity:.7;font-size:.72rem}@keyframes label-in{0%{opacity:0}}#hint{left:0;right:0;bottom:calc(12vh + env(safe-area-inset-bottom));text-align:center;letter-spacing:.06em;color:#fbf7ee;text-shadow:0 1px 8px #1e1c18bf;pointer-events:none;opacity:0;padding:0 16px;font-size:1.05rem;font-style:italic;transition:opacity 2.2s;position:fixed}#hint.shown{opacity:.92}#plant-picker{z-index:3;background:#f4efe6e6;border-radius:2px;flex-direction:column;padding:4px 0;animation:.4s both label-in;display:flex;position:fixed;top:0;left:0;box-shadow:0 1px 6px #2b2a272e}#plant-picker[hidden]{display:none}#plant-picker button{color:var(--ink);text-align:left;cursor:pointer;background:0 0;border:0;padding:5px 16px;font:italic 1rem/1.3 Hiragino Mincho ProN,Yu Mincho,Georgia,serif}#plant-picker button:hover,#plant-picker button:focus-visible{background:#2b2a271a;outline:none}@media (prefers-reduced-motion:reduce){#hint{transition-duration:.3s}}#menu{right:calc(16px + env(safe-area-inset-right));bottom:calc(16px + env(safe-area-inset-bottom));z-index:4;opacity:0;flex-direction:column;align-items:flex-end;gap:6px;transition:opacity 1.4s;display:flex;position:fixed}#menu.shown,#menu:focus-within{opacity:1}.menu-glyph{color:#fbf7ee;text-shadow:0 1px 6px #1e1c18b3;cursor:pointer;background:0 0;border:0;border-radius:50%;width:40px;height:40px;font-size:1.4rem;line-height:1;transition:text-shadow .7s}#menu.near .menu-glyph{text-shadow:0 1px 6px #1e1c18b3,0 0 8px #ffd69699,0 0 20px #ffc46a59}.menu-list{background:#f4efe6eb;border-radius:2px;flex-direction:column;padding:4px 0;animation:.4s both label-in;display:flex;box-shadow:0 1px 6px #2b2a272e}.menu-list[hidden],#about[hidden]{display:none}.menu-list button,.menu-list select{color:var(--ink);text-align:right;cursor:pointer;background:0 0;border:0;padding:6px 18px;font:italic 1rem/1.3 Hiragino Mincho ProN,Yu Mincho,Georgia,serif}.menu-list button:hover,.menu-list button:focus-visible{background:#2b2a271a;outline:none}#about{background:#f4efe6f0;border-radius:2px;max-width:min(420px,100vw - 32px);max-height:60vh;padding:12px 18px;font-size:.9rem;line-height:1.5;overflow:auto;box-shadow:0 1px 6px #2b2a272e}.sr-only{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;padding:0;position:absolute;overflow:hidden}#garden:focus-visible,.menu-glyph:focus-visible,.menu-list select:focus-visible{outline:2px solid var(--ink);outline-offset:-3px}#about h2{margin:0 0 6px;font-style:italic;font-weight:400}#about p{margin:0 0 8px}#about .keys{letter-spacing:.04em;opacity:.7;font-size:.75rem}body.breathing #menu,body.breathing #koi-label,body.breathing #plant-picker,body.breathing .lil-gui{pointer-events:none;opacity:0!important}#veil{text-align:center;background:var(--paper);pointer-events:none;opacity:1;place-items:center;padding:16px;transition:opacity 2.4s;display:grid;position:fixed;inset:0}#veil.lifted{opacity:0}@media (prefers-reduced-motion:reduce){#menu,#koi-label,#plant-picker,.menu-list{transition-duration:.1s;animation:none}#veil{transition-duration:.4s}}#tray{left:50%;bottom:calc(14px + env(safe-area-inset-bottom));z-index:3;-webkit-backdrop-filter:blur(14px)saturate(1.3);opacity:.55;background:#15131180;border:1px solid #fff6e421;border-radius:999px;gap:2px;padding:5px;transition:opacity 1.4s;display:flex;position:fixed;transform:translate(-50%);box-shadow:inset 0 1px #fffaf01f,0 10px 28px -12px #0009}#tray.shown,#tray.holding,#tray:focus-within{opacity:1}.tray-tool{color:#f4efe6b8;cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:0;border-radius:50%;place-items:center;width:40px;height:40px;padding:0;transition:color .3s,background-color .3s,box-shadow .3s;display:grid}.tray-tool svg{width:22px;height:22px}.tray-tool:hover{color:#f4efe6}.tray-tool.held{color:#ffd98a;background:#ffd98a1a;box-shadow:inset 0 0 0 1.5px #ffd98abf}.tray-tool:focus-visible{outline-offset:1px;outline:2px solid #ffd98a}@media (prefers-reduced-motion:reduce){#tray,.tray-tool{transition-duration:.1s}}body.breathing #tray{display:none}@media (max-width:380px){#menu{bottom:calc(72px + env(safe-area-inset-bottom))}}