.echo-creature{--creature-size:96px;display:inline-flex;block-size:var(--creature-size);max-inline-size:100%;vertical-align:middle}.echo-creature__svg{display:block;block-size:100%;inline-size:auto;max-inline-size:100%;aspect-ratio:var(--creature-ratio,1);overflow:visible}.echo-creature__light{stop-color:var(--echo-accent-highlight)}.echo-creature__mid{stop-color:var(--echo-accent)}.echo-creature__deep{stop-color:var(--echo-accent-pressed)}.echo-creature__gloss-in{stop-color:rgb(255 255 255/calc(.5 * var(--echo-gloss, 1)))}.echo-creature__gloss-out{stop-color:rgb(255 255 255/calc(0 * var(--echo-gloss, 1)))}.echo-creature__rim{fill:none;stroke:var(--echo-accent-pressed);stroke-width:.7;stroke-opacity:.6}.echo-creature__eye{fill:var(--echo-text)}.echo-creature__pupil{fill:var(--echo-seam)}.echo-creature__catch{fill:rgb(255 255 255/calc(.8 * var(--echo-gloss, 1)))}.echo-creature__screen{display:inline-flex;box-sizing:border-box;block-size:100%;padding:var(--echo-space-4);border-radius:var(--echo-radius-lg);background:var(--echo-drawn-glass,linear-gradient(160deg,var(--echo-well) 0,var(--echo-lcd) 100%));box-shadow:var(
    --echo-shadow-well-screen,inset 0 2px 6px color-mix(in oklab,var(--echo-cast-ink,black) calc(.8 * var(--echo-shade, 1) * 100%),transparent),inset 0 -1px 0 rgb(255 255 255/calc(.05 * var(--echo-gloss, 1))),inset 0 0 0 var(--echo-line-width,0) var(--echo-line,transparent)
  )}.echo-creature__dots{display:block;block-size:100%;inline-size:auto;max-inline-size:100%}@media (forced-colors:active){.echo-creature__svg path{forced-color-adjust:none}.echo-creature__svg path[fill]{fill:Canvas}.echo-creature__rim{stroke:CanvasText;stroke-opacity:1}.echo-creature__eye{fill:Canvas;stroke:CanvasText;stroke-width:.5}.echo-creature__pupil{fill:CanvasText}.echo-creature__catch{fill:Canvas}.echo-creature__screen{border:var(--echo-border-hairline,1px) solid CanvasText}}