:root{color-scheme:dark;background:#071822}*{box-sizing:border-box}html,body{width:100%;height:100%;margin:0;overflow:hidden}#scene{width:100vw;height:100dvh;position:relative;overflow:hidden;touch-action:none;background:#071822}#scene canvas{display:block;width:100%;height:100%;outline:none}#scene.dragging,#scene.dragging canvas{cursor:grabbing!important}.hand-cursor{position:fixed;z-index:6;left:0;top:0;width:16px;height:16px;border:2px solid #bcece2;border-radius:50%;background:#bcece22b;box-shadow:0 0 0 4px #58d6da21,0 0 13px #58d6da99;opacity:0;pointer-events:none;transform:translate(-50%,-50%);transition:opacity .12s,background .12s,box-shadow .12s,width .12s,height .12s}.hand-cursor.visible{opacity:1}.hand-cursor.target{width:22px;height:22px;box-shadow:0 0 0 4px #58d6da38,0 0 18px #58d6dacc}.hand-cursor.pinched{width:12px;height:12px;background:#c9fff2;box-shadow:0 0 0 5px #58d6da4d,0 0 18px #58d6dacc}.hand-cursor.trash-target{border-color:#e9b5a8;background:#e9b5a8;box-shadow:0 0 0 6px #e6a29455,0 0 19px #df827c}.gesture-debug{position:fixed;left:12px;bottom:12px;z-index:30;max-width:260px;padding:10px 12px;border:1px solid #8fbcc380;border-radius:8px;background:#071822e8;color:#dbf4ed;font:12px/1.5 ui-monospace,SFMono-Regular,Consolas,monospace;white-space:pre;pointer-events:none}.contact-widget{position:fixed;z-index:5;right:16px;bottom:max(16px,env(safe-area-inset-bottom));max-width:calc(100vw - 32px);padding:8px 11px;border:1px solid #6ca3ad78;border-radius:9px;background:#0a2630d9;box-shadow:0 8px 24px #0006;color:#bcece2;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);font:500 11px/1.35 Avenir Next,Century Gothic,Trebuchet MS,sans-serif;letter-spacing:.02em}.contact-widget p{margin:0}.contact-widget button{padding:0;border:0;background:none;color:#c6fff1;font:700 11px/1.35 Avenir Next,Century Gothic,Trebuchet MS,sans-serif;letter-spacing:.02em;text-decoration:underline;text-underline-offset:3px;cursor:pointer}.contact-widget button:hover,.contact-widget button.hand-hover{color:#fff}.contact-widget button:focus-visible{outline:2px solid #bcece2;outline-offset:3px}.contact-menu{position:absolute;right:0;bottom:calc(100% + 8px);display:flex;align-items:center;gap:6px}.contact-link{display:inline-flex;align-items:center;gap:9px;padding:8px 11px;border:1px solid #6ca3ad78;border-radius:9px;background:#0a2630d9;box-shadow:0 8px 24px #0006;color:#bcece2;text-decoration:none;font:600 11px/1 Avenir Next,Century Gothic,Trebuchet MS,sans-serif;letter-spacing:.12em;text-transform:uppercase;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);transition:background .18s,border-color .18s,transform .18s}.contact-link:hover,.contact-link.hand-hover{background:#18404a;border-color:#bcece2;transform:translateY(-2px)}.contact-link:focus-visible{outline:2px solid #bcece2;outline-offset:3px}.contact-link span:last-child{font-size:15px;line-height:.7;letter-spacing:0}.tool-dock button.hand-hover{outline:2px solid #bcece2;outline-offset:3px}[hidden]{display:none!important}.wordmark{position:fixed;z-index:2;top:27px;left:22px;color:#bcece2;font:600 11px/1 Avenir Next,Century Gothic,Trebuchet MS,sans-serif;letter-spacing:.2em;text-transform:uppercase;pointer-events:none;text-shadow:0 2px 12px #0009}.tool-dock{position:absolute;z-index:3;left:50%;top:24px;transform:translate(-50%);display:grid;justify-items:center;pointer-events:none}.pair-toggle{position:absolute;top:0;left:calc(50% - 103px);display:grid;place-items:center;width:58px;height:58px;padding:0;border:1px solid #6ca3ad9c;border-radius:15px;background:#102e39;color:#bcece2;box-shadow:0 12px 30px #0008;cursor:pointer;pointer-events:auto;transition:transform .25s ease,background .25s ease,box-shadow .25s ease}#sink-toggle{left:calc(50% + 45px)}.pair-toggle svg,.pair-tray svg{width:32px;height:32px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.pair-toggle:hover,.pair-toggle[aria-expanded=true]{background:#20505a;box-shadow:0 0 24px #58d6da40}.pair-toggle:focus-visible,.pair-tray button:focus-visible{outline:2px solid #bcece2;outline-offset:3px}.pair-tray{position:absolute;left:calc(50% - 125px);top:73px;display:flex;gap:7px;padding:7px;border:1px solid #5a94a066;border-radius:15px;background:#0a2630ed;box-shadow:0 16px 42px #0009;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);opacity:0;visibility:hidden;transform:translateY(-12px) scale(.92);pointer-events:none;transition:opacity .18s,visibility .18s,transform .25s}#sink-tray{left:calc(50% + 15px);right:auto}.pair-tray.open{opacity:1;visibility:visible;transform:translateY(0) scale(1);pointer-events:auto}.pair-tray button{display:grid;place-items:center;width:49px;height:49px;padding:0;border:1px solid #5d97a292;border-radius:10px;background:#14343e;color:#bcece2;cursor:pointer}.pair-tray button[aria-pressed=true]{border-color:#c4fff0;background:#20505a;box-shadow:0 0 18px #58d6da45}.inventory-toggle,.tool-slot{display:grid;place-items:center;flex:none;padding:0;border:1px solid #6ca3ad9c;background:#102e39;box-shadow:0 13px 31px #0008,inset 0 1px #bcece21f;color:#bcece2;cursor:pointer;pointer-events:auto;-webkit-tap-highlight-color:transparent;touch-action:manipulation;transition:transform .26s cubic-bezier(.22,1,.36,1),box-shadow .26s ease,background .26s ease,border-color .26s ease,opacity .2s ease}.inventory-toggle{position:relative;width:62px;height:62px;border-radius:16px;background:linear-gradient(155deg,#18404a,#102934 65%);border-color:#90c8cb9c;box-shadow:0 12px 32px #0009,0 0 0 5px #71bac316,inset 0 1px #d8fff22b}.inventory-toggle svg{width:34px;height:34px;fill:#1a4c59;stroke:#c6eee8;stroke-width:1.5;stroke-linejoin:round;transition:transform .28s cubic-bezier(.22,1,.36,1)}.inventory-presence{position:absolute;width:4px;height:4px;right:9px;top:9px;border-radius:50%;background:#a8e9df;box-shadow:0 0 10px #8beded}.tool-dock.open .inventory-toggle svg{transform:rotate(-12deg) scale(.9)}.inventory-toggle:hover,.inventory-toggle:focus-visible{background:#1d4852;box-shadow:0 13px 33px #0009,0 0 24px #58d6da34}.inventory-toggle:active,.tool-slot:active{transform:scale(.94)}.trash-button{position:absolute;left:calc(50% + 112px);top:0;display:grid;place-items:center;width:58px;height:58px;padding:0;border:1px solid #b8776c88;border-radius:15px;background:#30272c;color:#e9b5a8;box-shadow:0 13px 31px #0008,inset 0 1px #f6c4b51a;opacity:0;visibility:hidden;pointer-events:none;transform:translateY(-10px) scale(.86);transition:opacity .2s ease,visibility .2s,transform .28s cubic-bezier(.22,1,.36,1),background .2s ease,box-shadow .2s ease}.trash-button svg{width:29px;height:29px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.tool-dock.has-object .trash-button{opacity:1;visibility:visible;transform:translateY(0) scale(1)}.trash-button.armed{background:#664048;box-shadow:0 0 0 5px #e6a29440,0 0 36px #df827c88;transform:translateY(-3px) scale(1.13)}.trash-button.consuming{animation:trash-swallow .56s cubic-bezier(.2,.8,.25,1) both}.trash-button.consuming svg{animation:trash-rattle .5s ease-out both}.trash-button:after{content:"";position:absolute;inset:-8px;border:1px solid #edae9e;border-radius:20px;opacity:0;transform:scale(.7)}.trash-button.consuming:after{animation:trash-flash .56s ease-out both}@keyframes trash-swallow{0%{transform:translateY(-3px) scale(1.13)}35%{transform:translateY(5px) scale(.83)}68%{transform:translateY(-4px) scale(1.11)}to{transform:translateY(0) scale(1)}}@keyframes trash-rattle{0%,to{transform:rotate(0)}35%{transform:rotate(-14deg)}65%{transform:rotate(10deg)}}@keyframes trash-flash{0%{opacity:.8;transform:scale(.7)}to{opacity:0;transform:scale(1.35)}}.tool-tray{position:absolute;left:50%;top:73px;display:flex;gap:10px;padding:10px;border:1px solid #5a94a066;border-radius:18px;background:#0a2630e6;box-shadow:0 16px 42px #0009,inset 0 1px #c9eee21b;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);opacity:0;visibility:hidden;transform:translate(-50%,-15px) scale(.92);transform-origin:50% 0;pointer-events:none;transition:opacity .18s ease,visibility .18s,transform .26s cubic-bezier(.22,1,.36,1)}.tool-dock.open .tool-tray{opacity:1;visibility:visible;transform:translate(-50%) scale(1);pointer-events:auto;transition-duration:.26s}.tool-slot{width:57px;height:57px;border-radius:11px;border-color:#5d97a292;background:#14343e}.tool-slot svg{width:35px;height:35px;fill:#1a4c59;stroke:#bcece2;stroke-width:1.5;stroke-linejoin:round}.force-slot svg{fill:#3d2b2c;stroke:#e3afa1}.force-slot:hover,.force-slot.selected{background:#443438;border-color:#d9a495;box-shadow:0 12px 25px #0008,0 0 18px #e99b8038}.guide-slot svg{fill:#163944;stroke:#92d8d1}.guide-slot:hover,.guide-slot.selected{border-color:#92d8d1;box-shadow:0 0 20px #74d9c84b}.tool-slot:hover,.tool-slot.selected{transform:translateY(-3px);background:#20505a;box-shadow:0 12px 25px #0008,0 0 18px #58d6da25}.tool-slot.selected{border-color:#c4fff0;box-shadow:0 0 0 2px #bcece241,0 0 20px #58d6da45}.inventory-toggle:focus-visible,.tool-slot:focus-visible{outline:2px solid #bcece2;outline-offset:3px}.tool-slot:disabled{opacity:.38;cursor:default}body.placing-object #scene canvas{cursor:crosshair!important}@media(max-width:600px){.wordmark{top:84px;left:14px;font-size:10px;letter-spacing:.17em}.tool-dock{top:max(16px,env(safe-area-inset-top))}.tool-tray{top:67px;gap:7px;padding:7px;border-radius:15px}.tool-slot{width:50px;height:50px}.tool-slot svg{width:32px;height:32px}.inventory-toggle{width:58px;height:58px}.pair-toggle{left:calc(50% - 91px);width:52px;height:52px}#sink-toggle{left:calc(50% + 39px)}.pair-tray{left:calc(50% - 110px);top:67px}#sink-tray{left:calc(50% + 12px);right:auto}.pair-tray button{width:43px;height:43px}.trash-button{left:calc(50% + 98px);width:49px;height:49px}.gesture-debug{bottom:56px;left:8px}}@media(prefers-reduced-motion:reduce){.tool-tray,.inventory-toggle,.inventory-toggle svg,.tool-slot,.trash-button,.trash-button.consuming,.trash-button.consuming svg,.trash-button.consuming:after,.hand-cursor{transition:none!important;animation:none!important}}.developer-panel{position:fixed;z-index:10;top:16px;right:16px;width:min(290px,calc(100vw - 32px));max-height:calc(100dvh - 32px);overflow:auto;padding:12px 14px;border:1px solid #6ca3ad8a;border-radius:14px;background:#0a2630f2;box-shadow:0 16px 42px #0009;color:#d5f4ee;font:500 11px/1.45 Avenir Next,Century Gothic,Trebuchet MS,sans-serif;letter-spacing:.1em;text-transform:uppercase;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.developer-panel summary{cursor:pointer;font-size:12px;font-weight:700;letter-spacing:.19em;list-style-position:inside}.developer-panel[open] summary{margin-bottom:12px}.developer-control{display:grid;grid-template-columns:1fr auto;gap:5px 10px;margin-bottom:11px}.developer-control output{font:500 11px/1.45 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;letter-spacing:.02em;font-variant-numeric:tabular-nums;color:#91d8d1}.developer-control input{grid-column:1/-1;width:100%;margin:0;accent-color:#91d8d1}.developer-panel button{width:100%;padding:7px 10px;border:1px solid #6ca3ad8a;border-radius:8px;background:#14343e;color:#d5f4ee;font:inherit;letter-spacing:.12em;text-transform:inherit;cursor:pointer}.developer-panel :is(summary,input,button):focus-visible{outline:2px solid #bcece2;outline-offset:3px}