:root{--sand:#e9d8b4;--ink:#4a3a26;--paper:#faf3e4d1}*{box-sizing:border-box}html,body{background:var(--sand);height:100%;color:var(--ink);margin:0;font-family:ui-rounded,SF Pro Rounded,Nunito,system-ui,sans-serif;overflow:hidden}.world{touch-action:none;outline:none;width:100%;height:100%;display:block;position:fixed;inset:0}.palette{background:var(--paper);-webkit-backdrop-filter:blur(10px)saturate(1.2);backdrop-filter:blur(10px)saturate(1.2);border-radius:22px;gap:6px;padding:8px;display:flex;position:fixed;bottom:22px;left:50%;transform:translate(-50%);box-shadow:0 10px 30px #4a3a262e,inset 0 0 0 1px #fff9}.mould{white-space:nowrap;width:64px;color:inherit;font:inherit;cursor:pointer;background:0 0;border:0;border-radius:15px;flex-direction:column;align-items:center;gap:2px;padding:8px 4px 6px;font-size:11px;transition:background .2s,transform .2s;display:flex}.mould svg{fill:#d9b97f;width:34px;height:34px;stroke:var(--ink);stroke-width:1.3px;stroke-linejoin:round}.mould svg .line{fill:none}.mould svg .hole{fill:#6b5233;stroke:none}.mould svg .water{fill:none;stroke:#3f7f97;stroke-width:1.6px}.palette .sep{background:#4a3a2633;width:1px;margin:8px 3px}.mould svg .hollow{fill:none;stroke-dasharray:2 2}.mould:hover{background:#d9b97f40}.mould[aria-pressed=true]{background:#d9b97f80;transform:translateY(-3px)}.mould:focus-visible{outline:2px solid var(--ink);outline-offset:2px}.hint{background:var(--paper);white-space:nowrap;pointer-events:none;border-radius:999px;margin:0;padding:7px 14px;font-size:13px;transition:opacity 1.2s;position:fixed;top:18px;left:50%;transform:translate(-50%)}.hint.gone{opacity:0}