:root{--font-ui:"Trebuchet MS","Gill Sans",sans-serif;--font-heading:"Palatino Linotype",Palatino,"Book Antiqua",serif;font-family:var(--font-ui);color:#e8f2db;background:#183f30;font-synthesis:none;font-size:14px;--paper:#e8f2db;--ink:#e8f2db;--muted:#bed2b4;--line:#b7d69b38}*{box-sizing:border-box}html,body,main{margin:0;width:100%;height:100%;overflow:hidden}button{font:inherit;color:inherit;border:0;background:none;cursor:pointer;-webkit-tap-highlight-color:transparent}button:hover{background:#a5ca7938}button:disabled{opacity:.35;cursor:default}button:focus-visible,a:focus-visible,input:focus-visible,summary:focus-visible{outline:2px solid #c2e98d;outline-offset:3px}[hidden]{display:none!important}[data-ui]{opacity:1;visibility:visible;transition:opacity .16s ease,visibility 0s}body.ui-hidden [data-ui]{opacity:0;visibility:hidden;pointer-events:none;transition:opacity .16s ease,visibility 0s .16s}.stage{position:fixed;inset:0;width:100%;height:100dvh;isolation:isolate}canvas{width:100%;height:100%;display:block;image-rendering:pixelated;cursor:grab;touch-action:none}canvas:active{cursor:grabbing}.control-bar,.mute-button{position:fixed;z-index:5;background:#204e3bc9;backdrop-filter:blur(14px);border:1px solid #c3e6a45c;box-shadow:0 6px 26px #172a2330}.control-bar{left:50%;bottom:max(16px,env(safe-area-inset-bottom));transform:translate(-50%);display:flex;align-items:center;gap:4px;padding:6px;border-radius:16px;width:max-content;max-width:calc(100% - 20px)}.control-bar button,.control-bar a{display:flex;align-items:center;justify-content:center;gap:8px;height:42px;padding:0 13px;border-radius:10px;font-size:12px;white-space:nowrap}.control-bar button[aria-expanded=true],.control-bar button[aria-pressed=true]{background:#9bcd6d40}.control-bar button>span[aria-hidden]{font-size:17px;width:18px;text-align:center}.control-bar #help-button{width:42px;padding:0;font:20px var(--font-heading)}.control-bar #github-link{width:42px;flex-shrink:0;padding:0;color:inherit;text-decoration:none}.control-bar #github-link:hover{background:#a5ca7938}.control-bar #github-link svg{width:20px;height:20px}.zoom-control{display:flex;align-items:center;border-left:1px solid var(--line);border-right:1px solid var(--line);padding:0 4px;margin:0 3px}.zoom-control button{width:36px;padding:0;font-size:20px}.zoom-control span{min-width:43px;text-align:center;font:11px var(--font-ui);font-variant-numeric:tabular-nums}.mute-button{top:max(16px,env(safe-area-inset-top));right:max(16px,env(safe-area-inset-right));width:44px;height:44px;border-radius:50%;display:grid;place-items:center}.mute-button svg{width:21px;height:21px}.mute-cross,.muted .sound-waves{display:none}.muted .mute-cross{display:block}.mute-button.muted{color:#c6dfb1}.help-panel{position:fixed;left:50%;bottom:calc(max(16px,env(safe-area-inset-bottom)) + 68px);transform:translate(-50%);width:370px;max-width:calc(100% - 24px);max-height:calc(100dvh - max(16px,env(safe-area-inset-bottom)) - 140px);overflow:auto;overscroll-behavior:contain;padding:23px;background:#204735e6;border:1px solid #b5d79a59;box-shadow:0 12px 50px #172a2330;border-radius:16px;backdrop-filter:blur(15px);z-index:6;scrollbar-width:thin}.panel-heading{display:flex;justify-content:space-between;align-items:center;gap:10px}.eyebrow{font:9px var(--font-ui);letter-spacing:1.5px;color:var(--muted);margin:0}.panel-heading button{font-size:24px;width:32px;height:32px;border-radius:8px}.help-panel h2{font:25px var(--font-heading);letter-spacing:-.5px;margin:8px 0 16px}.settings-note,.guide-note,.stats-note{font-size:11px;line-height:1.6;color:var(--muted);margin:12px 0 18px}.setting{display:block;margin:18px 0}.setting-label{display:flex;justify-content:space-between;font-size:12px;margin-bottom:8px;gap:12px}.setting output{font:11px var(--font-ui);font-variant-numeric:tabular-nums;color:#c2df9d}.setting input{width:100%;margin:0;accent-color:#c2df9d;cursor:pointer;height:24px}.panel-button{background:#8ab86338;padding:11px 14px;border-radius:8px;font-size:12px}.audio-settings{border-top:1px solid var(--line);margin-top:22px;padding-top:6px}.audio-settings h3{font:20px var(--font-heading)}.audio-settings button[aria-pressed=true]{background:#668d4666;color:var(--paper)}.keyboard-guide summary{cursor:pointer;font-size:12px;color:#c2df9d;padding:8px 0}.shortcuts{margin:8px 0}.shortcuts>div{display:flex;justify-content:space-between;gap:12px;border-bottom:1px solid var(--line);padding:8px 0;font-size:10px}.shortcuts dt{color:var(--muted)}.shortcuts dd{margin:0;font:10px var(--font-ui);text-align:right}.stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px 8px;border-top:1px solid var(--line);padding-top:16px}.stats>div{display:flex;flex-direction:column;gap:5px}.stats strong{font:16px var(--font-heading)}.stats span{font:8px var(--font-ui);color:var(--muted);letter-spacing:.4px}.loading{position:absolute;inset:0;z-index:10;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:32px;text-align:center;color:#e9f3d9;background:radial-gradient(ellipse at 50% 42%,#35603d,#193e2f 45%,#0d281f);font:22px var(--font-heading);overflow:hidden}.loading:before,.loading:after{content:"";position:absolute;width:min(65vw,480px);height:min(65vw,480px);border:1px solid #9dc9831b;border-radius:12% 85%;background:linear-gradient(135deg,#7aa56012,transparent);transform:rotate(-25deg);pointer-events:none}.loading:before{left:-18%;bottom:-20%}.loading:after{right:-18%;top:-20%;transform:rotate(155deg)}.loading-garden{width:120px;height:120px;margin-bottom:24px}.loading-garden svg{width:100%;height:100%;overflow:visible}.loading-orbit{stroke:#afd38b40;stroke-width:1;stroke-dasharray:2 12;transform-origin:center;animation:canopy-orbit 22s linear infinite}.loading-stem{stroke:#b5cf8a;stroke-width:3;stroke-linecap:round}.loading-leaf{fill:#9bc571;transform-origin:60px 75px;animation:leaf-breathe 2.6s ease-in-out infinite alternate}.leaf-right{fill:#b9db8d;transform-origin:60px 60px;animation-delay:-1.4s}.leaf-top{fill:#d1e5a6;transform-origin:60px 47px;animation-delay:-.7s}.loading-veins{stroke:#305936;stroke-width:1.2;opacity:.5}.loading-title{font-size:30px;letter-spacing:.5px;margin:0 0 12px}.loading-note{font:12px var(--font-ui);letter-spacing:.7px;color:#b9cfa8;margin:0}.loading-dots{animation:breathe 1s infinite alternate}@keyframes canopy-orbit{to{transform:rotate(360deg)}}@keyframes leaf-breathe{0%{transform:rotate(-4deg)}to{transform:rotate(4deg)}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@keyframes breathe{to{opacity:.3}}@media(max-width:400px){.control-bar{gap:0;padding:5px}.control-bar button{padding:0 5px;gap:4px}.control-bar button>span[aria-hidden]{width:12px}.zoom-control{margin:0 1px;padding:0 2px}.zoom-control button{width:30px;padding:0}.zoom-control span{min-width:30px}.control-bar #help-button,.control-bar #github-link{width:30px;flex-shrink:0}.help-panel{padding:18px}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}
/*# sourceMappingURL=style-BCI6TMML.css.map */