.noor-portrait{display:block;position:relative;width:100%;height:100%;overflow:hidden;border-radius:24px;background:radial-gradient(ellipse at 50% 30%,#327783,#092430 75%)}
.noor-portrait>img,.noor-portrait>canvas{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;display:block}.noor-portrait[data-loaded=true]>img{visibility:hidden}.noor-portrait:not([data-loaded=true])>canvas{visibility:hidden}
.companion-stage .orb-button:has(.noor-portrait){width:min(100%,300px);height:360px;display:block;padding:0;border:1px solid #90dbca55;border-radius:24px;margin:18px auto;background:transparent;box-shadow:0 18px 50px #0004}
.noor-avatar-caption{font-size:11px!important;color:#c5dade!important;margin:8px 0!important;line-height:1.5!important}.noor-avatar-controls{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin:12px 0}.noor-avatar-controls button{font:600 13px 'Segoe UI',sans-serif;min-height:44px;padding:10px 14px;border:1px solid #b1e7d2;border-radius:10px;background:#a4edcf;color:#12323c}.noor-avatar-controls button:disabled{opacity:.55}.noor-avatar-controls button:focus-visible{outline:3px solid #eacb8b;outline-offset:3px}.noor-avatar-script{font-size:12px!important;color:#d4e5e7!important;line-height:1.6!important;text-align:start;max-height:180px;overflow:auto}.noor-avatar-status{font-size:12px!important;min-height:36px;color:#d1ece4!important}
.noor-arrival-person .noor-portrait{border-radius:inherit}.noor-arrival-person .noor-portrait>img,.noor-arrival-person .noor-portrait>canvas{object-fit:cover;object-position:center 20%}
@media(max-width:600px){.companion-stage .orb-button:has(.noor-portrait){height:310px;width:220px}.noor-avatar-controls{align-items:stretch}.noor-avatar-controls button{flex:1}}