.horse-avatar-button{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;width:min(260px,100%);min-width:44px;min-height:44px;margin:auto;padding:8px;border:1px solid transparent;border-radius:20px;background:transparent;color:inherit;cursor:pointer;touch-action:manipulation}
.work-focus.head-only-status{height:auto;min-height:0;padding:7px 16px}.work-focus.head-only-status .work-focus-hub{display:none!important}.work-focus.head-only-status p{margin:0}
.horse-avatar-button:focus-visible{outline:3px solid #8be4d4;outline-offset:5px}.horse-avatar-button:hover{border-color:#537d80}.horse-avatar-button[aria-pressed=true]{border-color:#8be4d4}.horse-avatar-canvas,.horse-avatar-poster{display:block;width:100%;height:auto;aspect-ratio:1;object-fit:contain;pointer-events:none}.horse-avatar-button [hidden]{display:none!important}.horse-avatar-label{font:13px/1.4 system-ui,sans-serif;min-height:20px;margin-top:5px}.horse-avatar-availability{display:block;font:12px/1.4 system-ui,sans-serif;color:#aebdca;text-align:center}.horse-avatar-availability:empty{display:none}
.horse-avatar-bubble{position:relative;box-sizing:border-box;max-width:min(420px,100%);max-height:180px;overflow:auto;margin:9px auto 12px;padding:14px 18px;border:2px solid #25242b;border-radius:21px;background:#fff9ed;color:#241e28;font:600 15px/1.45 system-ui,sans-serif;white-space:pre-wrap;overflow-wrap:anywhere}.horse-avatar-bubble[hidden]{display:none}.horse-avatar-bubble:before{content:'';position:absolute;top:-8px;left:calc(50% - 7px);width:12px;height:12px;transform:rotate(45deg);background:#fff9ed;border-left:2px solid #25242b;border-top:2px solid #25242b}
.horse-conversation{padding:0 16px;flex:none}.horse-conversation #horse-avatar-mount{display:flex;align-items:center;gap:12px;min-width:0}.horse-conversation .horse-avatar-button{width:88px;flex:0 0 88px;margin:0;padding:2px}.horse-conversation .horse-avatar-label{font-size:11px}.horse-conversation .horse-avatar-bubble{flex:1;max-height:112px;margin:6px 0;font-size:14px}.horse-conversation .horse-avatar-availability{font-size:11px}.horse-conversation #horse-voice-availability{margin:0 0 5px;font-size:11px}.horse-conversation #horse-voice-availability:empty{display:none}.horse-voice-panel .horse-avatar-button{width:180px}.horse-voice-panel .horse-avatar-bubble{max-height:140px}.horse-voice-panel:empty{display:none}@media(max-width:600px){.horse-conversation{padding:0 10px}.horse-conversation .horse-avatar-button{width:64px;flex-basis:64px}.horse-conversation .horse-avatar-label{font-size:10px;min-height:14px}.horse-conversation .horse-avatar-bubble{font-size:13px;max-height:90px;padding:9px 12px}}
@media(max-width:1100px) and (max-height:500px){.conversation-panel{position:relative}.horse-conversation{position:absolute;right:12px;top:54px;z-index:4;width:52px;padding:0}.horse-conversation .horse-avatar-button{width:52px;flex-basis:52px}.horse-conversation .horse-avatar-label,.horse-conversation .horse-avatar-availability,.horse-conversation #horse-voice-availability{display:none}.horse-conversation .horse-avatar-bubble{position:fixed;left:12px;right:12px;bottom:128px;max-width:none;max-height:84px;font-size:12px}.horse-conversation #horse-avatar-mount{display:block}}

/* The same Daniel component moves from the welcome centre to live task activity. */
.horse-welcome{width:100%;margin:0 auto 14px}.horse-welcome #horse-avatar-mount{display:flex;flex-direction:column;align-items:center}.horse-welcome .horse-avatar-button{width:clamp(180px,24vw,270px);padding:4px}.horse-welcome .horse-avatar-bubble{max-width:470px;font-size:clamp(16px,1.5vw,19px);margin:6px auto 10px;text-align:center}.horse-welcome .horse-avatar-label{font-size:12px}.horse-welcome .horse-avatar-availability{font-size:11px}
.horse-avatar-artwork{position:relative;display:block;width:100%;aspect-ratio:1;pointer-events:none}
.horse-avatar-mecha{position:absolute;inset:0;width:100%;aspect-ratio:1;object-fit:contain;pointer-events:none;opacity:0;transform:scale(.75);transition:opacity .4s ease,transform .55s ease;filter:drop-shadow(0 0 calc(8px + var(--horse-power,0)*20px) #59edf6)}
.horse-avatar-artwork>.horse-avatar-canvas,.horse-avatar-artwork>.horse-avatar-poster{transition:opacity .35s ease,transform .5s ease}.horse-avatar-button.is-mecha .horse-avatar-canvas,.horse-avatar-button.is-mecha .horse-avatar-poster{opacity:0;transform:scale(.8)}.horse-avatar-button.is-mecha .horse-avatar-mecha{opacity:1;transform:scale(1)}
.horse-avatar-smoke{position:absolute;inset:0;display:block;width:100%;height:100%;overflow:visible;pointer-events:none;filter:drop-shadow(0 0 4px #bce6f955)}
.horse-avatar-smoke path{fill:none;stroke:#e6edf1;stroke-width:9;stroke-linecap:round;stroke-dasharray:24 7 8 6;opacity:.6;animation:daniel-smoke 2.7s linear infinite;animation-delay:var(--smoke-delay,0s)}
.horse-avatar-smoke path:nth-of-type(2){stroke-width:6;opacity:.36;animation-duration:3.5s}.horse-avatar-smoke path:nth-of-type(3){stroke-width:13;opacity:.18;animation-duration:2.2s}
@keyframes daniel-smoke{from{stroke-dashoffset:100}to{stroke-dashoffset:0}}
body.no-motion .horse-avatar-smoke path{animation:none;stroke-dasharray:none;opacity:.25}
@media(prefers-reduced-motion:reduce){.horse-avatar-smoke path{animation:none!important;stroke-dasharray:none;opacity:.25}}
.horse-avatar-power{position:absolute;inset:9% 8% 15%;border:2px solid #73ffe2;border-radius:50%;opacity:0;pointer-events:none;box-shadow:0 0 calc(12px + var(--horse-power,0)*34px) #47e7d977,inset 0 0 26px #c667ff33;transition:opacity .45s ease,box-shadow .7s ease}.horse-avatar-button.is-mecha>.horse-avatar-power{opacity:calc(.35 + var(--horse-power,0)*.6);animation:daniel-power 2.8s ease-in-out infinite}.horse-avatar-button.is-mecha[data-work=research]>.horse-avatar-power{border-color:#ca98ff;box-shadow:0 0 calc(12px + var(--horse-power,0)*34px) #ad70eb88,inset 0 0 26px #c667ff44}
.work-focus.head-only-status #horse-avatar-mount{display:flex;align-items:center;justify-content:center;gap:14px}.work-focus.head-only-status .horse-avatar-button{width:150px;flex:0 0 150px;padding:4px}.work-focus.head-only-status .horse-avatar-bubble{font-size:14px;max-width:340px}.work-focus.head-only-status .horse-avatar-availability:empty{display:none}.horse-conversation:has(#horse-avatar-mount:empty),.horse-conversation:not(:has(#horse-avatar-mount)){display:none}
.welcome:has(.horse-welcome)>.welcome-emblem{display:none}.message-avatar img{width:100%;height:100%;object-fit:contain}.message-avatar:has(img){background:transparent}
@keyframes daniel-power{0%,100%{transform:scale(.97)}50%{transform:scale(1.03)}}
body.no-motion .horse-avatar-power{animation:none}body.no-motion .horse-avatar-mecha,body.no-motion .horse-avatar-canvas,body.no-motion .horse-avatar-poster{transition:none}
@media(prefers-reduced-motion:reduce){.horse-avatar-power{animation:none!important}.horse-avatar-mecha,.horse-avatar-canvas,.horse-avatar-poster{transition:none!important}}
@media(max-width:600px){.horse-welcome .horse-avatar-button{width:175px}.horse-welcome .horse-avatar-bubble{font-size:16px;padding:11px 14px}.work-focus.head-only-status .horse-avatar-button{width:108px;flex-basis:108px}.work-focus.head-only-status #horse-avatar-mount{gap:6px}.work-focus.head-only-status .horse-avatar-bubble{font-size:12px}.horse-welcome{margin-bottom:8px}}
@media(max-height:600px){.horse-welcome .horse-avatar-button{width:140px}.horse-welcome .horse-avatar-bubble{font-size:14px}.work-focus.head-only-status .horse-avatar-button{width:94px;flex-basis:94px}}

/* Daniel's original hoodie and thumbs-up body, with a mouth-anchored comic balloon. */
.horse-avatar-stage{position:relative;width:100%;min-width:0;isolation:isolate;--horse-bubble-above:0}
.horse-avatar-stage>.horse-avatar-button{position:relative;z-index:1}
.horse-welcome .horse-avatar-button{width:min(420px,44vh,72vw);padding:4px}
.horse-welcome{margin-bottom:6px}
.horse-avatar-bubble,.horse-welcome .horse-avatar-bubble,.horse-conversation .horse-avatar-bubble,.work-focus.head-only-status .horse-avatar-bubble,.horse-voice-panel .horse-avatar-bubble{position:absolute;z-index:4;box-sizing:border-box;width:250px;max-width:calc(100vw - 28px);max-height:150px;margin:0;padding:13px 17px;border:2px solid #322638;border-radius:48% 45% 43% 47% / 36% 42% 40% 43%;background:#fffaf0;color:#241e28;font:700 16px/1.35 system-ui,sans-serif;text-align:center;box-shadow:0 4px 18px #0004;overflow:auto;opacity:1}
.horse-avatar-bubble:before{display:none}
.horse-avatar-bubble-tail{position:absolute;inset:0;z-index:3;width:100%;height:100%;overflow:visible;pointer-events:none;filter:drop-shadow(0 3px 3px #0002)}
.horse-avatar-bubble-tail path{fill:#fffaf0;stroke:#322638;stroke-width:2;stroke-linejoin:round}
.horse-avatar-bubble-tail[hidden],.horse-avatar-bubble[hidden]{display:none!important}
.horse-avatar-bubble.is-ambient.is-appearing{animation:daniel-comic-bubble 5s ease both}
.horse-avatar-stage:has(.horse-avatar-bubble.is-ambient.is-appearing)>.horse-avatar-bubble-tail{animation:daniel-comic-bubble 5s ease both}
@keyframes daniel-comic-bubble{0%{opacity:0;transform:translateY(5px) scale(.97)}5%,86%{opacity:1;transform:none}100%{opacity:0;transform:translateY(-4px)}}
.horse-avatar-fibres{position:absolute;left:-50%;top:-16%;width:200%;height:128%;z-index:-1;overflow:hidden;pointer-events:none;mix-blend-mode:screen;filter:saturate(1.3) drop-shadow(0 0 5px #6ff)}
.horse-avatar-fibres path{fill:none;stroke:var(--fibre-colour);stroke-linecap:round}
.horse-avatar-hair{position:absolute;left:-50%;top:-16%;width:200%;height:128%;z-index:-1;pointer-events:none;opacity:1;mix-blend-mode:screen;filter:brightness(1.05) saturate(1.3) drop-shadow(0 0 4px #8ff)}.horse-conversation .horse-avatar-hair{opacity:.7}
.horse-fibre-strand{stroke-width:2.2;opacity:.7}
.horse-fibre-particles{stroke-width:11;stroke-dasharray:1.2 8 .6 5 .8 11;opacity:1;animation:daniel-fibre-in var(--fibre-speed,3s) linear infinite;animation-delay:var(--fibre-delay,0s)}
@keyframes daniel-fibre-in{from{stroke-dashoffset:100}to{stroke-dashoffset:0}}
.horse-avatar-fibres.is-paused path{animation-play-state:paused}
.horse-conversation .horse-avatar-fibres{opacity:.75}
body.no-motion .horse-fibre-particles{animation:none;opacity:.55}
body.no-motion .horse-avatar-bubble,body.no-motion .horse-avatar-bubble-tail{animation:none!important}
@media(prefers-reduced-motion:reduce){.horse-fibre-particles{animation:none!important;opacity:.55}.horse-avatar-bubble,.horse-avatar-bubble-tail{animation:none!important}}
@media(max-width:600px){.horse-welcome .horse-avatar-stage{--horse-bubble-above:1}.horse-welcome .horse-avatar-button{width:min(300px,36vh,72vw)}.horse-avatar-bubble,.horse-welcome .horse-avatar-bubble,.horse-conversation .horse-avatar-bubble,.work-focus.head-only-status .horse-avatar-bubble{width:218px;font-size:14px;padding:11px 14px}.horse-fibre-strand{stroke-width:4}.horse-fibre-particles{stroke-width:10}}
@media(max-height:600px){.horse-welcome .horse-avatar-button{width:min(240px,40vh,70vw)}}

/* ---- Power-up: bright fibres + electricity -> mecha -> red laser eyes -> rocket to the moon -> back on the next task ---- */
.horse-avatar-artwork{container-type:inline-size}
.horse-avatar-aura{position:absolute;inset:-8% -12% -4%;border-radius:50%;pointer-events:none;opacity:0;z-index:0;background:radial-gradient(closest-side,rgba(120,255,245,calc(.32 + var(--horse-power,0)*.5)) 0,rgba(190,110,255,calc(.18 + var(--horse-power,0)*.3)) 48%,transparent 72%);mix-blend-mode:screen;transition:opacity .5s ease}
.horse-avatar-button.is-working .horse-avatar-aura{opacity:calc(.35 + var(--horse-power,0)*.65);animation:daniel-aura calc(2.4s - var(--horse-power,0)*1.4s) ease-in-out infinite}
@keyframes daniel-aura{0%,100%{transform:scale(.94)}50%{transform:scale(1.07)}}
.horse-avatar-button.is-working .horse-avatar-fibres{opacity:1;filter:drop-shadow(0 0 6px #aff) brightness(1.3) saturate(1.3)}
.horse-avatar-button.is-working .horse-avatar-hair{opacity:1;filter:brightness(1.35) saturate(1.3) drop-shadow(0 0 8px #9ff)}
.horse-avatar-button.is-working .horse-fibre-strand{stroke-width:3.4;opacity:1}
.horse-avatar-button.is-working .horse-fibre-particles{stroke-width:12;animation-duration:calc(var(--fibre-speed,3s)*(1 - var(--horse-power,0)*.55))}
.horse-avatar-button.is-working .horse-avatar-canvas,.horse-avatar-button.is-working .horse-avatar-poster{filter:brightness(calc(1 + var(--horse-power,0)*.16)) saturate(calc(1 + var(--horse-power,0)*.35)) drop-shadow(0 0 calc(var(--horse-power,0)*16px) #7ffbff)}
.horse-avatar-button.is-working>.horse-avatar-power{opacity:calc(.35 + var(--horse-power,0)*.6);animation:daniel-power 2.8s ease-in-out infinite}
.horse-fibre-zap{stroke:#fff;stroke-width:10;stroke-dasharray:3 97;stroke-dashoffset:100;opacity:0;animation:daniel-zap calc(1.5s - var(--horse-power,0)*.8s) linear infinite;animation-delay:var(--fibre-delay,0s)}
.horse-avatar-button:not(.is-working) .horse-fibre-zap{stroke-width:7;animation-duration:2.6s;filter:drop-shadow(0 0 4px #fff)}
@keyframes daniel-zap{0%{stroke-dashoffset:100;opacity:1}92%{opacity:1}100%{stroke-dashoffset:0;opacity:0}}
.horse-avatar-bolts{position:absolute;inset:0;display:none;width:100%;height:100%;overflow:visible;pointer-events:none;mix-blend-mode:screen;z-index:2}
.horse-avatar-button.is-working .horse-avatar-bolts{display:block}
.horse-avatar-bolt{fill:none;stroke:#fff;stroke-width:11;stroke-linejoin:round;stroke-linecap:round;opacity:0;filter:drop-shadow(0 0 4px var(--bolt-colour,#7ff)) drop-shadow(0 0 12px var(--bolt-colour,#7ff));animation:daniel-bolt calc(2.6s - var(--horse-power,0)*1.7s) linear infinite;animation-delay:var(--bolt-delay,0s)}
@keyframes daniel-bolt{0%,80%{opacity:0}82%{opacity:1}84%{opacity:.15}86%{opacity:1}92%{opacity:.35}96%,100%{opacity:0}}
.horse-avatar-flash{position:absolute;inset:-10%;border-radius:50%;pointer-events:none;opacity:0;z-index:4;background:radial-gradient(closest-side,#fff 0,#aff 35%,transparent 72%)}
.horse-avatar-flash.is-firing{animation:daniel-flash .85s ease-out}
@keyframes daniel-flash{0%{opacity:0;transform:scale(.5)}18%{opacity:.95;transform:scale(1.05)}100%{opacity:0;transform:scale(1.5)}}
/* Red laser eyes: positions are percentages of the mecha portrait, sizes scale with Daniel. */
.horse-avatar-laser{position:absolute;inset:0;display:none;pointer-events:none;z-index:3}
.horse-avatar-button.is-laser .horse-avatar-laser{display:block}
.horse-avatar-eye{position:absolute;left:var(--ex);top:var(--ey);width:6cqw;height:6cqw;margin:-3cqw 0 0 -3cqw;border-radius:50%;background:radial-gradient(circle,#fff 0 16%,#ff5a5a 34%,rgba(255,0,0,.65) 58%,transparent 74%);filter:drop-shadow(0 0 1.4cqw #f00) drop-shadow(0 0 3cqw #f00);animation:daniel-eye 1.1s ease-in-out infinite}
@keyframes daniel-eye{0%,100%{transform:scale(.85);opacity:.85}50%{transform:scale(1.15);opacity:1}}
.horse-avatar-beam{position:absolute;left:var(--ex);top:var(--ey);width:min(92vw,520cqw);height:1.7cqw;min-height:3px;margin-top:-.85cqw;border-radius:99px;transform-origin:0 50%;transform:rotate(var(--beam-angle,7deg)) scaleX(0);opacity:0;background:linear-gradient(90deg,#fff 0,#ffb0b0 2.5%,#ff1a1a 9%,#e40000 62%,rgba(255,0,0,0) 100%);box-shadow:0 0 1.6cqw .3cqw rgba(255,0,0,.75),0 0 5cqw 1cqw rgba(255,0,0,.35);animation:daniel-beam 2.6s cubic-bezier(.2,.8,.2,1) infinite;animation-delay:var(--beam-delay,0s)}
@keyframes daniel-beam{0%{transform:rotate(var(--beam-angle,7deg)) scaleX(0);opacity:0}7%{opacity:1}12%{transform:rotate(calc(var(--beam-angle,7deg) - 3deg)) scaleX(1)}45%{transform:rotate(calc(var(--beam-angle,7deg) + 3deg)) scaleX(1);opacity:1}72%{transform:rotate(var(--beam-angle,7deg)) scaleX(1);opacity:1}84%{opacity:0;transform:rotate(var(--beam-angle,7deg)) scaleX(1)}100%{opacity:0;transform:rotate(var(--beam-angle,7deg)) scaleX(0)}}
/* Rocket */
.horse-avatar-button.is-launching,.horse-avatar-button.is-returning{z-index:20;overflow:visible}
.horse-avatar-flame{position:absolute;left:50%;top:84%;width:38%;height:80%;margin-left:-19%;display:none;pointer-events:none;z-index:-1}
.horse-avatar-button.is-launching .horse-avatar-flame,.horse-avatar-button.is-returning .horse-avatar-flame{display:block}
.horse-avatar-flame i{position:absolute;left:50%;top:0;width:62%;height:100%;margin-left:-31%;border-radius:50% 50% 50% 50%/12% 12% 88% 88%;background:linear-gradient(#fff 0,#fff1a0 18%,#ffb02e 48%,#ff4a00 78%,rgba(255,60,0,0) 100%);filter:blur(1.5px);transform-origin:50% 0;animation:daniel-flame .11s linear infinite alternate}
.horse-avatar-flame i:nth-child(2){width:34%;margin-left:-17%;animation-duration:.08s;opacity:.95}
.horse-avatar-flame i:nth-child(3){width:96%;margin-left:-48%;opacity:.5;filter:blur(8px);animation-duration:.14s}
@keyframes daniel-flame{from{transform:scaleY(.82) scaleX(.94)}to{transform:scaleY(1.2) scaleX(1.06)}}
.horse-avatar-button.is-launching .horse-avatar-aura,.horse-avatar-button.is-returning .horse-avatar-aura{opacity:.9}
.horse-avatar-puff{position:fixed;z-index:19;border-radius:50%;pointer-events:none;background:radial-gradient(circle,rgba(255,236,170,.95) 0,rgba(255,150,40,.7) 38%,rgba(200,200,215,.45) 66%,transparent 74%);animation:daniel-puff .8s ease-out forwards}
@keyframes daniel-puff{from{opacity:.95;transform:scale(.6)}to{opacity:0;transform:translateY(26px) scale(2)}}
/* The moon he rests on until you need him */
.horse-avatar-moonbox{position:fixed;z-index:30;display:flex;align-items:center;gap:10px;pointer-events:none;opacity:0;transition:opacity .35s ease}.horse-avatar-moonbox.is-arrived{opacity:1}.horse-avatar-moonbox[hidden]{display:none}.horse-avatar-moonbox>*{pointer-events:auto}
.horse-avatar-moon-caption{padding:6px 12px;border:1px solid #4c7a86;border-radius:99px;background:rgba(7,17,27,.86);color:#e2fbff;font:600 12px/1.2 system-ui,sans-serif;white-space:nowrap;box-shadow:0 2px 10px #0006}
.horse-avatar-moon{position:relative;flex:0 0 auto;z-index:1;width:64px;height:64px;padding:0;border:0;border-radius:50%;cursor:pointer;overflow:hidden;background:radial-gradient(circle at 34% 30%,#fffef2 0,#e9e7d9 34%,#bbb9aa 66%,#8c8a82 100%);box-shadow:0 0 18px 4px rgba(255,248,196,.4),inset -9px -7px 13px rgba(0,0,0,.25);animation:daniel-moon-in .7s ease-out}
.horse-avatar-moon[hidden]{display:none}
.horse-avatar-moon:before{content:'';position:absolute;inset:0;background:radial-gradient(circle at 63% 36%,rgba(0,0,0,.14) 0 9%,transparent 10%),radial-gradient(circle at 28% 62%,rgba(0,0,0,.14) 0 12%,transparent 13%),radial-gradient(circle at 72% 74%,rgba(0,0,0,.14) 0 7%,transparent 8%)}
.horse-avatar-moon:focus-visible{outline:3px solid #8be4d4;outline-offset:4px}
.horse-avatar-moon-daniel{position:absolute;right:-4%;bottom:-6%;width:56%;height:56%;object-fit:contain;filter:drop-shadow(0 0 3px #000a);transform:rotate(-12deg)}
@keyframes daniel-moon-in{from{opacity:0;transform:scale(.4)}to{opacity:1;transform:scale(1)}}
@media(max-width:600px){.horse-avatar-moon{width:52px;height:52px}.horse-avatar-moon-caption{display:none}}
body.no-motion .horse-avatar-aura,body.no-motion .horse-avatar-bolt,body.no-motion .horse-fibre-zap,body.no-motion .horse-avatar-eye,body.no-motion .horse-avatar-beam,body.no-motion .horse-avatar-flame i,body.no-motion .horse-avatar-moon{animation:none!important}
body.no-motion .horse-avatar-bolt,body.no-motion .horse-fibre-zap{opacity:0}
body.no-motion .horse-avatar-beam{display:none}
@media(prefers-reduced-motion:reduce){.horse-avatar-aura,.horse-avatar-bolt,.horse-fibre-zap,.horse-avatar-eye,.horse-avatar-beam,.horse-avatar-flame i,.horse-avatar-moon{animation:none!important}.horse-avatar-bolt,.horse-fibre-zap,.horse-avatar-beam{display:none}}

.horse-avatar-label{white-space:nowrap}
.horse-avatar-button.is-launching .horse-avatar-label,.horse-avatar-button.is-returning .horse-avatar-label{opacity:0}
@media(min-height:760px) and (min-width:801px){.work-focus.head-only-status .horse-avatar-button{width:200px;flex-basis:200px}}
.horse-avatar-moon-caption{opacity:0;transition:opacity .4s ease .1s}.horse-avatar-moonbox.is-arrived .horse-avatar-moon-caption{opacity:1}
/* Fibre bundles dissolve into the dark instead of ending in a straight cut. */
.horse-avatar-hair,.horse-avatar-fibres{-webkit-mask-image:radial-gradient(ellipse 56% 54% at 52% 60%,#000 58%,transparent 100%);mask-image:radial-gradient(ellipse 56% 54% at 52% 60%,#000 58%,transparent 100%)}

/* Readable opaque bubble beside Daniel, with its tail at his mouth. */
.horse-avatar-bubble,.horse-welcome .horse-avatar-bubble,.horse-conversation .horse-avatar-bubble,.work-focus.head-only-status .horse-avatar-bubble,.horse-voice-panel .horse-avatar-bubble{border:1px solid #4b8a8d;border-radius:16px;background:#101d2a;color:#edf8f7;font:600 14px/1.4 system-ui,sans-serif;text-align:left;box-shadow:0 5px 20px #0008}
.horse-avatar-bubble-tail path{fill:#101d2a;stroke:#4b8a8d;stroke-width:1}

@media(max-width:600px){.horse-welcome .horse-avatar-button{width:min(190px,44vw,30vh)}}