:root{font-family:system-ui,-apple-system,Hiragino Kaku Gothic ProN,sans-serif;color:#4c4940;background:#b2b597;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button{-webkit-tap-highlight-color:transparent;font:inherit;color:inherit;cursor:pointer}button:focus-visible,canvas:focus-visible{outline:2px solid #9b594b;outline-offset:-3px}#garden{height:100svh;min-height:320px;overflow:hidden;position:relative;background:#b2b597}#scene{position:absolute;top:0;right:0;bottom:0;left:0;touch-action:none}canvas{display:block;width:100%;height:100%}.scene-controls{position:absolute;right:3.5%;top:44%;display:grid;gap:7px}.scene-controls button{width:34px;height:34px;border:1px solid #ffffff60;border-radius:50%;background:#fffaf030;font-size:16px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);opacity:.7}.scene-controls button:hover,.scene-controls button:focus-visible{opacity:1;background:#fffaf075}.scene-controls button[aria-pressed=true]{background:#a77a64;color:#fff}#bubble{position:absolute;pointer-events:none;padding:10px 15px;background:#fffcf1f2;border:1px solid white;box-shadow:0 5px 24px #5f543c14;border-radius:13px;font-size:12px;letter-spacing:1px;white-space:nowrap;transform:translate(-50%,-100%)}#bubble:after{content:"";position:absolute;bottom:-6px;left:50%;border-left:6px solid transparent;border-right:6px solid transparent;border-top:7px solid #fffcf1}#loading{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);text-align:center;background:#fff9efdf;padding:28px 35px;border:1px solid #fff8;border-radius:20px;box-shadow:0 12px 60px #4a503316;font-size:12px;letter-spacing:1px;min-width:310px}#loading small{font-size:9px;color:#948975;display:block;margin-top:15px}.loading-flower{font-size:30px;color:#be8c7c;display:block;animation:turn 7s linear infinite}progress{width:160px;height:3px;border:0;border-radius:10px;accent-color:#ac8168;background:#e4d6bd}progress::-webkit-progress-bar{background:#e4d6bd}progress::-webkit-progress-value{background:#ac8168}.error-message{line-height:2}#loading[hidden],#bubble[hidden],#notice[hidden]{display:none}.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}#notice{position:absolute;width:48px;height:48px;pointer-events:none;transform-origin:100% 65%;filter:drop-shadow(0 2px 0 #fff3)}#notice.pop{animation:notice-pop .95s ease-out both}#notice svg{width:100%;height:100%}@keyframes turn{to{transform:rotate(360deg)}}@keyframes notice-pop{0%{opacity:0;transform:scale(.2) rotate(-15deg)}18%{opacity:1;transform:scale(1.18) rotate(4deg)}35%,75%{opacity:1;transform:scale(1) rotate(0)}to{opacity:0;transform:scale(.9)}}@media(max-width:700px){.scene-controls{right:4%;top:36%;gap:6px}.scene-controls button{width:29px;height:29px}#loading{min-width:280px;padding:22px}#bubble{font-size:10px;padding:8px 12px}#notice{width:38px;height:38px}}@media(prefers-reduced-motion:reduce){.loading-flower,#notice.pop{animation:none}}