.avatar-welcome{display:grid;grid-template-columns:1fr 1.4fr;align-items:center;gap:32px;max-width:1180px;margin:48px auto;padding:32px;background:#D2F9F6;color:#174A7E;border-radius:16px}
.avatar-welcome h2{font-size:clamp(26px,3vw,40px);line-height:1.15;margin:0 0 16px}
.avatar-welcome p{font-size:18px;line-height:1.5}
.avatar-start{background:#174A7E;color:#fff;border:0;border-radius:12px;min-height:48px;padding:12px 24px;font:inherit;font-weight:700;cursor:pointer}
.avatar-start:hover{filter:brightness(1.15)}
:root[data-portal-theme] body main .avatar-start{color:#fff!important}
.avatar-welcome button:focus-visible{outline:3px solid currentColor;outline-offset:5px}
.avatar-welcome-media{position:relative;border-radius:16px;overflow:hidden;background:#174A7E}
.avatar-welcome video{width:100%;height:auto;display:block;border-radius:16px;aspect-ratio:16/9}
.avatar-play{position:absolute;inset:0;display:grid;place-items:center;padding:0;border:0;background:rgba(23,74,126,.2);color:#174A7E}
.avatar-play-icon{width:clamp(56px,14%,88px);aspect-ratio:1;border-radius:50%;background:#fff;display:grid;place-items:center;box-shadow:0 8px 24px rgba(23,74,126,.35)}
.avatar-play-icon::before{content:"";width:0;height:0;margin-left:7px;border-left:22px solid currentColor;border-top:14px solid transparent;border-bottom:14px solid transparent}
.avatar-play:focus-visible{outline-offset:-8px}
.avatar-welcome-media[data-state="playing"] .avatar-play{opacity:0;visibility:hidden;pointer-events:none}
.avatar-welcome[data-world="magic"] .avatar-play{color:#54318e;background:rgba(84,49,142,.2)}
/* ponytail: paused/ended keep native controls usable; native click-to-toggle still restarts playback */
.avatar-welcome-media[data-state="paused"] .avatar-play,.avatar-welcome-media[data-state="ended"] .avatar-play{background:transparent;pointer-events:none}
.avatar-status:empty{display:none}
.avatar-welcome[data-world="magic"]{background:#eee5ff;color:#54318e}
.avatar-welcome[data-world="magic"] .avatar-start{background:#54318e}
@media(max-width:700px){.avatar-welcome{grid-template-columns:1fr;margin:24px 16px;padding:20px;gap:20px}}