.scene { overflow:hidden; }
.scene-art { position:absolute;inset:0;overflow:hidden;mask-size:100% 100%;mask-repeat:no-repeat; }
.scene-world { position:absolute;left:0;top:0;width:100%;height:100%; }
.scene-world img,.scene-world canvas { position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:cover;object-position:50% bottom;image-rendering:pixelated; }
.welcome-figure { position:absolute;z-index:1;visibility:hidden;aspect-ratio:2/3;translate:-49.8047% -97.5911%;pointer-events:none; }
.scene.is-laid-out .welcome-figure { visibility:visible; }
.welcome-pose,.welcome-image { position:absolute;inset:0;width:100%;height:100%; }
.welcome-image { image-rendering:pixelated; }
.welcome-base { clip-path:polygon(0 0,100% 0,100% 100%,0 100%,0 59%,44.5% 59%,44.5% 15%,0 15%); }
.welcome-arm { clip-path:inset(15% 55.5% 41% 0);opacity:0; }
.welcome-arm--rest { opacity:1; }
.welcome-rays { position:absolute;width:23%;height:12%;left:49%;top:-6%;translate:-50% 0;overflow:visible;opacity:0; }
.welcome-bubble {
  --bubble-title-size:clamp(1.125rem,1.02rem + .25vw,1.375rem);
  --bubble-copy-size:clamp(1rem,.93rem + .2vw,1.1rem);
  --bubble-padding-y:.68rem;
  --bubble-head-gap:8px;
  --bubble-tail-depth:11px;
  position:absolute;top:var(--bubble-head-y);z-index:2;
  translate:0 calc(-100% - var(--bubble-tail-depth) - var(--bubble-head-gap));
  width:max-content;max-width:min(23rem,var(--bubble-room,54vw));margin:0;padding:var(--bubble-padding-y) .9rem;
  color:#163f36;text-align:start;overflow-wrap:anywhere;isolation:isolate;filter:drop-shadow(0 3px 3px #0002);
  opacity:0;visibility:hidden;
}
.welcome-bubble.is-left-of-face { translate:-100% calc(-100% - var(--bubble-tail-depth) - var(--bubble-head-gap)); }
html[lang=ar] .welcome-bubble { width:clamp(17.5rem, 14.75rem + 3vw, 18.5rem); }
.welcome-bubble::before,.welcome-bubble::after {
  content:'';position:absolute;z-index:-1;
  clip-path:polygon(4px 0,calc(100% - 4px) 0,calc(100% - 4px) 4px,100% 4px,100% calc(100% - 4px),calc(100% - 4px) calc(100% - 4px),calc(100% - 4px) 100%,4px 100%,4px calc(100% - 4px),0 calc(100% - 4px),0 4px,4px 4px);
}
.welcome-bubble::before { inset:0;background:#42604b; }
.welcome-bubble::after { inset:2px;background:#fff3d9; }
.welcome-bubble-tail {
  position:absolute;left:-9px;top:calc(100% - 3px);width:14px;height:14px;background:#42604b;
  clip-path:polygon(100% 0,100% 100%,0 100%,0 75%,25% 75%,25% 50%,50% 50%,50% 25%,75% 25%,75% 0);
}
.is-left-of-face .welcome-bubble-tail { left:auto;right:-9px;transform:scaleX(-1); }
.welcome-bubble strong {
  display:block;font-size:var(--bubble-title-size);
  font-weight:var(--jdar-weight-emphasis);line-height:calc(var(--bubble-title-size) * 1.42);
}
.welcome-bubble p {
  margin:0;color:var(--jdar-action);font-size:var(--bubble-copy-size);
  font-weight:var(--jdar-weight-body);line-height:calc(var(--bubble-copy-size) * 1.55);
}
.static-greeting .welcome-bubble { opacity:1;visibility:visible; }