/* Universal artifact identity is the agent fleet. Bounded eye-only clay interactions. */
.clay-dock{--clay-character-size:56px;--clay-paper:#f0eee5;--clay-ink:#222820;position:relative;}
.clay-character{position:relative;display:block;flex:0 0 auto;width:max(44px,calc(var(--clay-character-size) + 8px));height:max(44px,calc(var(--clay-character-size) + 22px));margin:0;padding:0;border:0;border-radius:8px;background:transparent;color:var(--clay-ink);cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;}
.clay-character:focus{outline:none;}
.clay-character:focus-visible{outline:2px solid #59634e;outline-offset:3px;}
.clay-lean{position:absolute;left:0;bottom:13px;display:flex;justify-content:center;align-items:flex-end;width:100%;height:var(--clay-character-size);transform-origin:50% 90%;pointer-events:none;}
.clay-body{display:block;height:var(--clay-character-size);line-height:0;transform-origin:50% 88%;}
.clay-art{position:relative;display:block;height:var(--clay-character-size);line-height:0;}
.clay-png{display:block;width:100%;height:100%;object-fit:contain;user-select:none;-webkit-user-drag:none;}
.clay-eye-svg{display:block;position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none;}
.clay-eye-shape{transform-box:fill-box;transform-origin:50% 50%;}
.clay-shadow{position:absolute;bottom:8px;left:23%;width:54%;height:4px;border-radius:50%;background:rgba(35,41,31,.13);filter:blur(2px);transform-origin:50% 50%;pointer-events:none;}
.clay-speech{position:fixed;z-index:10000;max-width:min(280px,calc(100vw - 20px));box-sizing:border-box;padding:10px 13px;border:1px solid #d1d8c9;border-radius:8px;background:#f1f0e8;color:#293225;font:500 12px/1.4 ui-monospace,'Cascadia Mono',Consolas,monospace;letter-spacing:.015em;text-align:center;box-shadow:0 4px 16px rgba(27,34,22,.10);pointer-events:none;}
.clay-speech[hidden]{display:none!important;}
.clay-speech:after{content:'';position:absolute;left:calc(var(--clay-arrow-x,50%) - 4px);bottom:-5px;width:8px;height:8px;background:#f1f0e8;border-right:1px solid #d1d8c9;border-bottom:1px solid #d1d8c9;transform:rotate(45deg);}
.clay-speech[data-placement="bottom"]:after{top:-5px;bottom:auto;transform:rotate(225deg);}
.clay-sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0;}
@media(prefers-reduced-motion:reduce){.clay-character:focus-visible,.clay-character:hover{background:rgba(64,86,44,.065);}.clay-character *{animation:none!important;transition:none!important;}}