*{box-sizing:border-box;margin:0;padding:0}html,body,#root{background:#141216;height:100%;overflow:hidden}body{color:#e8e4da;-webkit-font-smoothing:antialiased;-webkit-user-select:none;user-select:none;touch-action:none;font-family:Georgia,Times New Roman,serif}.game-canvas{position:fixed;inset:0}.game-canvas canvas{width:100%;height:100%;display:block}.game-canvas:after{content:"";pointer-events:none;background:radial-gradient(at 50% 45%,#0000 55%,#08060a8c 100%);position:absolute;inset:0}.wordmark{top:max(1.5rem, env(safe-area-inset-top));text-align:center;letter-spacing:.35em;text-transform:lowercase;color:#d98a3d;opacity:.85;pointer-events:none;font-size:1.1rem;font-style:italic;position:fixed;left:0;right:0}.liquid-selector{flex-direction:column;align-items:center;gap:1rem;display:flex;position:fixed;top:50%;right:.9rem;transform:translateY(-50%)}.liquid-bottle{cursor:pointer;opacity:.5;background:0 0;border:none;padding:5px 8px;transition:opacity .2s,transform .2s}.liquid-bottle-glass{fill:#d2dceb1a;stroke:#d2dceb59;stroke-width:1px}.liquid-bottle-selected{opacity:1;transform:scale(1.15)}.moth{top:max(2.9rem, calc(env(safe-area-inset-top) + 1.6rem));pointer-events:none;--flap-duration:2.6s;flex-direction:column;align-items:center;display:flex;position:fixed;left:0;right:0}.moth-svg{filter:drop-shadow(0 0 10px #d9c9a359);transition:opacity 1.2s,filter .6s;overflow:visible}.moth-wing-shape{fill:#cbb98d;opacity:.92}.moth-hindwing{fill:#b0a077;opacity:.85}.moth-eyespot{fill:#6f6047;opacity:.8}.moth-body,.moth-head{fill:#b9a87e}.moth-antenna{fill:none;stroke:#b9a87e;stroke-width:1.6px;stroke-linecap:round}.moth-wing-flap{transform-box:fill-box;transform-origin:100%;animation:moth-flap var(--flap-duration) ease-in-out infinite alternate}@keyframes moth-flap{0%{transform:rotate(2deg)scaleX(1)}to{transform:rotate(-9deg)scaleX(.8)}}.moth-delighted{--flap-duration:.24s}.moth-delighted .moth-svg{filter:drop-shadow(0 0 16px #e9d8aaa6);animation:.7s 2 moth-hop}@keyframes moth-hop{0%,to{transform:translateY(0)}35%{transform:translateY(-7px)}}.moth-amused .moth-svg{animation:1.3s ease-in-out 2 moth-rock}@keyframes moth-rock{0%,to{transform:rotate(0)}25%{transform:rotate(-5deg)}75%{transform:rotate(5deg)}}.moth-asleep .moth-svg{opacity:.5}.moth-asleep .moth-wing-flap{transition:transform 1.4s;animation:none;transform:rotate(-30deg)scaleX(.55)}.moth-speech{text-align:center;max-width:17rem;margin-top:.5rem}.moth-ask{color:#e8e4da;opacity:.85;text-wrap:balance;font-size:.95rem}.moth-hint{color:#d9c9a3;opacity:.45;text-wrap:balance;margin-top:.4rem;font-size:.8rem;font-style:italic}.moth-murmur{color:#d9c9a3;opacity:0;margin-top:.55rem;font-size:.8rem;font-style:italic;animation:.8s forwards whisper-in}.moth-line{color:#e8e4da;opacity:0;text-wrap:balance;font-size:.95rem;font-style:italic;animation:.6s forwards whisper-in}.moth-line-delighted{color:#ecd9a4}.moth-line-asleep{color:#cfc6b4}.moth-reopen{color:#d9c9a3;opacity:0;margin-top:.6rem;font-size:.75rem;font-style:italic;animation:1.2s 2.6s forwards whisper-in}.hold-hint{text-align:center;color:#d9c9a3;opacity:0;pointer-events:none;font-size:.85rem;font-style:italic;animation:1.6s forwards whisper-in;position:fixed;bottom:16%;left:0;right:0}@keyframes whisper-in{to{opacity:.75}}